/*
Theme Name: Accurate Window & Door
Theme URI: http://www.accuratewindow.com
Description: This is what Accurate Window And Door looks like!
Version: 1.0
Designer: Evan Rowe
Author: Evan Rowe
Author URI: http://www.evan-rowe.com.com


	This theme was designed and coded by <a href='http://www.evan-rowe.com'>Evan Rowe</a>.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/*  RESET
===========================================
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}

li {
	list-style: none;
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img a, a img {
	border: none;
	background: none;
}

a, a:hover {
	outline: none;
}

blockquote, q
{
	quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
	*/
	content: none;
}

textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }


div, form {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/*  GLOBALS AND SETUP
===========================================


COLORS:

bright green: 9FBC2E
middle green: 82A53C
greyish green: 89A45E

*/


body {
	margin: 0 auto;
	text-align: center;
	background: #f1f1f1;
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	font-family: Georgia, Times, serif;
}

#wrapper {
	margin: 0 auto;
	width: 1010px;
	height: auto;
}

#page {
	float: left;
	width: 1010px;
	height: auto;
	background: #F9F9F9;
}

#header_wrap {
	width: 1010px;
	height: 140px;
	float: left;
	margin-bottom: 35px;
	background: url(./img/accurate_home_header.jpg) top left no-repeat;
	position: relative; z-index: 20;
	/*background: aqua;
	opacity: .5;*/
}

#header_content {
	width: 1010px;
	height: 140px;
	float: left;
}

#home_link {
	width: 189px;
	height: 139px;
	float: left;
	background: url(./img/home_logo.png) top left no-repeat;
}

#content_wrap {
	width: 1010px;
	height: auto;
	float: left;
	margin-bottom: 20px;
	position: relative; z-index: 1;
}

#left_column {
	width: 495px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 25px 0 20px;
}

#right_column {
	width: 443px;
	height: auto;
	float: left;
	text-align: left;
}

#home_modules {
	width: 1010px;
	height: auto;
	float: left;
	margin: 15px 0 15px 0;
}

#footer_wrap {
	width: 1010px;
	height: 140px;
	float: left;
	clear: both;
	margin-bottom: 30px;
}

#footer_content {
	font-size: 11px;
}


/*  OTHER STRUCTURE
===========================================
*/


.module_small {
	width: 230px;
	height: 133px;
	float: left;
	margin-top: 15px;
}

.module_small.one {
	margin-right: 23px;
	background: url(./img/deferred_interest.jpg) top left no-repeat;
}

.module_small.one div { margin: 5px 0 0 7px; color: #fff; font-size: 10.5pt; line-height: 12pt; }

.module_small.two div { margin: 7px 0 0 7px; color: #fff; font-size: 17pt; line-height: 17pt; }

.module_small.two {
	background: url(./img/1500_tax_credit.jpg) top left no-repeat;
}

.module_large {
	width: 485px;
	height: 176px;
	float: left;
	margin-top: 20px;
}

.module_large.one {
	margin: 20px 35px 0 20px;
	background: url(./img/mailing_list.jpg) top left no-repeat;
}

.module_large.two {
	width: 463px;
	background: url(./img/windows_101.jpg) top left no-repeat;
}


.module_large form {
	width: 300px;
	height: 40px;
	float: left;
	margin: 70px 0 0 235px;
	text-align: left;
}

.module_large form label {
	font-size: 15px;
	color: #ffffff;
	float: left;
}

.module_large form input.text_input {
	width: 205px;
	height: 10px;
	padding: 6px;
	margin-top: 6px;
}

.module_large form input.hidden_submit {
	display: none;
}


form.requests input.text_input {
	height: 14px;
	width: 200px;
	padding: 3px;
	border: 1px solid #9FBC2E;
	margin-left: 10px;
}
form.requests input.text_input.short {
	width: 30px;
	margin: 0 7px;
}

form.requests label.right {
	float: left;
	width: 60px;
	text-align: right;
	font-weight: bold;
}

form.requests textarea {
	width: 400px;
	height: 80px;
	border: 1px solid #9FBC2E;
	padding: 3px;
}

form.requests select { margin-left: 5px; width: auto; }

form.requests input.submit-button { color: #fff; background: #9FBC2E; padding: 8px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-transform: uppercase; font-weight: bold; font-size: 14px; }

form.requests input.submit-button:hover { background: #89A45E; }

.red { color: #B1151B; font-weight: bold; }

ul.windows101 {
	text-align: left;
	float: left;
	margin: 55px 0 0 15px;
	color: #fff;
	font-size: 10.5pt;
	width: auto;
	height: auto;
}

ul.windows101.second {
	margin-left: 30px;
}

ul.windows101 li {
	text-align: left;
	display: block;
	margin-bottom: 7px;
}

ul.windows101 li a {
	color: #fff;
	text-decoration: none;
}

ul.windows101 li a:hover {
	text-decoration: underline;
	color: #eee;
}

/*  TYPOGRAPHY
===========================================
*/


h1 {
	font-size: 26px;
	color: #9FBC2E;
	border-bottom: 1px solid #9FBC2E;
	margin-bottom: 20px;
	font-weight: 100;
	float: left;
	width: auto;
	letter-spacing: 0;
}
h1.home_headline { margin-left: 20px; }

h2 {
	font-size: 24px;
	line-height: 26px;
	color: #9FBC2E;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #9FBC2E;
	padding-bottom: 3px;
	text-transform: uppercase;
}

h3 {
	font-size: 18px;
	color: #82A53C;
	margin: 25px 0 5px 0;
	border-bottom: 1px solid #82A53C;
	padding-bottom: 3px;
	text-transform: capitalize;
}

h4 {
	font-size: 16px;
	color: #89A45E;
	text-transform: uppercase;
	margin: 20px 0 0 0;	
}

p {
	margin-bottom: 10px;
}

.super {
	font-size: 60%; position: relative; bottom: .5em;
}

/*#left_column a, #left_column a:visited { color: #ffffff; text-decoration: none; font-weight: bold; background: #82A53C; padding: 5px; }
#left_column a:hover { background: #ffffff; color: #82A53C; }
#left_column a:active { background-color: #9FBC2E; color: #ffffff; }*/

#left_column a, #left_column a:visited { color: #82A53C; font-weight: bold; border-bottom: 1px dashed #82A53C; text-decoration: none; }
#left_column a:hover { border-bottom: 1px solid #82A53C; }
#left_column a:active { color: #9FBC2E; }

a.anchor {
	display: none;
}


/*  NAVIGATION
===========================================
*/

ul.nav_tabs {
	float: left;
	display: inline;
	height: auto;
	margin: 109px 0 10px 7px;
	
}

ul.nav_tabs li {
	float: left;
	height: auto;
	padding: 7px 8px 4px 8px;
	margin-right: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*background: url(./img/down_arrow_red.png) 93% 50% no-repeat #ffffff;*/
	background: #ffffff;
	display: inline;
	position: relative;
	/*-webkit-box-shadow: 2px -2px 4px #666;*/
	color: #89A45E;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
}

ul.nav_tabs li a {
	color: #89A45E;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
}

ul.nav_tabs li:hover, ul.nav_tabs li.current {
	background-color: #89A45E; color: #ffffff;
	/*background-image: url(./img/down_arrow_white.png);*/
}

ul.nav_tabs li:hover a, ul.nav_tabs li.current a {
	color: #ffffff;
}
/*
ul.nav_tabs li#nav_contact {
	background-position: 94% 50%;
}

ul.nav_tabs li#nav_about {
	background-position: 92% 50%;
}
*/
ul.nav_tabs li ul {
	display: none;
	position: absolute;
	background: #ffffff;
	float: none;
	margin: 0;
	padding: 0;
	z-index: 100;
	width: auto;
	top: 31px;
	left: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 4px 4px 10px #666;
	-moz-box-shadow: 4px 4px 10px #666;
}

ul.nav_tabs li:hover ul {
	display: block;
}

ul.nav_tabs li ul li, ul.nav_tabs li ul li:hover {
	display: block;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: none;
	border-bottom: 2px dotted #cccccc;
	width: 160px;
	padding: 8px;
	padding-right: 8px;
	margin: 0;
	text-align: left;
	clear: both;
	background: #ffffff;
	z-index: 100;
}

ul.nav_tabs li ul li:hover {
	background-color: #89A45E;
}

ul.nav_tabs li:hover ul li a {
	font-size: 13px;
	color: #89A45E;
	letter-spacing: 0;
}

ul.nav_tabs li:hover ul li:hover a {
	font-size: 13px;
	color: #ffffff;
}

ul.nav_tabs li:hover ul li.current_page_item {
	background: #89A45E;
}

ul.nav_tabs li:hover ul li.current_page_item a {
	color: #ffffff;
}



/*  IMAGE FORMATTING
===========================================

bright green: 9FBC2E
middle green: 82A53C
greyish green: 89A45E

*/

.right-image {
	margin: 0 0 20px 20px;
	/*border: 6px solid #9FBC2E;*/
}