html, body {height:100%; border:0; margin:0; padding:0;}

body {background:url("/img/bg.gif") repeat-x top left #bfcad7; font:normal 11px arial, tahoma, sans-serif;}

a img {border:none;}

a {text-decoration:none; color:#08386f;}

a:hover {color:#000; text-decoration:underline;}

#container {height:100%; width:766px; margin:0 auto; border-left:1px solid #336699; border-right:1px solid #336699;}

* html #container {min-height: 100%;}

td {vertical-align:top;}

h1 {font:bold 13px arial, tahoma, sans-serif; color:#890400; text-transform:uppercase;}

h1 .small {font-size:11px;}

h2 {font:bold 11px arial, tahoma, sans-serif; color:#890400; text-transform:uppercase;}

h2 a {color:#890400;}

/*--------------
Header
----------------*/
.header {background:#bfcad7;}

#header_lt {border-left:1px solid #fff; padding:20px; text-align:left;}

#header_rt {padding:58px 20px 20px 20px; border-right:1px solid #fff; text-align:right;}

#header_rt a, #footer a {padding:0 3px; color:#08386f;}

#splash, #nav {border-style:solid; border-color:#fff;}

#splash {border-width:1px 1px 0 1px;}

#splash img {float:left; padding:0 375px;}

#nav {border-width:0 1px 0 1px;}

#nav {margin:0; padding:0;}

#nav a img {border-top:1px solid #fff; border-bottom:1px solid #000; height:18px; width:766px; padding:0; margin:0;}

#nav a {float:left; margin:0; padding:0; height:20px;}

a.nav_projects {background:url(/img/nav_projects.gif) no-repeat 0px 1px;}
a.nav_about {background:url(/img/nav_about.gif) no-repeat 0px 1px;}
a.nav_press {background:url(/img/nav_press.gif) no-repeat 0px 1px;}
a.nav_contact {background:url(/img/nav_contact.gif) no-repeat 0px 1px;}
a.nav_links {background:url(/img/nav_links.gif) no-repeat 0px 1px;}

a.nav_projects:hover, a.nav_about:hover, a.nav_press:hover, a.nav_contact:hover, a.nav_links:hover {background-position:0px -17px;}

/*--------------
Content
----------------*/
#content {background:#fff; color:#323239; padding:0; width:715px;}

#content a {text-decoration:underline;}

#content h1 {text-align:left;}

#content h1 a {color:#890400;}

#content a:hover {text-decoration:none;}
#content #vertical_padding {margin:10px 0;}
#content .main_content {width:400px; padding:0 20px; border-right:1px solid #d6d6d6; text-align:justify;}

.main_content .image {float:left; margin-right:10px;}

.project h2 a, .article h2 a {color:#08386f; background:url("/img/project_square.gif") no-repeat center left; padding:0 0 2px 16px;}

.link a {color:#08386f;}

#content .image, .side_content .thumbs img  {border:1px solid #d6d6d6; padding:2px 2px 0 2px;}

#content .side_content {width:286px; padding:0 20px;}

#content .side_content .image {float:left;}

#content .side_content .image img {padding:0; margin:0;}

.side_content .thumbs {
float:left; margin:0 5px 5px 0; height:40px;}

.side_content .thumbs img {vertical-align:center;}

.side_content ul, .side_content li {list-style:none; padding:0; margin:0;} 

#carousel_border {margin:0 0 0 0;}
#mycarousel {}
#content .admin_content {padding:10px 25px;}
.carousel-component { 
	padding:22px 16px 14px 16px;
	margin:0px;
	background:url("/img/top_nav_bg.gif") repeat-x;
	border:1px solid #fff;
}

.carousel-component .carousel-list li { 
	width:69px;
	height:59px;
	text-align:left;
	height:1%;
}

.carousel-component .carousel-list li a { 
	display:block;
	outline:none;
	filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
	height:1%;
}

.carousel-component .carousel-list li a:hover { 
	filter:alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.carousel-component .carousel-list li div a { 
	filter:alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
}

.carousel-component .carousel-list li img { 
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:45px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:45px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}

.carousel-component .carousel-list li div a {
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  }
#project_images {width:412px; background:#5a6470; border-left:1px solid #fff; border-bottom:1px solid #fff; text-align:center;}
#project_images img {margin:20px; border:1px solid #eee;}
#project_content {background:#fff; padding:20px;}
#thumbs {width:321px;}
#thumbs ul {padding:0; margin:0;}

#thumbs li {list-style:none;
	padding:0; 
	height:59px;
	width:69px;
	text-align:left;
	margin-bottom:10px;
	float:left;
	height:1%;
	}

#thumbs a {display:block;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	height:1%;
	}

#thumbs div a {
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  
  }
#thumbs a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  }

/*--------------
Footer
----------------*/
#footer_lt, #footer_rt {background:#122439; padding:17px;}

#footer_rt, #footer_lt a, #footer_rt a {color:#fff;}

#footer_lt {text-align:left;}

#footer_rt {text-align:right; height:100%;}

/*--------------
ADMIN
----------------*/
#admin {position:absolute; top:0; left:5px;}
#admin, #admin a {color:#fff;}
#admin h2 {color:#fff;}
#admin ul {margin:0; padding:0 0 0 10px;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/img/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
	}