/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;  padding:0;  }
table { border-collapse:collapse; }
fieldset,img { border:0;  }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;  font-weight:normal;  }
ul { list-style:none;  }
caption,th { text-align:left;  }
h1,h2,h3,h4,h5,h6 { font-size:100%;  font-weight:normal;  }
q:before,q:after { content:'';  }
abbr,acronym { border:0;  }

/* page style */
html { background: #536773; }
body { background: url(/img/bgHeader.jpg) #E5F3F6 repeat-x; letter-spacing: -.01em; color: #262122;  font: 12px Myriad Pro, Helvetica, Arial, sans-serif;  text-align: center; }

/* links  */
a { color: #F68026;  text-decoration: none;  }
a:hover { color: #116E85;  }

/* headings */
h1 { font-size:2em; }
h2 { font-size:2em; }
h3 { font-size:1.6em; } 
h4 { font-size:2.0em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.0em; }

/* strong em */
strong { font-weight: bolder;  }
em { font-style: italic; }

/* page structure & layout */
.page { margin: 0 auto;  text-align: left;  width: 900px; position: relative; }
.page2 { margin: 0 auto;  text-align: left;  position: relative; background: #E5F3F6;}

/* header */
#header { height: 114px; letter-spacing: -0.03em; position: relative; text-align: right; background: url(/img/bgHeader.jpg) repeat-x; }
#header h1 { color:#2CA3BB; font-size:2.5em; font-weight:bold; margin-bottom:0.5em; position: absolute; top: 25px; right: 0; }
#header h2 { color:#AAA28D; font-size:2.2em; font-weight:normal; position: absolute; top: 55px; right: 0;  }

/* logo */
#logo { position: absolute; left: 0; top: 15px; }

/* navigation */
#nav { font-size: 1.4em; }
#nav ul { display: inline; }
#nav li { display: block; float: left; list-style: none; }
#nav li a { color: #fff; display: block; margin: 0 1px 0 1px; line-height: 1.6em; padding: 7px 18px 5px 18px; text-align: center; text-decoration: none; }
#nav li a:hover { background: #40b6cd; }
#nav li a.current { background: #FFF;  color: #4D3B25;  }

/* breadcrumb */
#breadcrumb { color: #4C7897; font-size: 1.2em; height: 46px; position: relative; }
#breadcrumb a { color: #4c7897; text-decoration: none; }

/* info */
#info a { color: #E4EEF4; }

/* content */
#contentHome { width: 600px; }
.content { width: 600px; }
#content { font-size: 1.2em; line-height: 1.5em; position: relative; }
#content h2 { color: #76aac9; font-size: 2em; font-weight: normal; letter-spacing: -.01em; padding: 0 0 17px 0; }
#content h2 a { color: #76aac9; text-decoration: none; }
#content h2 a:hover { color: #7C90A1; }
#content h4 { color: #116E85; border-bottom: 1px solid #E5F3F6; font-size: 2.0em; margin: 0px 0 10px 0; padding: 7px 0 7px 0; }
#content h5 { color: #E62E2E; }
#content h3 { color: #E98844; font-size: 1.6em; font-weight: normal; margin: 0px 0px 10px 0px; padding: 7px 0; }
#content p { line-height: 1.3em; margin: 0 0 20px 0; }
#content ol { line-height: 1.8em; margin: 0 20px 20px 20px; }
#content ul { line-height: 1.8em; }
#content ul li { line-height: 1.5em; padding-left: 2px; margin-bottom: 15px; }

/* secondary content */
#sidebar { color: #4B798B; float: right; font-size: 1.2em; line-height: 1.4em; width: 280px; margin-left: 10px; position: relative; }
#sidebar h4 { color: #116E85; border-bottom: 1px solid #E5F3F6; font-size: 2.0em; margin: 0px 0 10px 0; padding: 7px 0 7px 0; }
#sidebar h5 { color: #444; border-bottom: 1px solid #E5F3F6;  font-weight: normal; margin: 0px 0 10px 0; padding: 7px 0 7px 0; }
#sidebar p { margin: 0; line-height: 1.5em;  }
#sidebar ul { }
#sidebar ul li { line-height: 18px;}	
#sidebar .box { background: #FFF; font-size: .9em; line-height: 1.5em; position: relative; }

/* footer */
#footer { background: #536773; clear: both; color: #FFF; font-size: 1.3em; padding: 20px 0; border-top: 1px solid #3a4c57; }
#footer p { line-height: 1.5em; padding-top: 15px; }
#footer h4 { font-size: 1.2em; color: #FFF; }
#footer a { color: #E3D6AC; }
#footer a:hover { color: #F68026; }
.footerBox { float: left; width: 225px; text-align: left; clear: right; }
#footer li { list-style: none; margin: 3px 0; }

/* extended */
.extended { height: 250px; margin-bottom: 10px; border-bottom: 1px solid #B5E7FE; background: url(../img/slides/ecratedshop.jpg) no-repeat center bottom #FFF; }

/* ecrated shop */
#plans { font-size: 14px; width: 900px; position: relative; margin-bottom: 10px;  text-align: center;}
#plans h3 { font-size: 30px; font-weight: bold; }
#plans h4 { font-size: 24px; font-weight: normal; }
#plans h4 sup { position: relative; top: 5px; left: 2px; font-size: 14px; }
#plans h6 { font-weight: bold; }
#plans .btn { padding: 5px 15px; font-size: 1.3em; color: #FFF; background: #ED7208; border: none; border: 1px solid #FFF; width: 75px; position: relative; text-align: center; }
#plans .btn:hover { background: #FFA252; }
#plans a, a.visited, a.active { color: #FFF; }
#plans a:hover {  }
#plans ul { margin-bottom: 10px; }
#plans li { text-align: center; color: #536773; border-top: 1px dotted #ccc; padding-top: 5px; margin-bottom: 5px; }
.plan1 { float: left; width:250px; height:315px; border: 1px solid #CCC; position: absolute; top: 26px; left: 71px; background: #FFF; }
.plan2 { float: left; width: 250px; height:332px;  border: 3px solid #B5E7FE; position: absolute; top: 16px; left: 322px; z-index: 999; background: #ECF9FF; }
.plan3 { float: left; width: 250px; height:315px;  border: 1px solid #CCC; position: absolute; top: 26px; right: 71px; background: #FFF; }
.plan1, .plan3 h3 { color: #333333; }
.plansTable {  }
.plansTable th { font-size: 16px; font-weight: bold; text-align: center; }
.plansTable td { padding: 5px; text-align: center; border-bottom: 1px dotted #ccc; vertical-align: middle; }

/* features */
.featureTable td { padding: 5px; vertical-align: top; }
.featureTable h5 { font-size: 1.3em; margin-bottom: 10px; border-bottom: 1px solid #ccc; }

/* clouds */
#clouds { background: url(../img/clouds.jpg) no-repeat center top; height: 213px; margin-bottom: 25px; text-align: center; }

/* new */
.new { width: 96px; height: 96px; position: absolute; z-index: 9999; top: -30px; right: -30px; background: url(../img/new.png) no-repeat; }

/* portfolio */
.pbox { height: 375px; background: url(../img/pBG.gif) repeat-y center; position: relative; margin-bottom: 100px; }
.ptop { clear: both; background: url(../img/pTop.gif) no-repeat center top; height: 14px; }
.pbody { padding: 2px 17px; }
.pbottom { clear: both; background: url(../img/pBottom.gif) no-repeat center bottom; height: 14px; }
.boxgrid { width: 850px;height: 330px;margin:8px;float:left;background:#FFF;overflow: hidden;position: relative;}
.boxgrid a, a.visited, a.active { color: #E3D6AC; font-weight: bold; }
.boxgrid a:hover { color: #F68026; }
.boxgrid h5 { font-size: 16px; font-weight: bold; padding: 10px; letter-spacing: .01em; }
.boxgrid img { position: absolute;top: 0px;left: 0px;border: 0px; }
.boxgrid p { padding: 0 10px;font-size: 14px; letter-spacing: -.01em; }			
.boxcaption { float: left;position: absolute;background: #07222D;height: 330px;width: 100%; color: #FFF; }
.captionfull .boxcaption { top: 0px;left: 0px; }
.caption .boxcaption { top: 290px; left: 0px; }
.quote { }
.corner { background: url(../img/corner.png) no-repeat; position: absolute; bottom: 0px; right: 0px; z-index: 999 !important; width: 124px; height: 105px; }

/* slideshow */
#slideshow { width: 100%; height: 250px; margin-bottom: 10px; text-align: center; }

/* twitter */
#twitter_update_list li { list-style: none; }
#twitter_div li { padding: 5px; border-bottom: 1px solid #E5F3F6; list-style: none; }

/* digg */
.block_body li { padding: 5px; border-bottom: 1px solid #E5F3F6; list-style: none; }

/* contact */
.contactForm { width: 560px; font-size: 16px; color: #117585; }
.contactForm td { padding:15px; }
.contactForm input { font-family: Myriad Pro, Helvetica, Arial; width:100%; padding: 5px; }
.contactForm input[type=submit] { width: 150px; }
.contactForm textarea { font-family: Myriad Pro, Helvetica, Arial; width:100%; height:120px; padding: 5px; }
.submit { width:45px!important; }

/* misc */
a img { border: none;  }
acronym { cursor: help;  }
blockquote { border-left: 2px solid #FFF; line-height: 1.5em;  color: #FFA101; font-size: 14px; font-family: georgia; padding: 0 15px; font-style: italic; margin: 0 10px; }
hr, .hide { display: none;  }
.show { display: inline;  }
pre, code { font-size: 1.1em;  line-height: normal;  background: #eee;  color: #444;  }
.friends { float: left; margin: 5px; z-index: 999; }
.btn { padding: 15px; font-size: 1.6em; color: #FFF; background: #ED7208; border: none; border: 1px solid #FFF; width: 150px; position: relative; }

/* table yuck */
.table th { padding: 7px; font-size: 22px; background: #536773; color: #FFF; }
.table td { padding: 7px; }
.table input[type=text] { width: 250px; }
.table .btn { padding: 15px; font-size: 1.6em; color: #FFF; background: #ED7208; border: none; border: 1px solid #FFF; width: 250px; position: relative; }

/*colors */
.pink { color: #FE0084; }
.aqua { color: #2CA3BB; }
.orange { color: #ED7208; }

/* padding */
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }

/* boxes */
.box { background: #FFF; padding: 15px; margin-bottom: 10px; }
.boxOrange { background: #ED7208; padding: 15px; margin-bottom: 10px; text-align: center; font-size: 1.4em; font-weight: normal;}
.boxOrange:hover { background: #FFA252; }
.boxOrange a, a.visited, a.active { color: #FFF; }

/* classes */
.right, .left { background: #fff; border: 1px solid #e3e7e8; float: left; margin: .5em 12px 6px 0; padding: 6px; }
.right { float: right; margin: .5em 0  6px 12px; }
.left { float: left; margin: .5em 12px 6px 0; }
.clear { clear: both; }
.error { color: red;  }

/* comment */
.comment-form-body { width: 450px; }
