/*

Theme Name:		ServPro

Theme URI: 		http://goagency.com/

Description: 	For ServPro

Author: 		ajw

Author URI:		http://goagency.com/

*/


@import "menu.css";

/* GLOBAL LAYOUT */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #fff repeat-x;
	color: #555555;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
}

#page {
	width: 878px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
}


/* TEXT */
a:link,a:visited,a:hover,a:active { color: #007236; }
a:hover { text-decoration: none; }

/* GLOBAL HEADER */

#topHeader { height: 93px }
#searchNav { width: 620px; float: right; }
         .searchform { margin-bottom: 0px;
		width: 150px; height: 17px;
		float: right;	margin-top: 10px; margin-bottom: 13px}
		
	.searchform input { 
		background: transparent url(images/bg_search.gif) no-repeat; 
		border: 1px solid #80b48d; 
		color: #fff; font-size: 9px; 
		height: 14px; width:89px; 
		float: left; padding: 1px }
		
	.searchform button { 
		height: 17px; width: 22px; 
		background: transparent url(images/search_button.gif) no-repeat; 
		display: block; float: left; margin-left: 3px }
	
#nav { width: 600px; clear: both; height: 44px; margin-left: 20px}

#nav li:hover a { background-position: 0 -44px}

	#navAbout { width: 61px; height: 40px; background: transparent url(images/nav_about.gif); }
	#navAbout:hover, #navAbout:active {background: transparent url(images/nav_about.gif) 0px -44px; }
	
	#navResto { width: 100px; height: 40px; background: transparent url(images/nav_resto.gif); }
	#navResto:hover, #navResto:active {background: transparent url(images/nav_resto.gif) 0px -44px; }
	
	#navCleaning { width: 77px; height: 40px; background: transparent url(images/nav_cleaning.gif); }
	#navCleaning:hover, #navCleaning:active {background: transparent url(images/nav_cleaning.gif) 0px -44px; }
	
	#navBefore { width: 115px; height: 40px; background: transparent url(images/nav_before.gif); }
	#navBefore:hover, #navBefore:active {background: transparent url(images/nav_before.gif) 0px -44px; }
	
	#navTestimonials { width: 104px; height: 40px; background: transparent url(images/nav_testimonials.gif); }
	#navTestimonials:hover, #navTestimonials :active {background: transparent url(images/nav_testimonials.gif) 0px -44px; }

	#navNews { width: 54px; height: 40px; background: transparent url(images/nav_news.gif); }
	#navNews:hover, #navNews:active {background: transparent url(images/nav_news.gif) 0px -44px; }
	
	#navContact { width: 69px; height: 40px; background: transparent url(images/nav_contact.gif); }
	#navContact:hover, #navContact:active {background: transparent url(images/nav_contact.gif) 0px -44px; }
	

#logo { float: left; margin-left: 15px }
 
/* FOOTER */
#footer {
	width: 100%;
    height: 90px;	
	padding-bottom: 1.5em;
	padding-top: 15px;
	background: #fff url(images/bg_footer.gif) repeat-x;	
	text-align: center;
	font-size: 11px;
	line-height: 1.5em;
	margin-top: 15px;
margin-top: 70px;
}


/* FRONT PAGE */
  body.home { background-image: url(images/bg_home.gif) }
  
  #header.homeHeader { 
	background: transparent url(images/bg_header_home.gif) no-repeat;
	height: 454px;
	}
	
  #subHeader.homeSubheader { height: 358px; }

#sideHeader {width: 240px; float: right; }
#sideHeader  img { margin: 30px 0 10px 5px }
#sideHeader.sideHeaderhome { height: 358px }  
#sideHeader.sideHeaderglob  { height: 146px }
#sideHeader p {font-size: 11px; width: 207px; margin-left: 13px; line-height: 15px }

  
  #flash { position: relative; height: 358px; list-style-type: none; margin-left: 10px; float: left}

  #features { height: 450px; background: transparent url(images/bg_features.gif) no-repeat}
  #featuresLike { width: 340px; margin-left: 30px;  float: left }
  #featuresServices { width: 220px; margin-left: 20px;  float: left }
  
  #featuresServices h2 { color: #007236; font-size: 14px; margin: 10px 0 0 15px }
  #featuresServices ul { list-style-type: none; font-size: 11px; margin-left: 15px}
  #featuresServices a { text-decoration: none; color: #000}
  
  #featuresLinks { width: 220px; margin-left: 29px; float: left }
	#featureWhatToDo { width: 205px; height: 150px; background: transparent url(images/bg_whattodo.jpg) no-repeat; color: #007236; font-size: 11px}
	#featureWhatToDo a { color: #007236; font-weight: bold; font-style: italic; text-decoration: none }
		#rollWhatToDo { margin-bottom: 5px; width: 72px; height: 74px; background: #fff url(images/whattodo_roll.gif) 0px 0px; display: block }
		#rollWhatToDo:hover, #rollWhatToDo:active { background: #fff url(images/whattodo_roll.gif) 0px -74px; }
  
 /* SUBPAGES */
   body.subpage { background-image: url(images/bg_subpage.gif) }
     
	#subHeader.homeSubheader { height: 358px; }
	
	#header.globHeader { 
	background: transparent url(images/bg_header_subpage.gif) no-repeat;
	height: 246px;}	


  #content { width: 100%; }
  #copy { color: #464646; padding: 15px 0 0 15px; width: 600px; float: left}
  #copy h1 { font-size: 18px; color: #FF591B; margin-bottom: 5px }
  #copy p, #copy h2, #copy ul, #copy ol { padding-bottom: 10px;  }
  #copy img { margin-left: 14px }
  #copy h2 { font-size: 15px; font-style: italic }
  #copy ul, #copy ol { margin-left: 20px }
  #copy li {  margin-left: 20px; padding-bottom: 5px }
  #copy input, #copy button, #copy textarea { border: 1px solid #7F7F7F }
    
	#sidebar  { width: 246px; float: right; margin-top: 0px; padding-left: 10px }
		#sidebarLinks { margin-top: 5px; padding: 10px 0 10px 0; width: 227px; background: #dbdbdb  }

	#sidebar img, #sidebar div, #sidebar h2, #sidebar ul { margin-left: 10px }
		#sidebar h2 { color: #fe4703; font-size: 14px; padding-bottom: 10px; text-transform: uppercase }
		#sidebar ul { list-style-type: none }
		#sidebar ul a { text-decoration: none; color: #000 }
                #sidebar ul li.current_page_item a { font-style: italic}

        #sidebuttons { background: transparent url(images/bg_buttons.gif) 0 0 no-repeat; height: 345px; width: 232px; margin-top: 5px; padding: 15px 0 0 15px }

      #buttonEstimate {width: 200px; height: 79px; background: #fff url(images/estimate.jpg) 0px 0px; display: block; }
		#buttonEstimate:hover, #buttonEstimate:active { background: #fff url(images/estimate.jpg) 0px -79px; }

	#buttonRequest {width: 200px; height: 79px; background: #fff url(images/service_request.gif) 0px 0px; display: block; }
		#buttonRequest:hover, #buttonRequest:active { background: #fff url(images/service_request.gif) 0px -79px; }

        #buttonReport { width: 200px; height: 77px; background: #fff url(images/status_reports.gif) 0px 0px; display: block }
		#buttonReport:hover, #buttonReport:active { background: #fff url(images/status_reports.gif) 0px -77px; }

#goTag { font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center }

#goTag a { text-decoration: none }

#goTag img { border: 0; height:11px; width:12px; }

#copy div[id] { margin-bottom: 15px}
	

#copyWithVid { width: 260px; float: left; margin-right: 5px; }
#vid { width: 320px; float: right }

#estimateForm td { padding: 10px }