/*reset via eric meyer. thank you.*/
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%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: 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;
}

/*==================end reset=========================================*/

body{
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
background: #fff repeat-x top left;
}

html, body {
height: 100%;
}

/*=========structure==========================*/

#wrapper{
width:760px;
margin:0 auto;
text-align:center;
}

#leftCol{float:left; width:180px;}

#contentWrapper{width:580px; float:right; min-height:100%;}

/*#logoContainer{width:160px; height:220px; float:left; padding:30px 0 0 16px;}*/

#logoContainer{width:160px; height:115px; float:right; padding:41px 0 0 0px;} /*black logo*/

#topContentContainer{
width:580px;
float:left; 
background:#fff repeat-x top left;
margin:0 0 0px 0; }

#topNavContainer{height:36px; width:580px; padding:0 0 0 0px; position:relative; background:url(images/topBGtemp.gif) top left repeat-x;}

#topImage{width:580px; height:380px; background: url(images/Home1.jpg) #666666 no-repeat; margin:5px 0 0 0;position:relative;}

#imageText{
position:absolute;
bottom:10px;
left:10px;

/*background:url(images/imageTransparentBG.png);*/
}

/**html #imageText{background:url(images/imageTransparentBG.gif);}*/

#topColorBar{
clear:both;
height:10px;
margin:0;
padding:0;
}

#mainContentContainer{
background-color:#f9f9f9;
float:left;
text-align:left;
padding:10px;
margin:0 0 10px 0;
}

#footer{
clear:both;
width:580px; 
height:10px;
border-top:#000 10px solid;
background-color:#fff; 
margin:0 0 10px 0; 
padding:0;}

#footer p{
float:right;
margin:0;
padding:0;
font-size:10px;
color:#ececec;
}

#footer p a{
color:#ececec;
}

#footer p a:hover{color:#999999;}

/*===========================NAV======================*/

#navButtons{
position:absolute;
bottom:0px;
left:35px;
height:36px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
list-style:none;
display:inline;
}

#navButtons li{
margin:0 0px 0 0;
padding:0;
float:left;
list-style:none;
display:inline;
}

#navButtons a{
float:left;
padding-bottom:3px;
margin:0 50px 0 0;
width:auto;
}

#navButtons a{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
color:#000;
text-decoration:none;
}

#projects a {
padding-top:10px;
border-top:10px solid #000;

} 
#projects a:hover{border-top:10px solid #a5b638; padding-top:10px;}

#about a {
padding-top:10px;
border-top:10px solid #000;

} 
#about a:hover{border-top:10px solid #a5b638; padding-top:10px;}

#media a {
padding-top:10px;
border-top:10px solid #000;
} 

#media a:hover{border-top:10px solid #a5b638; padding-top:10px;}

#contact a {
padding-top:10px;
border-top:10px solid #000;
} 

#contact a:hover{border-top:10px solid #a5b638; padding-top:10px;}

#home a {
padding-top:10px;
border-top:10px solid #000;
} 

#home a:hover{border-top:10px solid #a5b638; padding-top:10px;}

#home a.selected{border-top:10px solid #a5b638; padding-top:10px;}

/*--------------------------------------------------------------------------*/

/*================typography===============================*/

h1{
font-family: Arial, Helvetica, sans-serif; 
font-size:2.0em; 
font-weight:bold; 
color:#333333;
padding:0px 0px 10px 0px;}

h2{
font-family: Arial, Helvetica, sans-serif; 
font-size:1.8em; 
font-weight:bold; 
color:#ffffff;
padding:10px 20px 0px 20px;}

h3{
font-family: Arial, Helvetica, sans-serif; 
font-size:1.2em; 
font-weight:bold; 
color:#333333;
padding:0px 0px 10px 0px;}


p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#666666;
line-height:1.5em;
text-align:left;
margin:0 150px 10px 0px;
}

ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#666666;
line-height:1.2em;
}

#homeContent{
width:560px;
}

#homeContent div{padding:0px; margin:0;float:left;}

#homeContent p{margin:10px 0 10px 0;}

#homeContent a{text-align:right;}

.middle{border-left: 5px solid #f0f0f5; border-right: 5px solid #f0f0f5;}
.middle img{border:5px solid #f3f3f3;}

.address{float:left; padding-right:30px;}

.phone{margin:0px 0 0 0;float:left; padding-right:30px;}

.email{float:left;}