@charset "utf-8";
/*
Client: PHWS: Professional Home Warranty Services
Agency: GunnJerkens.com
Front-end Development: KevinVanCrawford.com under employment of Gunn-Jerkens
*/

@import url('reset.css');

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* TYPOGRAPHY & COMMON STYLES  */
body { font:80% "Helvetica Neue", helvetica, Arial, sans-serif; color:#444; background-color:#EFEFEF; margin:1em; }
a { color:#7D9240; text-decoration:none; }
a:hover, a:active { color:#666666; }
.left, .floatLeft { float:left; }
.right, .floatRight { float:right; }


.bold { font-weight:bold; }
.caps { text-transform:uppercase; }
.small { font:10px Verdana, Arial, Helvetica, sans-serif; }
.green { color:#7D9240; }
em.green { font-style:normal; }

h1 { font-size:1.6em; text-transform:uppercase; font-weight:bold; color:#7D9240; margin:0 0 0.75em; }
h2 { font-size:1.3em; text-transform:uppercase; font-weight:bold; color:#7D9240; margin:0 0 0.75em; }
* + h2 { margin-top:2em; }
h3 { font-weight:bold; color:#7D9240; margin:0; }
.entry h3 { font-weight:normal; font-size:1.3em; }
h4 { text-transform:uppercase; font-weight:bold; color:#7D9240; margin:0 0 1em; }
h6 { text-transform:uppercase; font-weight:bold; color:#7D9240; margin:0; }
p { margin:0 0 1em; }

acronym, abbr { font-weight:bold; }



/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* LAYOUT */

#wrapper { width:975px; margin:0 auto; border:1px solid #C3C3C3; background-color:#FFFFFF; }
#head h1 { float:left; margin:35px 0 25px 50px; width:486px; height:54px; position:relative; background:url('../img/logo.gif') no-repeat; }
#head h1 a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; }
#contact { text-transform:uppercase; font-size:.9em; font-weight:bold; color:#666666; display:inline; float:right; margin:55px 60px 0 0; }
#contact:hover, body#contact-us #contact { color:#7D9240; }

#primary { width:100%; overflow:hidden; background:url('../img/primary_bg.gif') repeat-y; line-height:1.3; }
#primary .left { width:453px; padding:20px 20px 20px 15px; }
#primary .left * { padding-left:15px; }
#primary .left * * { padding-left:0; }
#primary .left ul { padding:0 0 0 15px; list-style:outside url('../img/ul_bullet_bg.gif'); }
#primary .right { width:487px; }
#primary .right .content { padding:20px; overflow:hidden; width:447px; clear:right; }
#primary .photo { float:right; width:487px; height:293px; overflow:hidden; }

#secondary { width:100%; overflow:hidden; background-color:#FFFFFF; line-height:1.3; }

#footer { border-top:2px solid #FFFFFF; background-color:#E8E9E9; padding:5px 20px; text-align:right; font:10px Verdana, Arial, Helvetica, sans-serif; color:#777; }

#tickerContainer { width:975px; height:20px; padding:5px 0; overflow:hidden; margin:0 auto; }
/*#newsTicker { display:block; height:20px; width:39999px; line-height:20px; text-transform:uppercase; }*/
#newsTicker { display:block; height:20px; width:20000px; line-height:20px; text-transform:uppercase; }
#newsTicker li { float:left; padding-right:20px;  }

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* NAVIGATION */

/*--------------------------------*/
/* PRIMARY */
#nav { clear:both; width:100%; overflow:hidden; height:85px; border-top:15px solid #7d9240; }
#nav li { float:left; }
#nav li a { display:block; width:162px; height:84px; background:url('../img/nav.jpg') top no-repeat; text-indent:-9999px; overflow:hidden; }

#nav li.home a { width:163px; background-position:0 0; }
#nav li.home a:hover, #nav li.home a.active { background-position:0 -84px; }

#nav li.what-we-do a { width:163px; background-position:-163px 0; }
#nav li.what-we-do a:hover, #nav li.what-we-do a.active { background-position:-163px -84px; }

#nav li.news-events a { background-position:-326px 0; }
#nav li.news-events a:hover, #nav li.news-events a.active { background-position:-326px -84px; }

#nav li.industry-partners a { width:163px; background-position:-488px 0; }
#nav li.industry-partners a:hover, #nav li.industry-partners a.active { background-position:-488px -84px; }

#nav li.customer-care a { background-position:-651px 0; }
#nav li.customer-care a:hover, #nav li.customer-care a.active { background-position:-651px -84px; }

#nav li.our-work a { background-position:-813px 0; }
#nav li.our-work a:hover, #nav li.our-work a.active { background-position:-813px -84px; }


/*--------------------------------*/
/* SERVICES NAV */
#nav_services { }
#nav_services li { float:left; margin:0 15px 15px 0; }
#nav_services li.post-delivery-solutions, #nav_services li.franchise-opportunities { margin-right:0; }
#nav_services li a { display:block; width:216px; height:59px; text-indent:-9999px; overflow:hidden; background:url('../img/nav_services.png') top left no-repeat; }

#nav_services li.pre-delivery-solutions a:hover,
#nav_services li.pre-delivery-solutions a.active { background-position:bottom left; }

#nav_services li.post-delivery-solutions a { background-position:-216px 0; }
#nav_services li.post-delivery-solutions a:hover,
#nav_services li.post-delivery-solutions a.active { background-position:-216px -59px; }

#nav_services li.software-solutions { clear:left; }
#nav_services li.software-solutions a { background-position:-432px 0; }
#nav_services li.software-solutions a:hover,
#nav_services li.software-solutions a.active { background-position:-432px -59px; }

#nav_services li.franchise-opportunities a { background-position:-648px 0; }
#nav_services li.franchise-opportunities a:hover,
#nav_services li.franchise-opportunities a.active { background-position:-648px -59px; }






/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* FORMS */
label, input { display:block; }
label { color:#7D9240; }

form input#submit { width: auto; }






/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* HOME PAGE */

body#home #primary .left 	{ width:488px; padding:0; }
body#home #primary .left *	{ padding-left:40px; }
body#home #primary .left * * { padding-left:0; }
body#home #primary .left img { padding:0; }
body#home #primary .left p 	{ margin:0 0 0.5em; }
body#home #secondary .left { margin:40px 0; padding:10px 25px 10px 40px; width:422px; border-right:1px solid #B4B4B4; } 
body#home #secondary .right { margin:50px 0; padding:20px; }

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* WHAT WE DO */
#timeline { margin:2px 0 0; width:975px; height:231px; }
#timeline #caption { position:absolute; color:#5A5A59; width:100%; text-align:center; right:10px; bottom:10px; }
div.qtip { /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  /* IE */
  font-weight:bold;
 }
 
#primary h3:last-child { margin-top:2em; }


/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* NEWS */
#primary .left .entry { margin:0 15px 2em; padding-left:0; }
.entry + .entry { padding-top:1em; border-top:1px solid #DDD; }



/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* INDUSTRY PARTNERS */

#primary .left ul.industry-partners 	{ margin:3em 0 0; list-style-image:none; }
ul.industry-partners h3 { float:left; margin:0 15px 0.5em 0; width:151px;  }
ul.industry-partners h3 a img { border:0 none; }
ul.industry-partners p 	{ float:left; width:250px; }
ul.industry-partners li { width:100%; overflow:hidden; clear:left; margin:0 0 3em; list-style:none; }


/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* OUR WORK */

.project .thumbs li { float:right; }
.project .thumbs li a { display:block; width:45px; height:45px; margin-left:10px; border:1px solid #CCC; }
.project h2 { margin-top:0; padding-top:1.5em; }
.project { padding:10px 10px 20px 20px; }
.photoWrapper { width:487px; height:293px; }

/* Incompatible with IE6-7 *//*
blockquote { display:block; padding:2px 0 0 80px; text-indent:-25px; background:url('../img/quote_bg_01.gif') 25px 0 no-repeat; color:#7D9240; }
blockquote p.last {  padding-bottom:5px; font-weight:bold; font-size:1.3em; }
blockquote p.last:after { content:url('../img/quote_bg_02.gif'); padding:5px 0 0 10px; } */

/*IE Revision*/
blockquote 			{ display:block; color:#7D9240; padding-left:80px; padding-top:2px; background:url('../img/quote_bg_01.gif') 25px 0 no-repeat; zoom:1; }
blockquote p		{ font-size:1.3em; font-weight:bold; }
blockquote p.first 	{ text-indent:-25px;  }
blockquote p.last 	{ padding-bottom:5px; }
blockquote p.last:after { content:url('../img/quote_bg_02.gif'); padding:5px 0 0 10px; }


blockquote cite { float:right; background:url('../img/cite_bg.gif') left 6px no-repeat; padding:0 15px; text-align:left; text-indent:0; font-style:normal; }
blockquote cite strong { text-transform:uppercase; }

div.right .content blockquote width { 365px; }

div.loading		{ background:url('../img/photo_loading.gif') center no-repeat; }



/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* CUSTOMER CARE */
ul.customer-care li { margin:0 0 2em; }
ul.customer-care h6 { margin:0 0 0.3em; }

form.customer-care legend { font-size:1em;  text-transform:none; padding:1em 0;}


/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* CONTACT US */
body#contact-us #primary h1 { font-weight:900; font-size:2em; font-family:"Arial Black"; }

form legend { font-size:1.2em; font-weight:bold; color:#7D9240; text-transform:uppercase; }
form fieldset { margin:0 0 1em; }
form .floatLeft { width:35%; margin-right:21px; }
form .floatRight { float:left; width:60%; }
form br { height:0; clear:both; }
form input, form label, form textarea { display:block; width:99%; }
form input[type="text"], form textarea, form select { margin:0.2em 0 1em;  border:1px solid #7F9DB9; background-color:#FFFFFF; color:#444444;  }

form label.error { margin:-0.3em 0 2em; color:#B0171F; }
input.error { border:1px solid #B0171F; }

#primary form label.checkbox { padding-left:20px; position:relative; margin:0 0 1em; }
form .checkbox input { width:13px; height:13px; position:absolute; left:0; top:1px; margin:0; }

select#state { margin-bottom:1em; }

form div.state { float:left; }
form div.zip { float:right; width:29%; padding-right:3px; }

.floatLeft, .floatRight, .state, .zip { display:inline; }


fieldset.select-state { display:none; }

#workorder {
	padding: 30px;
}