/*
	960 Grid System
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Reset
------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,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%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }


/* `Basic HTML
------------------------------------*/

body {
	background: #F6F6F6 url("../images/interface/bg.png") repeat-x;
	color: #000;
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	padding-top: 10px;
}

a       { color: #93DE5C; }
a:hover { text-decoration: none; }
a:focus { outline: 1px dotted; }

#content_main a { color: #000; }

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}


/* `Headings
------------------------------------*/
h1 { padding-bottom: 15px; padding-top: 20px; }
header span.logo_overlay { position: absolute; left: 280px; top: 35px; }

h2 {
	font-size: 23px;
	font-weight: normal;
	padding: 10px 0 0;
}

h2, h3 { color: #2A3F69; }

h3, h4 { font-size: 17px; font-weight: bold; margin-bottom: 5px; }

#secondary h4 { font-size: 14px; }

p {  }

p img.left  { float: left; margin: .6em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: .6em 0 1.5em 1.5em; }

/* `Spacing
------------------------------------*/
ol { list-style: decimal; }
ul { list-style: disc;    }
li { margin-left: 30px;   }

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/* `Forms & Buttons
------------------------------------*/
input[type="text"], textarea { color: #8C8C8C; font-size: 15px; }

select { font-size: 15px; }

#content_main select { font-size: 12px; }

textarea { height: 175px; width: 300px; }

input[type="button"] { background: url("../images/interface/button_form_small.png") no-repeat 0 0; border: none; color: #FFF; cursor: pointer; font-size: 15px; font-weight: bold; height: 30px; margin-left: 15px; text-transform: uppercase; width: 40px; }

input[type="button"]:hover { background: url("../images/interface/button_form_small.png") no-repeat 0 -30px; }

#content_main input[type="submit"] { margin-left: 0; }

#content_main input[type="submit"], a.button { background: url("../images/interface/button.png") no-repeat 0 0; color: #2A2A2A; cursor: pointer; display: block; font-size: 15px; height: 33px; line-height: 33px; text-align: center; text-transform: capitalize; width: 200px; }

#content_main input[type="submit"]:hover, a.button:hover { background: url("../images/interface/button.png") no-repeat 0 -33px; }

label.error { display: inline-block; margin-left: 15px; }

/* `Containers
------------------------------------*/
.container {
/*	background: #FFF url("../img/16_col.gif") repeat-y;*/
	margin: 0 auto;
	width: 960px;
}


/* `Grid >> Global
------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4,
.grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12,
.grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}


/* `Children
------------------------------------*/
.alpha { margin-left: 0;  }
.omega { margin-right: 0; }


/* `Grid
------------------------------------*/
.grid_1  { width: 40px;  }
.grid_2  { width: 100px; }
.grid_3  { width: 160px; }
.grid_4  { width: 220px; }
.grid_5  { width: 280px; }
.grid_6  { width: 340px; }
.grid_7  { width: 400px; }
.grid_8  { width: 460px; }
.grid_9  { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }


/* `Prefix
------------------------------------*/
.prefix_1  { padding-left: 60px;  }
.prefix_2  { padding-left: 120px; }
.prefix_3  { padding-left: 180px; }
.prefix_4  { padding-left: 240px; }
.prefix_5  { padding-left: 300px; }
.prefix_6  { padding-left: 360px; }
.prefix_7  { padding-left: 420px; }
.prefix_8  { padding-left: 480px; }
.prefix_9  { padding-left: 540px; }
.prefix_10 { padding-left: 600px; }
.prefix_11 { padding-left: 660px; }
.prefix_12 { padding-left: 720px; }
.prefix_13 { padding-left: 780px; }
.prefix_14 { padding-left: 840px; }
.prefix_15 { padding-left: 900px; }


/* `Suffix
------------------------------------*/
.suffix_1  { padding-right: 60px;  }
.suffix_2  { padding-right: 120px; }
.suffix_3  { padding-right: 180px; }
.suffix_4  { padding-right: 240px; }
.suffix_5  { padding-right: 300px; }
.suffix_6  { padding-right: 360px; }
.suffix_7  { padding-right: 420px; }
.suffix_8  { padding-right: 480px; }
.suffix_9  { padding-right: 540px; }
.suffix_10 { padding-right: 600px; }
.suffix_11 { padding-right: 660px; }
.suffix_12 { padding-right: 720px; }
.suffix_13 { padding-right: 780px; }
.suffix_14 { padding-right: 840px; }
.suffix_15 { padding-right: 900px; }

/* `Clear
------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* `Header
------------------------------------*/
header {  }

header p { color: #FEFEFE; font-size: 16px; text-align: right; margin-bottom: 15px; }

header p:first-of-type { color: #93DE5C; margin-bottom: 0;}

/* `Nav
------------------------------------*/
nav ul { background: url("../images/interface/nav.png") no-repeat 0 0; height: 53px; }

nav li { display: inline-block; float: left; }

nav li a { color: #7F7F7F; display: block; font-size: 13px; height: 30px; line-height: 30px; margin-top: 10px; padding: 0 24px 0 24px; text-decoration: none; }

nav li:first-of-type a { padding: 0; }

/* The Home icon in the main navigation bar */
nav li:first-of-type a span { background: url('../images/interface/nav_home.png') no-repeat 0 0; display: inline-block; float: left; height: 20px; margin-top: 5px; width: 21px; text-indent: -9999em; }
nav li:first-of-type a:hover span { background: url('../images/interface/nav_home.png') no-repeat 0 -20px; }

nav li a:hover, nav li.here a { text-decoration: underline; }


/* `Intro
------------------------------------*/
#intro { background: url("../images/interface/home_intro.jpg") no-repeat 0 0; height: 300px; box-shadow:0 0 10px rgba(0,0,0,.5); -moz-box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,.5); }

#intro h2 { color: #FFF; font-size: 26px; font-weight: bold; padding-bottom: 28px; padding-top: 15px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); }

#intro h3 { border-bottom: 1px solid #2A3F69; font-size: 21px; text-transform: uppercase; }

#intro p { font-size: 14px; margin-bottom: 10px; text-transform: capitalize; }

.box_call { background: url("../images/interface/box_call_green.png") no-repeat; float: right; height: 229px; margin-right: -16px; margin-top: 50px; padding-left: 68px; padding-right: 78px; width: 237px; }

#secondary #intro { height: 100px; }
#secondary.about #intro { background: url("../images/interface/") no-repeat; }
#secondary.tips #intro { background: url("../images/interface/") no-repeat; }
#secondary.free-quote #intro { background: url("../images/interface/") no-repeat; }
#secondary.contact #intro { background: url("../images/interface/") no-repeat; }

/* `Aside
------------------------------------*/

aside .widget { border-radius: 5px; color: #000; margin-bottom: 15px; padding: 12px 9px; width: 202px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:inset 0 0 8px #040404; -moz-box-shadow:inset 0 0 8px #040404; -webkit-box-shadow:inset 0 0 8px #040404; }
aside .widget.blue { background: #233E62; color: #F8F8F8; }
aside .widget.grey { background: #EDEDED; }

aside .widget h4 { border-bottom: 1px solid #93DE5C; color: #000; }
aside .widget.blue h4 { color: #93DE5C; }

aside p { font-size: 11px; }

aside img { border: 1px solid #FFF; }


/* `Main Content
------------------------------------*/
#content_main img { border: 1px solid #5A5A5A; }

#home article:first-of-type, #home article:nth-of-type(2n+1) { margin-left: 0; }
#home article:nth-of-type(2n) { margin-right: 0; }

/* `Footer
------------------------------------*/
footer { background: url("../images/interface/bg.png") repeat-x; color: #FFF; margin-top: 25px; box-shadow:inset 0 0 8px #040404; -moz-box-shadow:inset 0 0 8px #040404; -webkit-box-shadow:inset 0 0 8px #040404; }
footer p { padding: 10px;}
footer a { display: block; padding: 0 0 10px 10px; }

/* `Misc
------------------------------------*/
.f_right { float: right; }

.free { background: url("../images/interface/box_call_green_free.png") no-repeat 0 0; display: inline-block; height: 26px; text-indent: -9999em; width: 86px; }

#page_lead { font-size: 14px; font-weight: bold; }