/*---------------SITE CREDITS---------------
icons by www.dryicons.com
------------------------------*/


/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Arial, Helvetica, sans-serif; color:#154d6a; background-color:#edf5fa} 
table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:980px; text-align:left;  margin-left:auto; margin-right:auto; background:url(images/bg-pagewidth.gif) repeat-y center top} 
#wrapper{margin-bottom:100px; float:left}
ul{list-style:none; font-size:1.1em}
a{color:#154d6a; text-decoration:none; outline:none; border-bottom:1px dotted #154d6a}
a:hover{color:#154d6a; border-bottom:1px solid #154d6a}
.clr{clear:left}
p{font-size:1.1em; line-height:1.7em; margin-bottom:1.3em;}

h1,h2,h3{font-weight:900;}
h1{font-size:2.5em; color:#990000}
h2{font-size:2.2em; }
h3{font-size:1.8em;}
sup{color:#990000}

/*---------------HEADER---------------*/
#header{position:relative; height:110px; width:974px; margin:0 0 0 3px; display:inline; float:left; border-bottom:5px solid #256A8B}
body#cms #header, body#ecomm #header, body#contact #header{margin-bottom:15px}

#logo{float:left; width:262px; height:32px; text-indent:-6000px; background-image:url(images/logo.gif); margin:27px 0 0 20px; display:inline}
#logo a{height:32px; width:100%; display:block; overflow:hidden; border:none}
#logo a:hover{ border:none}

ul#header_contact{text-align:right; margin:18px 20px 0 0; float:right; display:inline; color:#2d6a88}
ul#header_contact li.num{font-size:2.0em; font-weight:bold}
ul#header_contact a{color:#2d6a88}

ul#header_contact li img{margin-top:15px}

/*---------------NAV---------------*/ 
ul#nav{width:483px;  height:25px; line-height:25px; padding-top:1px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; margin:25px 0 0 16px; display:inline}
ul#nav li{ margin:0 2px; display:inline;  color:#FFFFFF; float:left; background:url(images/nav-right.jpg) no-repeat top right}
ul#nav li a{color:#fff; border:none; padding:0 7px; display:block; float:left; background:url(images/nav-left.jpg) no-repeat top left}
ul#nav li a:hover{color:#FF0; border:none}
ul#nav li a, #footer a{text-decoration:none}
 
body#index ul#nav li.home a,
body#cms ul#nav li.cms a,
body#ecomm ul#nav li.ecomm a,
body#contact ul#nav li.contact a{color:#FF0}
span.error{color:#f00}

/*---------------TWO COLs---------------*/
#twocols{width:660px; float:right; display:inline; position:relative;}

/*---------------LEFT COL---------------*/
body#index #leftcol{width:270px; float:left; position:relative; margin:0 27px 0 20px; display:inline; border-right:1px solid #e1e1e1;}
body#cms #leftcol,body#ecomm #leftcol, body#contact #leftcol, body#privacy #leftcol{width:640px; float:left; position:relative; margin:0 0 0 20px; display:inline; height:auto !important; height:500px; min-height:500px;}


/*---------------MAIN COL---------------*/
body#index #maincol{ float:left; display:inline; position: relative; width:270px}

/*---------------RIGHT COL---------------*/
#rightcol{width:298px; float:right; position:relative; margin:0 20px 0 0; display:inline; background-color:#f9faed; border:1px solid #e5ebb3}

/*---------------REMOVE THESE LINES WHEN WE HAVE TESTIMONIALS---------------*/
body#contact #rightcol{width:298px; float:right; position:relative; margin:0 20px 0 0; display:inline; background-color:#f9faed; border:1px solid #e5ebb3}
body#ecomm #rightcol, body#cms #rightcol{border:0}



#rightcol h2{width:224px; height:44px; background-image:url(images/title-testimonials.gif); text-indent:-3000px; margin:10px 0 15px 18px}
#rightcol ul{width:260px; margin:10px 0 20px 15px; color:#6f700a}
#rightcol ul li{margin:3px} 
#rightcol ul li.name{font-weight:bold}

/*---------------INDEX---------------*/
#banner{width:974px; height:346px; background:url(images/banner-index.jpg) no-repeat -24px 0; float:left; margin:0 0 25px 3px; display:inline; border-bottom:1px solid #70bdd8}
#banner h1{margin:15px 0 0 15px; font-size:3.0em}
#banner h2{margin-left:15px; font-size:1.4em; margin-bottom:12px}
#banner p{margin-left:15px; width:540px; font-size:1.2em;}
#banner h3{width:241px; height:54px; float:left; margin:30px 0 0 17px; display:inline}
#banner h3 a{width:241px; height:54px; text-indent:-3333px; display:block; overflow:hidden; border:none}
#banner h3 a:hover{ border:none}
#banner h3.ecomm{margin-left:59px}

ul.index-package-title{width:240px;  margin-bottom:-5px; padding-top:15px}
ul.index-package-title li{background:url(images/icon-cms-sm.gif) no-repeat; height:44px}
ul.index-package-title li h2{text-align:center; font-size:1.7em; font-weight:bold; margin-left:40px; line-height:1.1em;}
ul.index-package-title-ecomm li{background: url(images/icon-ecomm-sm-3.gif) no-repeat;}
ul.index-package-title-ecomm li h2{width:180px}

ul.feature{width:240px; margin:25px 0 0 0px; height:75px}
ul.feature li{line-height:1.7em}
ul.feature li img{border:5px solid #e5e5e5}
ul.feature li.heading{padding-left:20px; font-weight:bold}
ul.feature li.heading-editor{background:url(images/icon-index-editor.gif) no-repeat left center;}
ul.feature li.heading-image{background:url(images/icon-index-image.gif) no-repeat left center;}
ul.feature li.heading-seo{background:url(images/icon-index-seo.gif) no-repeat left center;}
ul.feature li.heading-cart{background:url(images/icon-index-cart.gif) no-repeat left center;}
ul.feature li.heading-customer{background:url(images/icon-index-customer.gif) no-repeat left center;}
ul.feature li.heading-money{background:url(images/icon-index-money.gif) no-repeat left center;}

ul.feature-float{float:left; margin:0 60px 25px 0; height:120px}
ul.feature-float li.heading, ul.feature-float-extras li.heading{ line-height:40px; padding-left:48px; font-size:1.5em; margin-bottom:8px}
ul.feature-float li.heading-editor{background:url(images/icon-package-editor-2.gif) no-repeat left center;}
ul.feature-float li.heading-image{background:url(images/icon-package-image.gif) no-repeat left center;}
ul.feature-float li.heading-seo{background:url(images/icon-package-seo.gif) no-repeat left center;}
ul.feature-float li.heading-cart{background:url(images/icon-package-cart.gif) no-repeat left center;}
ul.feature-float li.heading-customer{background:url(images/icon-package-customer.gif) no-repeat left center;}
ul.feature-float li.heading-money{background:url(images/icon-package-money.gif) no-repeat left center;}



.button-more{width:240px; height:54px; margin:25px 0}
.button-more a{width:240px; height:54px; display:block; overflow:hidden; text-indent:-3333px;border:none}
.button-more a:hover{border:none}

.button-more-cms{background-image:url(images/button-more-cms.jpg)}
.button-more-ecomm{background-image:url(images/button-more-ecomm.jpg)}

/*---------------PACKAGES---------------*/
.package-info-container{width:940px; float:left; margin:0px 0 20px 20px; display:inline; padding-bottom:40px; border-bottom:1px solid #d7d7d7}
.package-info-container h1,
#package-info-left h1,
#leftcol h1.portfolio,
.package-info-container h2.features,
.package-info-container h2.extras,
h2.portfolio
{padding-left:60px; font-size:2.4em; height:56px; margin-bottom:15px}

h2.price{margin-bottom:10px}

.package-info-container h2.features{background:url(images/icon-features.gif) no-repeat left center; padding-top:8px}
.package-info-container h2.extras{background:url(images/icon-extras.gif) no-repeat left center; padding-top:8px}

.overview{width:460px; background:url(images/overview-bg-mid.gif) repeat-y; float:right; margin-top:2px }
.overview .top{background:url(images/overview-bg-top.gif) no-repeat left center; padding:0; margin:0; height:40px}
.overview .top h2{font-size:1.8em; padding:5px 0 0 24px;}
.overview .top h2.summary-table{background:url(images/icon-overview.gif) no-repeat 0 10px; margin-left:180px; }
.overview .bottom{background:url(images/overview-bg-footer.gif) no-repeat left bottom;  padding:0; margin:0;  }
.overview p {padding:0 10px; margin:0 0 3px 0 }

table#overview{width:440px; margin:0 auto; font-size:1.1em}
col#feature{width:130px;}
col#value{width:50px}
col#details{width:260px}
table#overview tr td{padding:2px; height:30px; border-bottom:1px solid #e5e5e5}
table#overview tr td.left{text-align:right; font-weight:bold}
table#overview tr td.mid{text-align:center}
table#overview tr td.price{padding-left:13px;}

#package-info-left{float:left; width:380px; font-size:inherit}
#package-info-left h1{margin-bottom:10px; height:65px}
#package-info-left h1.cms{background:url(images/icon-cms-lg.gif) no-repeat 0 10px; padding-top:8px; width:340px}
#package-info-left h1.ecomm{background:url(images/icon-ecomm-lg-2.gif) no-repeat 0 10px; padding-top:20px}
#package-info-left p{font-size:1.2em}
#package-info-left h1.cms .sm{font-size:0.8em; margin-top:-6px}

ul.feature-float-extras{float:left; margin:0 60px 25px 0; height:175px}
ul.feature-float-extras li.extra-blank{background:url(images/icon-extra-blank.gif) no-repeat left center;}
ul.feature-float-extras li.extra-gallery{background:url(images/icon-extra-gallery.gif) no-repeat left center;}
ul.feature-float-extras li.extra-testimonial{background:url(images/icon-extra-testimonial.gif) no-repeat left center;}
ul.feature-float-extras li.extra-mailing{background:url(images/icon-extra-mailing.gif) no-repeat left center;}
ul.feature-float-extras li.extra-faqs{background:url(images/icon-extra-faqs.gif) no-repeat left center;}
ul.feature-float-extras li.extra-resources{background:url(images/icon-extra-resources.gif) no-repeat left center;}
ul.feature-float-extras li.extra-news{background:url(images/icon-extra-news.gif) no-repeat left center;}
ul.feature-float-extras li.extra-call{background:url(images/icon-extra-call.gif) no-repeat left center;}
ul.feature-float-extras li.extra-quote{background:url(images/icon-extra-quote.gif) no-repeat left center;}
ul.feature-float-extras li.price{font-weight:bold}

h2.button{width:160px; height:36px; text-indent:-3000px; clear:left;}
h2.button a{width:160px; height:36px; display:block; overflow:hidden; border:none}
h2.button a:hover{border:none}

h2.enquiry-cms{background-image:url(images/button-enquiry-cms-sm.jpg);}
h2.enquiry-ecomm{background-image:url(images/button-enquiry-ecomm-sm.jpg);}
h2.portfolio-see{background-image:url(images/button-portfolio.jpg); margin:-37px 0 0 220px}

h2.portfolio{background:url(images/icon-portfolio.gif) no-repeat left center; padding-top:8px}

ul.portfolio{width:320px; float:left; margin-bottom:30px }
ul.portfolio li img{border:3px solid #E5E5E5}
ul.portfolio li a{border:none}
ul.portfolio li a:hover{border:none}

ul.contact-box{background-color:#EDF5FA; width:380px; text-align:center; padding:8px 0; font-size:1.5em; font-weight:bold; border:1px solid #256A8B; margin-top:25px}

ul.ecomm-intro{margin:0 0 50px 10px; font-size:1.2em}
ul.ecomm-intro li {margin:9px;}


/*---------------CONTACT---------------*/
body#contact #leftcol h1{background:url(images/icon-mail.gif) no-repeat; width:300px; padding:8px 0 0 62px; height:60px}
form#contact-form{width:100%; margin:0; padding:1px; border:6px solid #C6DBE5; font-size:1.1em;}
form#contact-form input.field, form#contact-form select, form#contact-form textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#154d6a; padding:3px}
form#contact-form select{width:250px}
form#contact-form textarea{width:250px}
form#contact-form p{width:100%; padding:6px 0; margin:0;  color:#154d6a; background-color:#EDF5FA; border-bottom:1px solid #fff}
form#contact-form p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold}
form#contact-form fieldset{width:100%; border:none; margin:0; padding:0;}
form#contact-form legend{display:none}
form#contact-form img{border:1px solid #B3D0DD}
form#contact-form p span.submit{margin-left:81px}
form#contact-form p span.indent{margin-left:81px}

form#contact-form{width:385px; float:left;}
form#contact-form label{width:80px;}

body#contact #rightcol ul li.margin-top{margin-top:10px}
body#contact #rightcol ul li.margin-bottom{margin-bottom:10px}
body#contact #rightcol h2{width:224px; height:44px; background-image:url(images/title-contact.gif); text-indent:-3000px; margin:10px 0 15px 18px}

/*---------------PRIVACY---------------*/
body#privacy #leftcol h1{width:300px; padding:8px 0 0 0px; height:60px;}


/*---------------FOOTER---------------*/
#footer{height:31px; color:#2d6a88;  line-height:31px; clear:both; text-align:center; font-size:1.1em; width:100%; background:#EDF5FA url(images/bg-footer.gif) no-repeat top center}
#footer a{color:#2d6a88; border:none; text-decoration:none; font-weight:normal}
#footer a:hover{border:none}

/*---------------SITEMAP---------------*/
ul#sitemap{margin:0; padding:0; clear:left}