/*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:100px; margin:5px 0 0 0;position:relative;}

.topDefault{background: url(images/defaultHeader.jpg) #666666 no-repeat;}
.topAbout{background: url(images/aboutHeader.jpg) #666666 no-repeat;}
.topProjects{background: url(images/projectsHeader.jpg) #666666 no-repeat;}
.topContact{background: url(images/contactHeader.jpg) #666666 no-repeat;}

.topGrafton{background: url(images/graftonHeader.jpg) #666666 no-repeat;}
.topSydneyHih{background: url(images/SydneyHihHeader.jpg) #666666 no-repeat;}
.topPalomar{background: url(images/PalomarHeader.jpg) #666666 no-repeat;}
.topAloft{background: url(images/aloftHeader.jpg) #666666 no-repeat;}
.topTRA{background: url(images/TRAHeader.jpg) #666666 no-repeat;}
.topGipfel{background: url(images/gipfelHeader.jpg) #666666 no-repeat;}
.topRiverfront{background: url(images/RiverfrontHeader.jpg) #666666 no-repeat;}
.topFP{background: url(images/futureProjHeader.jpg) #666666 no-repeat;}
.topMedia{background: url(images/mediaHeader.jpg) #666666 no-repeat;}
.top7127{background: url(images/7127Header.jpg) #666666 no-repeat;}

#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{
width:560px;
position:relative;
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;
z-index:2;
}

#navButtons li{
margin:0 0px 0 0;
height:36px;
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;}
#about a.selected{border-top:10px solid #a5b638; padding-top:10px;}
#projects a.selected{border-top:10px solid #a5b638; padding-top:10px;}
#media a.selected{border-top:10px solid #a5b638; padding-top:10px;}
#contact a.selected{border-top:10px solid #a5b638; padding-top:10px;}

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

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

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

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

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

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

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

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
color:#666666;
line-height:1.5em;
text-align:left;
margin:0 25px 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;
margin:0 0 0 10px;
}

ul li{
margin:5px 0 5px 0;
padding:0;
list-style-type:disc;
list-style-position:inside;
}



.Rob{position:absolute;top:60px;right:40px; border:5px solid #f3f3f3;}

#gallery{margin:0px 0 10px 0;}
#gallery img{float:left; border:10px solid #f3f3f3; margin:6px 12px 6px 0;}

#spaced img{margin-right:36px;}

/*Projects Nav===============*/

#projectNav {margin:20px 0 10px 25px; text-align:left;}

#projectNav ul{float:right; width:135px;}

#projectNav ul li {
list-style-type:none;
list-style-position:outside;
border-bottom:1px solid #e8e8e8;
padding:10px 0 10px 5px;
margin:0 25px 0 0px;
}

#projectNav h3{
float:left;
font-size:1.4em;
letter-spacing:2px;
padding:10px 0 10px 25px;
}

#projectNav a:link{
text-decoration:none;
width:105px;
text-align:left;
color:#000;

}
#projectNav a:visited{
text-decoration:none;
width:105px;
text-align:left;
color:#000;
}
#projectNav a:hover{
text-decoration:none;
text-align:left;
width:105px;
color:#a5b638;
}
#projectNav a:active{
text-decoration:none;
width:105px;
text-align:left;
color:#000;
}

.firstnavItem{border-top:1px dotted #000;}
.ProjectNavSelected{font-weight:bold;}

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

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

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

.email{float:left;}

#contactInfo{
float:left;
width:560px;
margin:10px 0 10px 0;
padding:10px 0 10px 0;
border-top:1px dotted #000;
}

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

#contactInfo a{text-align:right;}

#contactInfo ul li{list-style-type:none;}

/*form layout====================*/
#personalInfo{
margin:0 0 20px 0;
}

#personalInfo input{margin:0 50px px 0;}

#personalTopic{
margin:0px 0 20px 0;
}

#personalTopic input{margin:10px 0 0 35px;}

#personalComments{
margin:0 0 20px 0;
}

label{}

form button{
padding:2px;
}


/*=======*/
#mediaContainer h3{margin:10px 0 5px 0;}
#mediaContainer a{background:url(images/extLinkIcon.jpg) right top no-repeat; padding-right:20px;text-decoration:none; color:#000;}
#mediaContainer span a{
background:url(images/pdfLinkIcon.jpg) right 50% no-repeat; padding:5px 20px 5px 0;text-decoration:none; color:#000;}

.linkList{margin-top:10px;}
#mediaContainer ul li{padding:10px 0 10px 0; border-bottom:1px solid #e8e8e8; list-style-type:none; margin:0;}
.topOfList{border-top:1px solid #e8e8e8;}
#mediaContainer a:link{}
#mediaContainer a:visited{color:#000000;}
#mediaContainer a:hover{color:#a5b638;}
#mediaContainer a:active{}

.new{
display:none;
font-size:9px;
padding:0 5px 0 5px;
color:#CC6600;
}