/**************************************************************************************

Author: Daniel White - web standards fanatic.

http://www.MYSITE.com

Copyright: 2009-2010

I am honored that you thought my stylesheet worthy of a glance. 
Feel free to to dissect it, change it in firebug, copy it, or reuse it.
But if for some reason you have an epiphany while looking over my code 
please give credit where credit is due. 

***************************************************************************************/
/************ 
Styles
*************/
html{
	overflow:-moz-scrollbars-vertical;
}
body{
	background: #0F0F0C url('images/bg.gif');
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #cdcdcd;
}
hr{
	color: #a62425;
	background-color: #a62425;
	height: 2px;
	border: 0px;
	margin: 10px 0;
}
em.req{
	color: red;
}
.limit{
	width: 960px;
	margin: 0 auto;
}
.content a{
	color: #f5e596;
	font-weight: bold;
	border-bottom: 1px #f5e596 dotted;
}
.content a:hover{
	border-bottom: 1px #f5e596 solid;
}
b{
	color: #a62425;
}
strong{
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6{
	color: #a62425;
	font-weight: bold;
	margin-bottom: 20px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	/*padding: 0px 8px;
	background: black;*/
	border-bottom: 1px #282828 solid;
}
h1{
	font-size: 22pt;
}
h2{
	 font-size: 18pt;
	 color: #821b1c;
}
h3{
	font-size: 16pt;
}
h4{
	font-size: 14pt;
}
h5{
	font-size: 12pt;
	color: #f5e596;
	font-weight: normal;
	margin-bottom: 10px;
}
h6{
	font-size: 12pt;
}
.content p{
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
}
.right p{
	line-height: 1.4em;
	font-size: 13px;
}
.content ul{
	list-style-image: url('images/list.gif');
	list-style-position: outside;
	margin-left: 40px;
}
.content ul li{
	padding-left: 10px;
	margin-bottom: 5px;
}
.content ul li p{
	vertical-align: text-top;
}
.content p{
	margin-bottom: 15px;
}
img.insert{
	border: 5px #4F4F4F solid;
}
img.mid{
	margin: 0 20px;
}
.bumpR{
	margin-right: 10px;
}
.bumpL{
	margin-left: 10px;
}
.bumpD{
	margin-bottom: 10px;
}
.bumpU{
	margin-top: 10px;
}
.bumpR2{
	margin-right: 20px;
}
.bumpL2{
	margin-left: 20px;
}
.bumpD2{
	margin-bottom: 20px;
}
.bumpU2{
	margin-top: 20px;
}
.tinyBumpT{
	margin-top: 3px;
}
.floatL{
	float: left;
}
.floatR{
	float: right;
}
/************ 
Structures
*************/

/* Top Strip*/
.topStrip{
	background: transparent url('images/top.gif') repeat-x;
}
/* header*/
.header{
	height: 140px;
	background: transparent url('images/logo.jpg') no-repeat;
	padding-top: 32px;
}
.header .nav{
	float: right;
}
.header .nav li{
	float: left;
	display: inline;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
}
.header .nav li a{
	display: block;	
	width: 112px;	
	height: 53px;
	padding-top: 27px;
	color: #5f5d5d;
}
.header .nav li a.home{
	background: transparent url('images/nav.gif') no-repeat;
	background-position: 0 0;
}
.header .nav li a.about{
	background: transparent url('images/nav.gif') no-repeat;
	background-position: -112px 0;
	padding-top: 17px;
	height: 63px;
}
.header .nav li a.services{
	background: transparent url('images/nav.gif') no-repeat;
	background-position: -224px 0;
}
.header .nav li a.portfolio{
	background: transparent url('images/nav.gif') no-repeat;
	background-position: -336px 0;
}
.header .nav li a.contact{
	background: transparent url('images/nav.gif') no-repeat;
	background-position: -448px 0;
}
.header .nav li a.home:hover,.header .nav li a.home.here{
	background: transparent url('images/nav_hov.gif') no-repeat;
	background-position: 0 0;
	color: #f5e596;
}
.header .nav li a.about:hover,.header .nav li a.about.here{
	background: transparent url('images/nav_hov.gif') no-repeat;
	background-position: -112px 0;
	color: #f5e596;
}
.header .nav li a.contact:hover,.header .nav li a.contact.here{
	background: transparent url('images/nav_hov.gif') no-repeat;
	background-position: -448px 0;
	color: #f5e596;
}
.header .nav li a.portfolio:hover,.header .nav li a.portfolio.here{
	background: transparent url('images/nav_hov.gif') no-repeat;
	background-position: -336px 0;
	color: #f5e596;
}
.header .nav li a.services:hover,.header .nav li a.services.here{
	background: transparent url('images/nav_hov.gif') no-repeat;
	background-position: -224px 0;
	color: #f5e596;
}


/* MidStrip*/
.midHome{
	background: url('images/midStrip.gif') repeat-x;
	height: 421px;
	margin-bottom: -82px;
}
.midImage{
	width: 963px;
	height: 306px;
	background: url('images/middleBG2.gif') no-repeat;
	margin: 0 auto;
	position: relative;
}
.midImage #myController{
	visibility: hidden;
}
.midImage #holder{
	width: 693px;
	position: relative;
}
.midImage #holder .jFlowNext{
	position:absolute;
	right: 0px;
	top: 114px;
	cursor: pointer;
}
.midImage #slides{
	width: 653px;
	height: 266px;
	overflow: hidden;
}

.midStrip{
	background: transparent url('images/smStrip.gif') repeat-x;
	height: 162px;
	margin-bottom: -78px;
}

/* Main Content*/
.content{/* still need to figure out height issue*/
	margin-bottom: 40px;
}
.left{
	border-right: 1px #282828 solid;
	padding-right: 40px;
	padding-bottom: 20px;
	float: left;
	width: 649px;
	min-height: 400px;
	margin-right: 20px;		
}
.right{
	width: 250px;
	display: inline;
	float:right;	
}
/* projects */
.projectTop{
	border-bottom: 1px #333333 dotted; 
	padding-bottom: 10px;
}
.projectImages img{
	border: 5px #4F4F4F solid;
	margin-bottom: 10px;
	float: left;
	margin-top: 10px;
}
.right #projectAccordian a{
	display: block;
	cursor: pointer;
	font-size: 10pt;
	padding: 5px;
	background: #141414;
	border: 1px black solid;
}
.right #projectAccordian div{
	padding: 5px 0 0px 10px;
}
.right #projectAccordian div p{
	font-size: 9pt;
	margin-bottom: 9px;
}
.right #projectAccordian div p br{
}
/* others */
.boxBig{
	border: 2px black solid; 
	padding: 20px 20px 10px 20px; 
	background: #141414;
}
.boxSmall{
	border: 2px black solid; 
	padding: 20px 20px 20px 20px; 
	background: #141414;
	overflow: auto;
	*overflow:-moz-scrollbars-vertical;
}
.boxSmall p{
	margin-bottom: 0px;
}
a.more{
	border: none;
	float: right;
}
a:hover.more{
	border: none;
}

.quote{
	border-bottom: 1px #333333 dotted; 
	padding-bottom: 10px;
}
.quoter{
	text-align: right;
}
.quote p{
	text-align:center; 
	font-family: Georgia; 
	font-size: 18pt;
}
.subServices{
	margin: 20px 0 20px 20px;
}
.subServices h3{
	font-size: 16pt;
	margin-bottom: 10px;
}
/* Contact page - delete?*/
p.address{
	margin: 10px 0 20px 0;
	font-size: 14pt;
}
span.contact{
	display: block;
	font-size: 14pt;
	margin-bottom: 20px;
}
span.contact img{
	vertical-align: middle;
	margin-right: 20px;
}
#GMap{
	margin-top: 20px;
	display: none;
	width: 550px;
}
/* Inquiry page - edit?*/
textarea{
	overflow:auto;
}
.txt{
	color: white;
	border: none;
	display: block;
	background:#5f5d5d;
	padding: 5px;
	width: 300px;
	border: 1px black solid;
	opacity: 0.6;
	filter: alpha(opacity = 60)
}
.txt:hover, .txt:focus{
	opacity: 0.85;
	filter: alpha(opacity = 85)
}
.but{
	border: 1px black solid;
	background: #282828;
	padding: 5px;
	cursor: pointer;
	color: white;
}
.memo{
	width: 450px;
	height: 150px;
}
label{
	display: block;
	margin-bottom: 10px;
}
label span{
	margin-bottom: 2px;
	display: block;
}
.errormsg, .sent{
	padding: 10px;
	color: #2e2e2e;
	font-weight: bold;
	margin: 10px 0;
	display: inline-block;
}
.sent{
	background: #DAEF86;
	border: 2px #006600 solid;
}
.errormsg{
	background: #fbe3e4;
	border: 2px #a62425 solid;
}
/* Footer*/
.footer{
	margin-top: 40px;
	background: transparent url('images/footer.gif') repeat-x;
}
.footContent{
	height: 78px;
	background: transparent url('images/foot_logo.gif') no-repeat;
	text-align: right;
	padding-top: 28px;
	font-size: 10pt;
	position: relative;
}
.footContent a{
	color: #5f5d5d;
	margin-left: 20px;
}
.footContent a:hover{
	color: #f5e596;
}
.footContent span{
	margin-left: 20px;
	font-size: 15pt;
	vertical-align:-2px;
	color: #0F0F0E;
}
.rights{
	margin-top: 28px;
	text-align: right;
	font-size: 8pt;
	color: #F6FCE8;
	position: absolute;
	bottom: 10px; 
	right: 0px;
}
.rights a{
	display: inline-block;
	margin-left: 0px;
	color: #f5e596;
	border-bottom: 1px #f5e596 dotted;
}
.rights a:hover{
	border-bottom: 1px #f5e596 solid;
}

/* Sticky Begin*/
.wrapper {
	min-height: 100%;
}
.push{
	padding: 0 0 106px;
}
.footer {
	height: 106px; /* .push must be the same height as .footer */
	margin:-106px auto 0; /* -80px sucks it back in & auto centers it */
}
/* Sticky End*/