/*
	Style.css by Joshua Gatcke
*/

body{
background:#fff;
font:normal 1em/150% "Trebuchet MS", verdana, arial;
padding:0;
margin:0;
}

.container{
margin:auto;
width:780px;
}

/*-----------HEADER----------------*/

#header{
background:url(img/pat_20071030220925.gif);	
color:#fff;
margin-bottom:20px;
}
	
	#header .container{
	position:relative;
	top:0;
	left:0;	
	padding:20px 0 15px 50px;
	width:730px;
	}

	#header .phone{
	position:absolute;
	top:10px;
	right:0;
	text-align:right;
	font-size:12px;
	line-height:130%;
	}
	
		#header .phone span{
		display:block;
		font-size:17px;
		}

	#header ul{
	position:absolute;
	top:45px;
	left:280px;
	margin:0;
	padding:0;	
	font-size:0.9em;
	}
	
	#header li{
	margin:0 14px 0 0;
	padding:0;	
	list-style-type:none;
	float:left;
	display:block;
	}
	
	#header li.anchor a{
	background:url(img/anchor.gif) no-repeat center top;	
	}
	
	#header li a{
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	padding:15px 5px 0 5px;
	}
	
	#header li a:hover{text-decoration:underline;}
	
/*-----------PAGE-HEADER----------------*/

#page-header{
color:#fff;
position:relative;
top:0;
left:0;	
padding:25px 40px 25px 280px;
margin:0px 0 20px 0;
min-height:166px !important;
height:166px;
font-size:1.1em;
}

	#page-header img{
	position:absolute;
	top:0;
	left:0;	
	width:252px;
	}
	
	#page-header h2{
	margin:0 0 5px 0;
	font-size:1.4em;
	}
	
	#page-header h3{
	font-size:1em;
	margin-bottom:4px;
	}
	
	#page-header p{
	margin:0;	
	font-size:0.9em;
	line-height:140%;
	}
	
/*-----------SUB FOOTER----------------*/	
#sub-footer{
	
padding:25px 300px 25px 25px;
position:relative;
top:0;
left:0;
margin:0 0 10px 0;
color:#fff;
line-height:150%;
font-size:0.9em;
}

	#sub-footer h3{
	font-size:1em;	
	}

	#sub-footer .phone{
	font-size:1.1em;
	position:absolute;
	top:80px;
	right:25px;
	text-align:right;
	line-height:160%;
	}
	
	#sub-footer span{
	display:block;
	font-size:2em;	
	}
	
	#sub-footer p{
	margin-bottom:0;	
	}
	
	#sub-footer a{
	color:#fff;
	text-decoration:none;	
	}


/*-----------FOOTER----------------*/
#footer{
font-size:0.8em;
color:#ccc;	
margin:0 0 20px 0;
text-align:center;
}
	
/*-----------UTILITY----------------*/
a,a:active{color:#008AB7;}
a:hover{text-decoration:none;}
a img{border:0;}
.blue{background:#53D3E9;}
.blue2{background:#27A0B6;}
.green{background:#0B4316;}
.green2{background:#257434;}
.red{background:#AC201B;}
.red2{background:#7B1713;}
.yellow{background:#FFEF71;}
.left{float:left;}
.right{float:right;}
.center{margin:auto;text-align:center;}
.pattern{background:url(img/pat_20071030220925.gif);}
.padding{padding:25px;}
.clearer{height:1px;line-height:1px;font-size:1px;clear:both;}
.success{border:1px solid green;background:lightgreen;padding:20px;margin-bottom:20px;}
.error{border:1px solid red;background:pink;padding:20px;margin-bottom:20px;}


/*-----------COLUMNS----------------*/
.col-1-3rd{
width:220px;
margin:0 15px 0 0;
}

.col-2-3rds{
width:480px;	
}

.last{margin-right:0;}

/*-----------MAIN-CONTENT----------------*/

.main-content{
margin-bottom:50px;
padding:0 15px;
}

	.main-content h2{
	margin:0 -15px 30px -15px;
	padding:12px 12px;
	background:url(img/pat_20071030220925.gif);
	color:#fff;
	font-size:1.3em;
	line-height:100%;	
	}


/*-----------HOME-CALLOUT----------------*/
.home-callout,.sidebar{
padding:0 15px;	
margin-bottom:50px;
}

.sidebar{
margin-right:0;	
}
	.home-callout h2,
	.sidebar h2{
	margin:0 -15px 10px -15px;
	padding:12px 0;
	background:url(img/pat_20071030220925.gif);
	color:#fff;
	font-size:1.3em;
	text-align:center;
	line-height:100%;
	}
	
	.home-callout ul{margin-right:auto;}

	
/*-----------CASE-STUDY----------------*/

#case-study{
color:#fff;
position:relative;
top:0;
left:0;
padding:20px 80px 25px 390px;
margin:0 0 20px 0;
line-height:150%;
height:57px;
}

	#case-study *{
	margin:0;
	padding:0;	
	}
	
	#case-study a{
	text-decoration:none;
	color:#fff;	
	}

	#case-study img{
	position:absolute;
	top:0;
	left:0;
	}
	
	#case-study h2{ /*case study text*/
	position:absolute;
	top:30px;
	left:280px;
	font-size:1.7em;
	}
	
	#case-study h2 span{ /*study text*/
	display:block;
	font-size:0.6em;
	text-align:center;
	}
	
	#case-study #arrow{/*arrow*/
	position:absolute;
	top:33px;
	right:25px;
	font-size:4em;	
	}
	
	#case-study p{
	line-height:150%;
	font-size:0.8em;	
	}
	
/*-----------NEWS----------------*/

.news-item{
margin-bottom:30px;
}

	.news-item .meta{
	font-size:0.8em;
	color:#999;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

/*-----------HTML ELEMENTS----------------*/

h1{
margin:0 0 20px 0;
font-weight:normal;
font-size:2em;
}

h2{
margin:0 0 20px 0;
font-weight:normal;	
font-size:1.5em;
}

h3{
margin:0 0 10px 0;
font-weight:normal;
font-size:1.2em;
}

p{
font-size:0.9em;
line-height:150%;
margin:0 0 20px 0;
}

hr{
height:1px;
border:0;
border-top:1px solid #eee;	
}

form{
padding:0;
margin:0;	
}

label{
display:block;	
}

input{
width:99%;
font-size:1.2em;
padding:3px;	
}

textarea{
padding:3px;
width:100%;	
}

#sendform{
width:auto;	
}

ul,ol{
font-size:0.8em;
line-height:150%;
margin-top:0;
margin-bottom:20px;
margin-right:50px;
}

blockquote{
color:#999;
font-size:1.2em;
font-style:italic;
text-indent:-0.5em;
}

	blockquote span{
	display:block;
	text-align:right;
	font-size:0.8em;
	color:#666;	
	line-height:120%;
	}
	
	.sidebar blockquote{
	font-size:0.9em;
	margin:35px 10px;
	line-height:140%;	
	}