* {
margin:0;
padding:0;
}

a {
color:#00723E;
}

a.subtle-link {
color:black;
}

img {
border:0;
}


h1 { color:#4380c2; font:normal 26px arial,sans-serif;}
body.home h1 { color:#555555; margin-bottom:15px;} 

h2 { color:#4380c2; font:bold 18px arial,sans-serif;}
body.home h2 { font-weight:normal; clear:both; margin-bottom:10px;}

h3 { font:bold 16px arial,sans-serif; margin-top:10px;margin-bottom:5px; }

h4 { font:bold 14px arial,sans-serif; margin-top:5px;margin-bottom:5px; }

p { color:#263f33; font:14px/1.4 arial,sans-serif;margin-bottom:0.8em; }

p.intro { font:18px/1.4 Georgia,'Times New Roman',serif; }

body {
background:white url(/images/bg.gif) repeat-x top;
}

#container {
width:990px;
margin:0 auto;
margin-top:0;
background:transparent url(/images/container-bg.png) repeat-y top;
position:relative;
}

#inline-container { margin:0 40px; }

body.home #header #logo, #header #logo a {
background:url(/images/logo.png) no-repeat 0 0;
text-indent:-9999px;
width:257px;
height:44px;
position:relative;
top:20px;
left:50px;

}

.sub #header #logo a {
display:block;
}



#dottip { width:540px; float:right; margin-right:80px; margin-top:-20px; }
#quicktip { background:url(/images/art_dot-tip.png) no-repeat 0 0; padding-left:35px; padding-top:3px;height:26px; }
#quicktip span {background:#fcf8cb;font:14px verdana,arial,sans-serif;padding:2px 5px;}
#dottip p { color:#555555; font:13px arial,sans-serif;}

#body ul {
margin-bottom:10px;
}

#body ul li {
font:12px verdana,arial,sans-serif;
margin-left:25px;
}

/* ********** Universal elements *********/

a.site-open { width:194px; height:46px; background:url(/images/btn_site-open.png) no-repeat 0 0; display:block; text-decoration:none; color:white; font:bold 14px verdana,arial,sans-serif; padding-top:12px; text-align:center;  }

a.site-open:hover, .order-btn a:hover { color:yellow; }

/* ********** Primary Navigation *********/

div#page-header { width:990px; position:relative; margin:0 auto; text-align:right; padding-right:52px; padding-top:0; }
p#login-header  { position:absolute; top:0; right:175px;}
p#phone-header { color:white; font:16px arial,sans-serif; padding-top:5px; }

#nav { background:url(/images/nav-bg.png) no-repeat bottom left; height:30px; padding-left:50px;width:990px; margin:0 auto; margin-top:20px;}

#nav ul {
margin-left:125px;
}

#nav ul li {
list-style:none;
float:left;
text-indent:-9999px;
margin-right:5px;
}


#nav ul li.home a { background:url(/images/nav_home.png) no-repeat 0 0; width:75px; height:29px;  }
#nav ul li.home#current a { background:url(/images/nav_home-cur.png) no-repeat 0 0;  }

#nav ul li.about a { background:url(/images/nav_about.png) no-repeat 0 0; width:114px; height:29px; }
#nav ul li.about#current a { background:url(/images/nav_about-cur.png) no-repeat 0 0;  }


#nav ul li.services a { background:url(/images/nav_services.png) no-repeat 0 0; width:101px; height:29px; }
#nav ul li.services#current a { background:url(/images/nav_services-cur.png) no-repeat 0 0;  }

#nav ul li.portfolio a { background:url(/images/nav_portfolio.png) no-repeat 0 0; width:124px; height:29px; }
#nav ul li.portfolio#current a { background:url(/images/nav_portfolio-cur.png) no-repeat 0 0;  }

#nav ul li.order a { background:url(/images/nav_order.png) no-repeat 0 0; width:136px; height:29px; }
#nav ul li.order#current a { background:url(/images/nav_order-cur.png) no-repeat 0 0;  }

#nav ul li.contact a {background:url(/images/nav_contact.png) no-repeat 0 0;width:105px;height:29px;}
#nav ul li.contact#current a { background:url(/images/nav_contact-cur.png) no-repeat 0 0;  }

#nav ul li a {
display:block;
border:1px solid transparent;
}


/********* Home specific **********/


#homecontent-body { margin-left:45px; margin-right:45px; clear:both;}
#welcome { width:580px; float:right; margin-right:60px; margin-top:-20px; padding-bottom:20px; }

/* ******** Sidebar sitewide ************/


#sidebar {
float:right;
width:250px;
margin-right:27px;
margin-top:20px;
}

#sidebar p.caption { text-align:center; margin-right:10px; font:12px/1.3 arial,sans-serif; margin-top:5px; }



.clear {
clear:both;
}

/********* Order boxes ***************/

/* Website packages */

ul#orderboxes-website div.thumb {  margin:0 auto; padding-top:15px; width:260px; background:url(/images/orderbox-thumb-shadow.png) no-repeat bottom; text-align:center; }

ul#orderboxes-website div.thumb img { padding-bottom:10px; }

ul#orderboxes-website li#orderbox-basic { position:relative; display:block; height:345px; margin-right:6px; float:left; width:294px; list-style-type:none; background:url(/images/orderbox-basic-bg.png) no-repeat 0 0; }
ul#orderboxes-website li#orderbox-standard { position:relative; display:block; height:345px; margin-right:6px; float:left; width:294px; list-style-type:none; background:url(/images/orderbox-standard-bg.png) no-repeat 0 0; }
ul#orderboxes-website li#orderbox-custom { position:relative; display:block; height:345px; float:left; width:294px; list-style-type:none; background:url(/images/orderbox-custom-bg.png) no-repeat 0 0; }

ul#orderboxes-website h3 { text-align:center; font:normal 24px 'Trebuchet MS', arial, sans-serif; } 
ul#orderboxes-website h3 span { color: #555555;}
ul#orderboxes-website li#orderbox-custom h3 { color:white; }
ul#orderboxes-website li#orderbox-custom h3 span { color:#cccccc; }

ul#orderboxes-website ul li.descrip { font:12px verdana,arial,sans-serif; color:black; list-style-type:none; width:240px; margin:0 auto; }
ul#orderboxes-website li#orderbox-custom ul li.descrip { color:white; }

ul#orderboxes-website ul li.order-btn { list-style-type:none;}
ul#orderboxes-website ul li.order-btn a { position:absolute; bottom:-20px; left:33px; z-index:80; width:226px; height:30px; color:white; text-decoration:none; text-align:center; padding-top:5px; font:bold 14px verdana,arial,sans-serif; background:url(/images/action-btn-bg.png) no-repeat 0 0; display:block; margin:0 auto;}
ul#orderboxes-website li#orderbox-custom ul li.order-btn a { position:absolute; bottom:-44px; left:22px; z-index:1000; background:url(/images/orderbox-btn-custom-bg.png) no-repeat 0 0; width:250px; height:54px; padding-top:17px;}




/* Online marketing */

ul#orderboxes-online li#orderbox-search, 
ul#orderboxes-online li#orderbox-email, 
ul#orderboxes-online li#orderbox-addons  
{ position:relative; display:block; height:305px; margin-right:6px; margin-bottom:50px; float:left; width:294px; list-style-type:none; background:url(/images/marketbox-bg.png) no-repeat 0 0; }

ul#orderboxes-online h3 { text-align:center; font:normal 24px 'Trebuchet MS', arial, sans-serif; } 

ul#orderboxes-online div.thumb { text-align:center; padding-top:15px; height:150px; }

ul#orderboxes-online ul li.descrip { font:12px verdana,arial,sans-serif; color:black; list-style-type:none; width:240px; margin:0 auto; }

ul#orderboxes-online ul li.order-btn { list-style-type:none;}
ul#orderboxes-online ul li.order-btn a { position:absolute; bottom:-20px; left:33px; z-index:1000; width:226px; height:30px; color:white; text-decoration:none; text-align:center; padding-top:5px; font:bold 14px verdana,arial,sans-serif; background:url(/images/action-btn-bg.png) no-repeat 0 0; display:block; margin:0 auto;}

/* In-store marketing */

ul#orderboxes-store li#orderbox-window, 
ul#orderboxes-store li#orderbox-pad, 
ul#orderboxes-store li#orderbox-dvd  
{ display:block; position:relative; height:305px; margin-right:6px; margin-bottom:50px; float:left; width:294px; list-style-type:none; background:url(/images/instorebox-bg.png) no-repeat 0 0; }

ul#orderboxes-store h3 { text-align:center; font:normal 24px 'Trebuchet MS', arial, sans-serif; } 

ul#orderboxes-store div.thumb { text-align:center; padding-top:15px; height:150px; }

ul#orderboxes-store ul li.descrip { font:12px verdana,arial,sans-serif; color:black; list-style-type:none; width:240px; margin:0 auto; }

ul#orderboxes-store ul li.order-btn { list-style-type:none;}
ul#orderboxes-store ul li.order-btn a { position:absolute; bottom:-20px; left:33px; z-index:1000; width:226px; height:30px; color:white; text-decoration:none; text-align:center; padding-top:5px; font:bold 14px verdana,arial,sans-serif; background:url(/images/action-btn-bg.png) no-repeat 0 0; display:block; margin:0 auto;}


/* Order boxes on order page */

#ordercontent-body { margin-left:45px; margin-right:45px; clear:both;}



/* ********** Package boxes *************/

#basic.package-box, #standard.package-box, #custom.package-box { width:789px; min-height:350px; position:relative; z-index:80; margin-left:155px; margin-top:60px; }
#basic.package-box { background:url(/images/packagebox-BASIC-bg.png) no-repeat 0 0; }
#standard.package-box { background:url(/images/packagebox-STANDARD-bg.png) no-repeat 0 0; }
#custom.package-box { background:url(/images/packagebox-CUSTOM-bg.png) no-repeat 0 0; }

.package-box div.screenshot-full { float:left; width:436px; height:334px; background:url(/images/website-screenshot-full-bg.png) no-repeat 0 0; padding-top:10px; padding-left:10px; position:relative; left:15px;top:10px;}
.package-box a.site-open { position:absolute;bottom:-27px; left:120px;}
.package-box h1 { margin-left:455px; margin-bottom:10px; padding-top:16px; color:black; }
   #custom.package-box h1 { color:white; }
.package-box ul.primary-feats { margin-left:455px; }
.package-box ul.primary-feats li { list-style-type:none; padding-left:30px; background:url(/images/checkmark-circle.png) no-repeat 0 0; font:14px arial,sans-serif; padding-bottom:5px; padding-top:3px; margin-bottom:5px; margin-right:10px; }
   #custom.package-box ul.primary-feats li { color:white; }
.package-box div.order-price { font:30px 'Trebuchet MS',arial,sans-serif; margin-left:455px;}
   #custom.package-box div.order-price { color:white; }
.package-box div.order-price img { margin-bottom:-17px;}
.package-box  { font:16px arial,sans-serif; margin-top:10px; padding-bottom:10px; margin-left:455px; }
   #custom.package-box div.order-extra { color:white; }

div.order-extra { font:14px arial,sans-serif; }
   
/* ************* Online Boxes ***********/

.online-box{ width:789px; min-height:350px; position:relative; z-index:80; margin-left:155px; margin-top:60px; background:url(/images/onlinebox-ALL-bg.png) no-repeat 0 0;}
.online-box h1 { color:black; padding:15px 15px 0 20px; }
.online-box h2 { color:black; padding:5px 20px; }

/* ************* In-store Boxes ***********/

.store-box{ width:789px; min-height:350px; position:relative; z-index:80; margin-left:155px; margin-top:60px; background:url(/images/storebox-ALL-bg.png) no-repeat 0 0;}
.store-box h1 { color:black; padding:15px 15px 0 20px; }
.store-box h2 { color:black; padding:5px 20px; }


/* ********** Add-on Boxes ************/

div.addon-sec { width:240px; background:white; text-align:center; float:left; border:4px solid #EAE5A8; margin-left:20px; margin-top:15px; }



/* ************ Boxes universal ***********/
.store-box p, 
.online-box p,
.store-box form,
.online-box form
{ margin:5px 20px; }

.store-box form,
.online-box form
{ font:14px arial,sans-serif; }

a.findout-btn { width:210px; height:30px; color:white; text-decoration:none; text-align:center; padding-top:5px; font:bold 14px verdana,arial,sans-serif; background:url(/images/action-btn-210-bg.png) no-repeat 0 0; display:block; margin:0 auto;}

/********* Footer sitewide ***********/

#inline-footer p#phone-footer { position:absolute; right:40px; top:-15px; }
#inline-footer { position:relative;background:url(/images/inline-footer-bg.jpg) no-repeat 1px 0; height: 251px;}
#inline-footer ul { margin-left:300px; padding-top:30px;}
#inline-footer ul li { list-style-type:none; margin-bottom:10px;}
#inline-footer ul li a { text-decoration:none; font:20px 'Trebuchet MS',arial,sans-serif; color:white; }
#inline-footer ul li a:hover { border-bottom:1px solid #FFFDD9; color:#FFFDD9; }

#inline-footer div.testimonial { position:absolute; top:30px; right:40px; width:300px;}
#inline-footer blockquote p { font:italic 18px/1.3 Georgia,'Times New Roman',serif; color:white;}
#inline-footer cite { font:14px arial,sans-serif; text-align:right; color:white; display:block; margin-right:15px; }
#inline-footer cite a { color:white; }
#inline-footer p.more-testims { font-size:13px; text-align:right; margin-right:15px;margin-top:10px;}
#inline-footer p.more-testims a { color:white }


p#service-action { margin-left:200px; font:18px verdana,arial,sans-serif;}
ul#service-action-list { margin-left:450px; margin-bottom:20px; }
ul#service-action-list li { font:18px verdana,arial,sans-serif; margin-bottom:5px; list-style-type:none; }

/* End of page **************/

#footer {position:relative;background:url(/images/footer-graphic.gif) no-repeat -10px 0;width:929px;height:79px;margin:0 auto;text-align:center;clear:both;}

#footer p#copyright {position:absolute; top: 15px; left:0; font:10px verdana;color:#B3B3B3;}

#footer p#logo-footer { width:188px; height:39px; text-indent:-9999px; background:url(/images/footer-mark.png) no-repeat 0 0; margin:0 auto; }

#footer p#tagline { position:absolute; right:0; top:13px; width:300px;font:italic 16px Georgia,'Times new Roman',serif;text-align:right !important;margin:0;padding:0;}
#footer p#tagline span { color:#008A4B; }




/********* Sub specific ***********/

#content-body {
margin-left:200px;
margin-top:22px;
width:490px;
float:left;
}

#content-body.portfolio { width:600px !important; float:none !important; clear:both; }

#content-body ul {
margin-left:25px;
margin-bottom:15px;
}

#content-body ul li {
font:16px/1.5 arial,sans-serif;
}

.comingsoon { font-size:20px; color:red;}

#feature-intro { width:320px; float:left; margin-top:15px; margin-left:40px;}
	#feature-intro.pads { width:420px; }
#feature-intro h3 { margin-left:20px; font:bold 16px arial,sans-serif; margin-bottom:15px;}
#feature-intro p.details { font-size:12px; }
img#testimonial-pic { float:right }

#feature-intro ul li { margin-left:20px;list-style-type:none;padding:5px 0 0px 25px;background:url(/images/checkmark-circle.png) no-repeat 0 0px;font:14px arial,sans-serif;margin-bottom:10px;}

#buy-primary { width:280px; margin-top:10px; margin-left:412px; background:white; border:4px solid #D2E2AC;}
	#buy-primary.pads { clear:both;}
#buy-primary h2 { padding-left:10px;padding-bottom:0;margin-top:5px; margin-bottom:0; }
#buy-primary div.order-item { margin:10px; border:1px solid #D2E2AC; padding:10px; background:#FFFFD2; text-align:center;}
#buy-primary div.order-item h3 { font:bold 16px arial,sans-serif;}

#buy-primary.pads { width:auto; margin:0; }
#buy-primary.pads h2 {margin-bottom:10px}
#buy-primary.pads div.order-item { width:222px; min-height:160px; float:left; margin:0; margin-left:10px; }
#buy-primary.pads p.contact { clear:both; padding-top:10px;}

.buy-btn { width:226px; height:30px; color:white; text-decoration:none; text-align:center; padding-top:5px; font:bold 14px verdana,arial,sans-serif; background:url(/images/action-btn-bg.png) no-repeat 0 0; display:block; margin:0 auto;}


/* Navbar */

#navbar { width: 150px; position:absolute; top:105px;left:10px; z-index:1;}
#navbar ul { margin-left:25px; }
#navbar ul li { list-style-type:none; margin:0; padding:0;}
#navbar ul li a { padding:5px; padding-left:10px; margin-bottom:0 !important; background:url(/images/navbar-section-bg.png) no-repeat 0 0; display:block; width:123px; height:39px; margin-bottom:8px; text-decoration:none; text-transform:uppercase; font:13px arial,sans-serif; }
#navbar ul li a:hover { background:url(/images/navbar-section-bg_hover.png) no-repeat 0 0; color:white; }
#navbar ul li.current a { background:none; color:black;}

#navbar ul li ul#packages {margin:0; }
#navbar ul li ul#packages li a { font: bold 15px arial,sans-serif; padding-bottom:0 !important;}
#navbar ul li ul#packages li a:hover { text-decoration:underline;}
#navbar ul li ul#packages li.basic a { background: url(/images/navbar-BASIC.png) no-repeat 0 0; padding-top:10px; color:#035e34;  }
#navbar ul li ul#packages li.standard a { background: url(/images/navbar-STANDARD.png) no-repeat 0 0; padding-top:10px; color:black;}
#navbar ul li ul#packages li.custom a { background: url(/images/navbar-CUSTOM.png) no-repeat 0 0; padding-top:10px; color:white;}

#navbar ul li ul#online-services { margin:0; margin-bottom:15px;}
#navbar ul li ul#online-services li a { height:auto; margin-bottom:2px !important; width:110px; background-color: #FDFAE3; text-transform:none;}
#navbar ul li ul#online-services li a:hover {background-color:#008A4B; color:white;} 
#navbar ul li ul#online-services li#subcurrent a { color:black; background-color: #FCF8CB;}

#navbar ul li ul#instore-products { margin:0; margin-bottom:15px;}
#navbar ul li ul#instore-products li a { height:auto; margin-bottom:2px !important; width:110px; background-color: #F5F8ED; text-transform:none;}
#navbar ul li ul#instore-products li a:hover {background-color:#008A4B; color:white;} 
#navbar ul li ul#instore-products li#subcurrent a { color:black; background-color: #E5F0CB;}


/******** Portfolio *********/

h2#emailcamps { clear:both; }

img.thumb {
border:4px solid #F2F0DB;
margin-bottom:40px;
}

ul.portfolio-list {
margin-left:0 !important;
}

ul.portfolio-list li {
list-style-type:none;
margin-left:0;
padding-left:0;
clear:left;
}

ul.portfolio-list li h3 a {
font-size:14px;
color:#008A4B;
text-decoration:underline;
margin-top:0;
}

.portfolio-list img.thumb {
float:left;
margin-right:20px;
} 

.portfolio-list p {
font:12px verdana,sans-serif !important;
}

ul.portfolio-list li ul.work-done li {
margin-left:303px;
font:11px verdana,sans-serif !important;
padding-left:20px;
margin-bottom:10px;
padding-top:1px;
padding-bottom:3px;
background:url(/images/checkmark-circle_sm.png) no-repeat 0 0px;
clear:none;
}

ul.portfolio-list li.p-item {
padding-bottom:10px;
padding-top:0;
}


/********* Misc ****************/

#call2contact {
background:#FFFDD9;
clear:both;
}





/* ********** contact page *********/
h3.org { font:bold 14px arial,sans-serif;}


/* Inline Tabs */
#tabs { clear:both; padding-top:30px; margin-bottom:20px;  }
#tabs ul.ui-tabs-nav { margin-left:-3px;}
#tabs ul.ui-tabs-nav li.ui-state-default a { background:url(/images/infotab-bg.png) no-repeat 0 0 !important; padding-right:0; padding-top:0; }
#tabs ul.ui-tabs-nav li.ui-state-default a span { background: url(/images/infotab-cap.png) no-repeat top right !important; padding-top:7px;display:block;padding-right:15px;font:14px arial,sans-serif;color:white; }
#tabs ul.ui-tabs-nav li.ui-state-active a { background:url(/images/infotab-bg-current.png) no-repeat 0 0 !important; }
#tabs ul.ui-tabs-nav li.ui-state-active a span { background: url(/images/infotab-cap-current.png) no-repeat top right !important; color:black; }

div.ui-tabs-panel { background:#DFF0E8 !important; margin-top:-2px; }

div.ui-tabs-panel div.col1, div.col2, div.col3 { width:265px; float:left; margin-right:23px;}
div.ui-tabs-panel div.col1 { margin-left:-5px;} 
 div.ui-tabs-panel div.col3 { margin-right:0;} 

div.breaker { clear:both; }

.photo-left { float:left; margin-right:15px;margin-bottom:15px; margin-top:5px; }


/* Misc */

#tab-industry ul.industry-list li { float:left; list-style-type:none; margin-right:5px;}

#custom-estimate h1 { margin-left:20px;}
#custom-estimate p { color:white; margin-left:20px; width:420px; }
#custom-estimate #contact-form { margin-left:20px; width:420px;}

ul.checklist li { list-style-type:none; background:url(/images/checkmark_sm.png) no-repeat 0 0; padding-left:18px;font:14px arial,sans-serif; margin-bottom:0.5em; line-height:1.3em;}

#tabs h3 { margin-top:0; margin-bottom:10px;}

#tabs cite { font:italic 14px Georgia,'Times New Roman',serif; margin-bottom:20px; display:block;}

/* Paid Search Ads */

div.package { width:350px; float:left; margin-left:20px; border:4px solid #058C4F; background:white; }
div.package h3 { background:#058C4F; padding:10px;color:white;margin-top:0;}
div.package ul li { list-style-type:none; background:url(/images/checkmark_sm.png) no-repeat 0 0; padding-left:18px;font:14px arial,sans-serif; margin-bottom:0.5em; margin-left:10px; line-height:1.3em;}
div#package-A h3 span { color:#D6FFED; }
div#package-B h3 span { color:#FFFF65; }

/* Care Tips */
div.order-caretips#side { width:200px; position:absolute; right:50px; border:4px solid #058C4F; padding:10px; text-align:center;}
div.order-caretips#bottom { width:460px; clear:left; border:4px solid #058C4F; padding:10px; text-align:center;}

div.tip-sample { padding:20px; background:#ECFFDE; }
div.tip-sample p.copyright { font-size:10px; }

/* Testimonials */
div.testimonial-full { margin:20px 0; margin-bottom:30px;}
div.testimonial-full blockquote p { font-size:16px; line-height:1.5em;}

div.testimonial-full cite { font:italic 14px Georgia,'Times New Roman',serif; margin-top:0;}