@charset "utf-8";

body{
	background-color:		#ffffff;
	background-position:	0 35px;
	margin:					0;
	padding:				10px 0;
}
a img{
	border:					0px none;
}

#header_print{
	display:				none;
	visibility:				hidden;
}
#container{
	color:					#333333;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			14px;
	margin:					0 auto;
	padding:				0;
	width:					820px;
}
#left,
#right{
	display:				block;
	float:					left;
	position:				relative;
}
#left{
	background-position:	0 0;
	margin:					0;
	padding:				10px 0 0 20px;
	min-height:				500px;
	width:					220px;
}
#company_logo{
	font-size:				0%;
	line-height:			0%;
	padding:				15px 5px 15px 0;
	text-align:				center;
}
#company_logo img{
	padding:				5px 10px;
}

#navigation{
	padding:				10px 15px 0 5px;
}
#navigation ul,
#navigation li{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#navigation li{
	font-size:				1%;
	line-height:			1%;
	position:				relative;
}
#navigation a{
	background:				#ffffff url(../../images/layout/background_navigation.gif) bottom left repeat-x;
	border:					1px solid #cce5f2;
	color:					#666666;
	display:				block;
	font-size:				11px;
	line-height:			20px;
	margin:					0 0 5px 0;
	min-height:				20px;
	padding:				4px 4px 4px 29px;
	text-decoration:		none;
}
#navigation a:hover{
	color:					#6eb5e3;
}
#navigation .submenu{
	background:				#ffffff url(../../images/layout/background_navigation.gif) bottom left repeat-x;
	border:					1px solid #cce5f2;
	margin:					0 0 5px 0;
	padding:				0 0 5px 0;
}
#navigation .submenu a{
	background:				none !important;
	border:					0px none;
	display:				block;
	padding:				5px 4px 0 29px;
}
#navigation .submenu ul a{
	background:				url(../../images/layout/background_subnavigation.gif) 35px 9px no-repeat !important;
	border:					0px none;
	line-height:			16px;
	margin:					0;
	padding:				0 0 5px 45px;
}
#navigation .active a,
#navigation .active ul .active a{
	font-weight:			bold;
}
#navigation .active ul a{
	font-weight:			normal;
}

#navigation .border_top,
#navigation .border_bottom{
	background-image:		url(../../images/layout/corners_navigation.gif);
	background-repeat:		no-repeat;
	display:				block;
	height:					5px;
	left:					0;
	position:				absolute;
	width:					200px;
}
#navigation .border_top{
	background-position:	0 0;
	top:					0;
}
#navigation .border_bottom{
	background-position:	bottom left;
	bottom:					0;
}
#navigation .submenu .border_top{
	left:					-1px;
	top:					-1px;
}
#navigation .submenu .border_bottom{
	bottom:					-1px;
	left:					-1px;
}

#right{
	background-position:	0 0;
	margin:					0;
	min-height:				185px;
	padding:				0 20px;
	width:					530px;
}
#header{
	background-color:		#6eb5e3;
	background-position:	0 0;
	font-size:				1%;
	line-height:			1%;
	height:					130px;
	margin:					15px 0 5px 0;
}
#subheader{
	background-color:		#23577c;
	background-position:	0 -135px;
	height:					23px;
	padding:				2px 5px 0 5px;
	text-align:				right;
}
#subheader ul,
#subheader li{
	font-size:				1%;
	line-height:			1%;
	list-style-type:		none;
	margin:					0;
}
#subheader ul{
	padding:				0;
}
#subheader li{
	display:				inline;
}
#subheader a{
	color:					#ffffff;
	font-size:				10px;
	line-height:			20px;
	margin:					0 5px 0 0;
	padding:				2px 5px;
	text-decoration:		none;
}
#subheader a:hover{
	background-color:		#6eb5e3;
}

/* --<<[[ CONTENT ]]>>--*/
#content{
	line-height:			18px;
	min-height:				275px;
	padding:				13px 20px 25px 25px;
}
#content a{
	color:					#27a1c9;
	text-decoration:		underline;
}
#content a:hover{
	color:					#6cb5e0;
	text-decoration:		none;
}
#content h3{
	color:					#6cb5e0;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	padding:				5px 0 10px 0;
}
#content hr{
	border:					0;
	border-top:				1px solid #cccccc;
	height:					0;
	padding:				10px 10px 0 10px;
}
#content p{
	margin:					0;
	padding:				0 0 10px 0;
}
#content table{
	border:					0px none;
	border-collapse:		collapse;
}
#content table td{
	text-align:				left;
	vertical-align:			top;
}
#content ul,
#content li{
	margin:					0;
	list-style-type:		none;
}
#content ul{
	padding:				0 0 10px 0;
}
#content li{
	background:				url(../../images/layout/bullet.gif) 33px 8px no-repeat;
	padding:				1px 0 1px 45px;
}
#content .gray{
	color:					#787878;
}

/* --<<[[ CONTENT - projects ]]>>-- */
#projects{
	min-height:				345px;
	padding:				5px 0 0 0;
}
#projects a{
	border:					1px solid #6cb5e0;
	color:					#666666;
	display:				block;
	float:					left;
	font-size:				10px;
	line-height:			14px;
	margin:					0 30px 30px 0;
	padding:				4px 4px 9px 4px;
	position:				relative;
	text-align:				center;
	text-decoration:		none;
	width:					130px;
}
#projects a img{
	background:				url(../../images/layout/background_project.gif) center center no-repeat;
	border:					5px solid #dddddd;
	margin:					10px 0;
	opacity:				0.75;
}
#projects a span{
	color:					#333333;
}
#projects a:hover{
	
}
#projects a:hover img{
	border:					5px solid #d6d6d6;
	opacity:				0.99;
}
#projects a:hover span{
	color:					#6cb5e0;
}
#projects a.last{
	margin:					0 0 30px 0;
}
#projects a .corner_rb,
#projects a .corner_lb,
#projects a .corner_lt{
	background-image:		url(../../images/layout/corners_projects.gif);
	background-repeat:		no-repeat;
	display:				block;
	height:					10px;
	position:				absolute;
	width:					10px;
}
#projects a .corner_rb{
	bottom:					-1px;
	background-position:	-10px -10px;
	right:					-1px;
}
#projects a .corner_lb{
	bottom:					-1px;
	background-position:	0 -10px;
	left:					-1px;
}
#projects a .corner_lt{
	background-position:	0 0;
	left:					-1px;
	top:					-1px;
}
#projects br{
	clear:					both;
}

/* --<<[[ CONTENT - projects navigation ]]>>-- */
.project_navigation{
	padding:				10px 5px 0 0;
	text-align:				center;
}
.project_navigation{
	font-size:				0%;
	line-height:			0%;
}
.project_navigation a img{
	margin:					0 3px;
	opacity:				0.75;
	padding:				0 2px;
}
.project_navigation a.bullet img{
	padding:				6px 2px;
}
.project_navigation a.active img,
.project_navigation a:hover img{
	opacity:				0.99;
}
.project_navigation a.inactive:hover img{
	opacity:				0.75 !important;
}
/* --<<[[ CONTENT - projectdetail ]]>>-- */
#project_detail{
	min-height:				300px;
}
#project_detail table{
	width:					100%;
}
#project_detail table td{
	border-top:				1px dotted #cccccc;
	text-align:				left;
	vertical-align:			top;
}
#project_detail table .first td{
	border-top:				1px solid #ffffff;
}
#project_detail table td.label{
	color:					#999999;
	font-size:				10px;
	padding:				3px 25px 3px 5px;
	width:					120px;
}
#project_detail table td.label span{
	color:					#6eb5e3;
}
#project_detail table td.info{
	padding:				3px 0;
}
#project_detail table td.images{
	padding:				13px 0 3px 0;
}
#project_detail table td.images a img{
	background:				url(../../images/layout/background_project.gif) center center no-repeat;
	border:					5px solid #dddddd;
	margin:					5px;
	opacity:				0.75;
}
#project_detail td.images a:hover img{
	border:					5px solid #d6d6d6;
	opacity:				0.99;
}

/* --<<[[ FOOTER ]]>>-- */
#footer{
	clear:					both;
	color:					#656565;
	font-size:				10px;
	line-height:			16px;
	padding:				0 0 0 265px;
}
#footer a{
	color:					#656565;
	text-decoration:		none;
}
#footer a:hover{
	color:					#6eb5e3;
	text-decoration:		underline;
}
#footer p{
	display:				block;
	float:					left;
	padding:				0 0 0 20px;
	width:					160px;
}
#footer br{
	clear:					both;
}

/* --<<[[ SHADING ]]>>-- */
body,
#header,
#subheader{
	background-image:		url(../../images/layout/background_body.gif);
	background-repeat:		repeat-x;
}
#left,
#right{
	background-color:		#ffffff;
	background-image:		url(../../images/layout/shade_hor.gif);
	background-repeat:		repeat-y;
}
#shade_top,
#shade_bottom{
	background-image:		url(../../images/layout/shade_ver.gif);
	background-repeat:		repeat-x;
	font-size:				0%;
	line-height:			0%;
}
#shade_left_adj,
#shade_right_adj{
	background-image:		url(../../images/layout/shade_adjust.gif);
	background-repeat:		no-repeat;
}
#shade_left_bottom,
#corner_bottom_right,
#corner_bottom_left,
#corner_top_left{
	background-image:		url(../../images/layout/shade_corners.png);
	background-repeat:		no-repeat;
}
#shade_left_adj{
	background-position:	0 0;
	left:					0;
	height:					185px;
	position:				absolute;
	top:					0;
	width:					5px;
}
#shade_left_bottom{
	background-position:	-45px 0;
	bottom:					0;
	left:					0;
	height:					10px;
	position:				absolute;
	width:					5px;
}
#shade_top{
	background-position:	0 5px;
	height:					10px;
}
#shade_bottom{
	background-position:	0 -4px;
	height:					5px;
}
#shade_right_adj{
	background-position:	-5px 0;
	height:					185px;
	position:				absolute;
	right:					0;
	top:					0;
	width:					20px;
}
#corner_bottom_right,
#corner_bottom_left,
#corner_top_left{
	height:					25px;
	position:				absolute;
	width:					25px;
}
#corner_bottom_right{
	background-position:	-25px -30px;
	bottom:					0;
	right:					0;
}
#corner_bottom_left{
	background-position:	0 -30px;
	bottom:					0;
	left:					0;
}
#corner_top_left{
	background-position:	0 0;
	height:					30px;
	left:					0;
	top:					0;
}