/* 
	=============================================== 
	Author:Carl Lindberg (www.carllindberg.com) 
	===============================================
*/

/* =============================================== base, how low can you go... */

body {
	margin:0;
	padding:0;
	font: .675em "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	text-align:center;
	line-height:1.25;
	background-color:#c7c2be;
	color:#666;
	height:100%;
}

input, select, textarea {
	font-family:"Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:1em;
}

a:link, a:visited, a:hover {
	text-decoration:none;
	background-color:inherit;
	color:#6f8ec2;
}

/* hover + contextually highlighting the currrent page in the nav */
a:hover, body#home .homelink a, body#services .serviceslink a, body#portfolio .portfoliolink a, body#news .newslink a, body#affiliations .affiliationslink a, body#careers .careerslink a, body#contact .contactlink a { 
	background-color:inherit;
	color:#e0162c;
	}

a img { border:none; }

/* =============================================== fonts */

h1, h2, h3, h3 b, h4, h5, h6  { 
	font-weight:normal; 
	background-color:inherit;
	color:#666;
	}

h1 { font-size:200% }
h2 { font-size:185% }
h3 { font-size:150% }
h4 { font-size:115%; font-weight:bold }
h5 { font-size:100% }
h6 { font-size:85% }
	
h2 { font-family:Georgia, "Times New Roman", serif; }

h3, h3 b { color:#e0162c; }

#home h3, #home h3 b { margin:0; }

h3 b { text-transform:uppercase; }

h2#tagline { 
	float:left;
	width:75%;
}

/* =============================================== d-d-d-divs */
#head, #sidebar, #nav, #features, #tagline, #content {
	display:block;
	padding:0;
	margin:0;
	}

#wrapper {
	display:block;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
      overflow:hidden;
      	}	
	
#head, #tagline { padding-bottom:10px }

#wrapper { 
	display:block;
	margin:0 auto;
	border-top:25px solid #e0162c;
	padding:0 15px 15px;
	width:816px;
	text-align:left;
	background:#fff url(/img/bottom_corner.gif) no-repeat bottom right;
	color:inherit;
	background-color:#FFFFFF;
	
	}

#sidebar, #features, #content { 
	display:block; 
	float:left;
	width:25%; 
	background-color:#FFFFFF;
	}

#content { 
	float:right;
	width:75%;
	background-color:#FFFFFF;
	}
#content h3 { margin:0 }
#home #content { width:50%; }

/* why oh why won't floats clear their-damn-selves? */
:after#wrapper {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
	}

/* =============================================== site-wide, div/section specific */

#sidebar ul#nav {
	margin-left:20px;
	padding-left:0;
	width:150px;
	list-style:none;
	background-color:#FFFFFF;} 

#sidebar ul#nav li {
	border-bottom:1px dotted #666;
	line-height:200%;
	text-indent:12px;
	background:transparent url(/img/arrow_bullet.gif) no-repeat 0 50%;
	}

#sidebar ul#nav li.contactlink { border:0; }

#sidebar ul#nav li a {
	display:block;
	width:100%;
	}

#features {
	width:22%;
	border-right:1px dotted #666;
background-color:#FFFFFF;	}

#features dt { 
	font-weight:bold;
	color:#9a9a9a;
	}
#features dt img { 
	display:block;
	border:thin solid #ACACAC
	}
	
#features dd { margin-left:0; }

/* =============================================== page specific */

#head h1 {
	margin:0;
	padding:0;
	}


#head h2 {
	font-size:200%;
	margin:0;
	padding:0;
	text-indent:10px;
	line-height:175%;
	height:96px;
	font-family:"Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	background:#ACACAC url(img/services_hdr.png) no-repeat top right;
	color:#fff;
	}

/* text color purposely the same color as the background to hide the home text to make room for the blockquote */
#home #head h2, #pop #head h2 {
	text-indent:-999px;
	line-height:249px;
	height:auto;
	background-image: url(/img/home_image.jpg);
	}
#services #head h2 { background-image: url(/img/services_image.jpg) }
#portfolio #head h2 { background-image: url(/img/portfolio_image.jpg) }
#news #head h2 { background-image: url(/img/news_image.jpg) }
#affiliations #head h2 { background-image: url(/img/affiliations_image.jpg) }
#careers #head h2 { background-image: url(/img/careers_image.jpg) }
#contact #head h2 { background-image: url(/img/contact_image.jpg) }


/* this is to accomodate the blockquote header on the homepage */
#head #home {
	position:relative;
	height:349px;
}

#home #head blockquote {
	position:absolute;
	top:150px;
	margin:0;
	margin-left:25px;
	width:180px;
	font-size:175%;
	font-style:italic;
	background-color:inherit;
	color:#fff;
	
}

#portfolio dt { 
	font-weight:bold; 
	padding-top:2em 
	}
#portfolio dl#marriott dt { padding-top:0 }
#portfolio dd { margin:0 }
#portfolio dd img { 
	border:thin solid #ACACAC; 
	height:250px;
	width:556px;
	}
	
	.contact-box{
background-color:#FFFFFF;
color:#505050;
line-height:1.5em;
float:left;
border-top:1px solid #C0C0C0;
 padding-left:25px; padding-right:5px; padding-top:5px; padding-bottom:5px
}