/*
Theme Name: Window Pro
Theme URI: http://wordpress.org/
Description: Custom WordPress theme for Think Window Pro.
Version: 1.0
Author:
*/


/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; }
fieldset,img,a {border:0; outline:none; }		
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; } 
strong { font-weight: bold; }
/* end CSS reset */


/* Generic */
.center {text-align: center;}
.left {float: left;}
.right {float: right;}
.clearFix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearFix {display: inline-block;}
html[xmlns] .clearFix {display: block;}
* html .clearFix {height: 1%;}
/* end Generic */


/* Constants */
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#wrapper { margin: 0 auto; width: 897px; }
/* end Constants */


/* Header */
#header { background: url(images/bg.gif) repeat-x; height: 150px; position: relative; }
#header #logo { position: absolute; top: 25px; left: 0px; }
#header #utility { list-style: none; position: absolute; top: 30px; right: 0px; }
#header #utility li { float: left; margin: 0 0 0 8px; }
#header #utility a { color: #000; text-decoration: none; }
#header #search { position: absolute; top: 50px; right: 0px; }
#header #search label { display: none; }
#header #search input#s { border: 1px solid #b3b3b4; color: #828282; font-size: 11px; padding: 1px; width: 170px; }
#header #search input#searchsubmit { background: url(images/btn_go.jpg) no-repeat; border: none; font-size: 0px; line-height: 0px; text-indent: -999px; width: 25px; height: 17px; vertical-align: top; }
#header #nav { font-size: 14px; list-style: none; position: absolute; top: 120px; left: 0px; }
#header #nav li { float: left; margin: 0 3px 0 10px;  }
#header #nav li a { color: #38444d; text-decoration: none; }
#header #nav li ul { border-bottom: 1px solid #5f575d; width: 200px; }
#header #nav li ul li { background: #e3efff; border-top: 1px solid #5f575d; border-left: 1px solid #5f575d; border-right: 1px solid #5f575d; float: none; margin: 0 0 0 0; width: 198px; }
#header #nav li ul li a { color: #838282; font-size: 11px; padding: 8px; }
#header #nav li ul li a:hover { background: #cde0f7; }
#header #phone { color: #369965; font-size: 15px; font-weight: bold; position: absolute; top: 100px; right: 0px; }
/* end Header */


/* Content */
#banner { margin: 0 0 15px 0; }

#main { float: left; width: 600px; padding: 0 25px 0 0; }
#main .breadcrumb { font-size: 11px; margin: 0 0 10px 0; }
#main .breadcrumb a { color: #000; text-decoration: none; }
#main h1 { font-size: 20px; font-weight: bold; margin: 0 0 10px 0; color:#709ACA; }
#main h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
#main ul { list-style-type: square; margin: 5px 0 18px 35px; }
#main li { margin-bottom: 10px; }
#main p { margin-bottom: 18px; line-height: 1.4; }
#main a { color: #0000FF; }
#main div.searchResult { border-bottom: 1px solid #dbdbdb; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#main div.searchResult p { margin: 0 0 0 0; }
#main div.searchResult br { display: inline; margin: 0 0 0 0; }
/* end Content */


/* Home */
#banner div { float: left; width: 578px; height: 268px; }
#banner ul { list-style: none; }
#banner li.banner { display: none; }
#banner form { background: url(images/bg_form.jpg) no-repeat; float: left; padding: 150px 0 0 0; width: 318px; height: 135px; text-align: center; }
#banner form li { margin-bottom: 8px; }
#banner form label { display: inline-block; margin: 0 4px 0 0; vertical-align: middle; width: 65px; text-align: right; }
#banner form input.text { background: url(images/bg_input.gif) no-repeat; border: 1px solid #b9b8b5; padding: 5px; width: 190px; height: 15px; }

.col1 { background: url(images/bg_fakeBorder.jpg) no-repeat top right; float: left; padding: 0 20px 0 0; width: 252px; }

#expertAdvice { background: url(images/bg_expertAdvice.gif) no-repeat; color: #958669; padding: 20px 20px 0 20px; text-align: center; width: 216px; }
#expertAdvice em { font-weight: bold; }
#expertAdvice img { display: block; margin: 15px auto; }

.col2 { float: left; padding: 0 8px; width: 336px; }

#browse { background: #f5f2eb; color: #958669; padding: 10px 0 10px 10px; width: 328px; }
#browse em { font-size: 14px; font-weight: bold; }
#browse ul { list-style: none; margin: 15px 0 0 0; }
#browse li { float: left; margin: 0 10px 0 0; text-align: center; width: 99px; }
#browse li.historic { margin-top: -15px; }
#browse a { color: #7399c6; display: block; font-weight: bold; margin: 0 0 3px 0; }

#about { margin: 25px 0 0 0; }
#about img { float: left; margin: 0 15px 15px 0; }
/* end Home */


/* Sidebar */
#sidebar { background: url(images/bg_fakeBorder.jpg) no-repeat top left; float: left; padding: 0 0 0 20px; width: 252px; }

#getStarted { border: 6px solid #e3ebf4; text-align: center; margin: 0 0 20px 0; padding: 15px 0; }
#getStarted em { display: block; font-size: 20px; margin: 0 0 10px 0; }
#getStarted a { color: #7398d9; text-decoration: none; }

#testimonial { border-bottom: 1px solid #dbdcdd; background: url(images/browngradient.jpg) repeat-x; padding: 18px; width: 214px; }
#testimonial img { float: left; margin: 0 10px 10px 0; }

#certifications { margin: 25px 0 0 0; }
#certifications em { display: block; font-size: 14px; margin: 0 0 10px 0; }
#certifications img { margin: 0 20px 0 0; }
/* end Sidebar */


/* Footer */
#footer { color: #8793a5; font-size: 11px; margin: 50px 0 10px 0; }
#footer span { float: right; }
#footer a { color: #999; }
/* end Footer */


/* Superfish */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}