/****************************
	Site Wide Styles
****************************/

body {background:#fff;color:#000;font-family:arial,verdana,san-serif;font-size:12px;margin:0pt;padding:0pt;text-align:left;}
#header {width:100%;height:88px;background:url(../images/header.png) bottom center repeat-x #8fbb4a;padding:0px;margin:0px;}
.header-content {margin:0px auto;width:970px;}
#footer {text-align:center;margin-top:50px;}
#footer a {font-weight:normal;color:#000;font-weight:normal;font-size:14px;text-decoration:underline;padding:0px 10px;}
#footer a:hover {color:#333;}

#content {width:806px;margin:0px auto;background:url(../images/content_bg.gif) repeat-y transparent;padding:10px 0px 10px;}

h1 span, h2 span, h3 span, h4 span, h5 span, a span {display:none;}
h1 {margin:0px;}
h2, h3 {margin:0px;padding:0px;}
h2 {font-size:12px;color:#000;margin:0px;}
h3 {font-size:30px;color:#327ee0;}
a {color:#327ee0;text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
p {margin:5px 0px 10px;}
a img {border:none;cursor:pointer;}
form, fieldset {border:none;padding:0px;margin:0px;}
ul.inline {margin:0px;padding:0px;}
ul.inline li {list-style:none;display:inline;}
img {padding:0px;margin:0px;}

.top {margin-top:0px;padding-top:0px;}
.bottom {margin-bottom:0px;padding-bottom:0px;}
.right {text-align:right;float:right;}
.left {text-align:left;float:left;}
img.left {margin:0px 10px 10px 0px;}
.clear {clear:both;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:10px;}
.large {font-size:14px;}
.normal {font-size:12px;font-weight:normal;}
.dim {color:#666666;}
.center {text-align:center;}
.black {color:#000;}
.green {color:#5f8720;}
.blue {color:#018caa;}

/***************************
		Header
**************************/

h1.logo {background:url(../images/logo.png) no-repeat bottom left;display:block;width:212px;height:69px;float:left;padding:7px 0 0;margin:0px;}
span.phone {float:right;padding-top:7px;margin-right:50px;}
span.phone ul li {margin:0px 10px 0px 0px;float:left;}
a.facebook, a.twitter {display:block;height:27px;width:26px;cursor:pointer;}
a.facebook {background:url(../images/facebook.png) top left no-repeat;}
a.twitter {background:url(../images/twitter.png) top left no-repeat;}

/***************************
		Footer
**************************/
#footer ul.inline li {padding:0px 15px;}
#footer p {margin:10px 0px;}



/***************************
		Main Nav
**************************/
.main_nav {width:736px;position:absolute;margin-left:215px;top:46px;}
/* .main_nav {width:736px;position:absolute;margin-left:220px;top:40px;} */
.main_nav ul {margin:0px;padding:0px;}
.main_nav ul li {display:inline;list-style:none;margin:0px 4px;float:left;}
.main_nav ul li a {display:block;height:42px;margin:0px;padding:0px;}

.main_nav ul li a.home {background:url(../images/nav-home.png) bottom left no-repeat;width:71px;}
.main_nav ul li a.programs {background:url(../images/nav-programs.png) bottom left no-repeat;width:101px;}
.main_nav ul li a.designs {background:url(../images/nav-designs.png) bottom left no-repeat;width:184px;}
.main_nav ul li a.pricing {background:url(../images/nav-pricing.png) bottom left no-repeat;width:143px;}
.main_nav ul li a.about {background:url(../images/nav-about.png) bottom left no-repeat;width:98px;}
.main_nav ul li a.contact {background:url(../images/nav-contact.png) bottom left no-repeat;width:87px;}
.main_nav ul li a:hover, .main_nav ul li a.on {background-position:top left;}

/***************************
		HOMEPAGE
**************************/
.banner {background:url(../images/blue.gif) repeat-x top left #068dbf;width:100%;padding:0px;}
.bannersplash {margin:0px auto;width:970px;padding:0px;}
.hpflash {height:260px;}
.girl-head {position:absolute;top:74px;margin-left:61px;}
.main {width:100%;padding-top:10px;}
.feet {background:url(../images/feet.png) top center no-repeat;}

.shadow {background:url(../images/shadow.gif) bottom right no-repeat;padding:0px 3px 3px 0px;}
.shadow .interior {background:#fff;border:1px solid #3480e3;padding:3px 3px 1px;position:relative;top:-2px;left:-2px;margin:0 -2px -2px 0;}

.fp-lcol {padding-top:17px;}
.fp-rcol {padding-top:60px;}

/* ecopack */
.ecopack {background:url(../images/eco-pack.png) top left no-repeat;display:block;float:left;height:170px;width:535px;margin-top:20px;}
.ecopack .ecocontent {float:left;padding:66px 0px 0 16px;overflow:hidden;height:45px;margin-bottom:12px;width:370px;}
.ecopack a.ecobutton {/*display:block;background:url(../images/ecobutton.png) top left no-repeat;height:35px;width:156px;cursor:pointer;float:left;*/background:url(../images/green-btn.png) no-repeat top left;color:#fff;font-weight:bold;text-align:center;border:none;cursor:pointer;margin:-4px 0px 0px 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;display:block;height:25px;width:123px;vertical-align:middle;margin-left:14px;float:left;padding-top:8px;}
.ecopack a.ecobutton:hover {background-position:bottom left;text-decoration:none;}

/* switcher */
.switcher {padding-left:15px;}
.switcher p {margin:0px 0px 5px;}
.switch {float:right;margin-right:15px;margin-bottom:25px;}
.switch ul li {float:left;}
.switch ul li a.previous {background:url(../images/btn-previous.gif) no-repeat top left;display:block;height:29px;width:96px;cursor:pointer;margin-right:50px;}
.switch ul li a.next {background:url(../images/btn-next.gif) no-repeat top left;display:block;height:29px;width:74px;cursor:pointer;}


/* newsletter */

form.newsletter, form.newsletter fieldset {margin:0px;padding:4px 0px 2px ;border:none;}
form.newsletter input {float:left;}
form.newsletter input.text {border:1px solid #008bb2;color:#008bb2;padding:4px;background:url(../images/input-bg.gif) top left repeat-x #fff;width:225px;}
form.newsletter input.submit {background:url(../images/green-btn.png) no-repeat top left;color:#fff;font-weight:bold;text-align:center;border:none;cursor:pointer;margin:-4px 0px 0px 5px;font-family:Arial, Helvetica, sans-serif;font-size:14px;display:block;height:33px;width:123px;vertical-align:middle;}
form.newsletter input.submit:hover {background-position:bottom left;}

/***************************
		Programs
**************************/
.top-spacer {margin-top:15px;}
.banner-interior {background:url(../images/blue-header.gif) repeat-x top left #068dbf;width:100%;padding:0px;}
.programs {background:url(../images/programs-header.png) no-repeat top left;height:62px;}

.list-item {padding-bottom:30px;float:left;}
h3.list {color:#0298bc;font-size:20px;text-transform:uppercase;}
h3.list span.green {display:inline;color:#5f8720;}
.border-image img {background:#fff;padding:3px;border:1px solid #000;}

a.greenbtn {background:url(../images/green-btn2.png) no-repeat top left;color:#fff;font-weight:bold;text-align:center;cursor:pointer;margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;display:block;height:25px;width:157px;vertical-align:middle;text-decoration:none;padding-top:8px;}
a.greenbtn:hover {background-position:bottom left;text-decoration:none;}


ul.programs-subnav {margin:0px;padding:16px 0px;background:url(../images/stars.gif) no-repeat top left #ade4ef;width:255px;float:left;}
ul.programs-subnav li {list-style:none;padding:0px;margin:1px 0px;float:left;}
ul.programs-subnav li a {color:#014264;text-decoration:none;font-size:16px;padding-top:16px;font-weight:bold;}
ul.programs-subnav li a span {padding-bottom:14px;}
ul.programs-subnav li a, ul.programs-subnav li a span {display:block;width:202px;text-align:right;padding-right:14px;}
ul.programs-subnav li a:hover, ul.programs-subnav li a.on {color:#fff;background:url(../images/hover-top.png) no-repeat top left transparent;}
ul.programs-subnav li a:hover span,  ul.programs-subnav li a.on span {background:url(../images/hover-bottom.png) no-repeat bottom left transparent;}
.programs-subnav-footer {background:url(../images/stars-foot.gif) top left no-repeat;display:block;width:255px;height:14px;float:left;}


ul.programs-subnav p {float:left;font-size:14px;padding:10px;margin:0px;}
ul.programs-subnav p.blue {padding-top:0px;}

/***************************
		Programs-profile
**************************/

.sidebox-header {width:180px;height:30px;margin:10px 0px 0px;padding:0px;float:left;} 
.sidebox {padding:5px 10px 10px;display:block;width:160px;float:left;margin-bottom:10px;}
.sidebox ul {margin:0px;padding:0px;}
.sidebox ul li {list-style:none;padding:2px 0px;}

.blue-header {background:url(../images/blue-box-header.gif) no-repeat top left;}
.blue-box {background:url(../images/blue-box.gif) no-repeat bottom left #ade4ef;}
.blue-box ul li a {color:#014264;text-decoration:underline;}
.blue-box ul li a:hover {color:#0a5983;text-decoration:underline;}

.green-header {background:url(../images/green-box-header.gif) no-repeat top left;}
.green-box {background:url(../images/green-box.gif) no-repeat bottom left #c1eb80;}
.green-box ul li a {color:#31540d;text-decoration:underline;}
.green-box ul li a:hover {color:#447215;text-decoration:underline;}

/***************************
	Our Creative Designs
**************************/

.designs {background:url(../images/designs-header.png) no-repeat top left;height:62px;}

ul.grid {margin:0px;padding:0px;}
ul.grid li {display:inline;float:left;list-style:none;padding:5px;}
ul.grid li a {display:block;height:60px;width:60px;text-align:center;float:left;}
ul.grid li a {border:2px solid #fff;}
ul.grid li a:hover {border:2px solid #0298BC;}

.drop p:first-letter {font-size:37px;float:left;padding:0px 2px 0px 0px;font-weight:bold;}
.drop {margin-bottom:20px;}
.drop p {padding:0px;margin:0px 0px 0px;}


/***************************
	Custom Pricing
**************************/
.pricing {background:url(../images/pricing-header.png) no-repeat top left;height:62px;}


/***************************
	About
**************************/
.about {background:url(../images/about-header.png) no-repeat top left;height:62px;}


/***************************
	Contact
**************************/
.contact {background:url(../images/contact-header.png) no-repeat top left;height:62px;margin-bottom:10px;}

form.contact, form.contact fieldset {margin:0px;padding:0px;border:none;width:330px;float:left;height:auto;}
form.contact {background:url(../images/form-top.gif) top center no-repeat #ade4ef;}
form.contact fieldset {background:url(../images/form-bottom.gif) no-repeat bottom center transparent;}
form.contact .spacer {margin:0px;padding:20px;}
form.contact p {clear:both;}
form.contact label {color:#018caa;font-size:16px;font-weight:bold;float:left;width:100%;}
form.contact input.text {border:1px solid #008bb2;color:#008bb2;padding:4px;background:url(../images/input-bg.gif) top left repeat-x #fff;width:275px;float:left;margin:0px 0px 10px;}
form.contact select {border:1px solid #008bb2;color:#008bb2;padding:4px;background:#fff;width:285px;float:left;margin:0px 0px 10px;}
form.contact table {float:left;width:100%;color:#018caa;font-weight:bold;margin-bottom:20px;}
form.contact table tr td {padding:3px 3px 3px 0px;text-align:left;vertical-align:top;}
form.contact input.submit {background:url(../images/green-btn.png) no-repeat top left;color:#fff;font-weight:bold;text-align:center;border:none;cursor:pointer;margin:0px 0 20px 76px;font-family:Arial, Helvetica, sans-serif;font-size:14px;display:block;height:33px;width:123px;vertical-align:middle;}
form.contact input.submit:hover {background-position:bottom left;}

form.contact input[type="checkbox"] {float:left;}
form.contact table td span {float:left;display:block;width:115px;}

a.temporaryBTN {position:absolute;display:block;background:url(../images/blank.gif) repeat;width:263px;height:43px;margin:110px 0px 0px 504px}