@charset "utf-8";

body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 20px;
}

a { color: #333333; }
a:hover { color: #0074c6; }
label { float: left; color: #333333; }
label.empty { color: #ee0000; }
input { font-size: 10px; margin-bottom: 2px; margin-right: 3px; }
input.submit { padding: 1px 5px 1px 5px; margin: 4px 0 0 0; }
select { font-size: 10px; margin-bottom: 2px; padding-left: 0; }
textarea { font-family: 'Trebuchet MS'; font-size: 11px; margin-bottom: 2px; margin-right: 3px; }
span.reporterror { color: #ee0000; }
span.reportsucces { color: #1b92f7; }

#header { width: 750px; height: 207px; margin: 0px auto 5px auto; padding: 0; }
#body_wrapper {	width: 750px; margin: 0 auto 0 auto; }

#left_panel { width: 200px; margin-right: 5px; float: left; }
 .leftbox_header {
 	background: url('../images/img_leftbox_header.png');
	height: 19px;
	color: #FFFFFF;
	width: 175px;
	padding: 2px 0 0 25px;
 }
 .leftbox_bg { background: url('../images/img_leftbox_bg.png'); width: 187px; padding: 5px 5px 2px 8px; color: #333333; } 
 .leftbox_bg ul { margin: 0; padding: 0; }
 .leftbox_bg ul li { list-style-type: none;  }
 .leftbox_bg ul li a { background: url('../images/img_item_arrow.png') no-repeat 4px; padding: 0 0 0 14px; color: #333333; text-decoration: none; }
 .leftbox_bg ul li a:hover { color: #0096ff; }
 .leftbox_bg ul li ul { margin: 0; padding: 0; }
 .leftbox_bg ul li ul li { list-style-type: none; }
 .leftbox_bg ul li ul li a { background: none; padding: 0 0 0 17px; color: #0066CC; text-decoration: none; }
 .leftbox_bg ul li ul li a:hover { color: #0096ff; }
 .leftbox_footer { background: url('../images/img_leftbox_footer.png'); height: 5px; font-size: 1px; margin-bottom: 5px; }
 
#right_panel { width: 545px; float: left; }
 .mainbox_header {
 	background: url('../images/img_mainbox_header.png');
	height: 19px;
	color: #FFFFFF;
	width: 520px;
	padding: 2px 0 0 25px;
 }
 .mainbox_bg { background: url('../images/img_mainbox_bg.png'); width: 532px; padding: 5px 5px 2px 8px; } 
 .mainbox_footer { background: url('../images/img_mainbox_footer.png'); height: 5px; font-size: 1px; margin-bottom: 5px; }
 
#copyright_bar { width: 545px; text-align: center; } 

/* Clear both */
div.clear { clear: both; }

/* Products */
div.product_wrapper { width: 530px; }
div.product_wrapper .image { margin: 2px 7px 15px 0; float: left; width: 128px; border: 1px solid #333333; text-align:center; }
div.product_wrapper .image a { cursor: pointer; }
div.product_wrapper .image img { border: 0px; }
div.product_wrapper .info { margin: -2px 0 15px 0; display: block; float: left; width: 393px; }
div.product_wrapper .info .name { font-size: 14px; color: #0074c6; }
div.product_wrapper .info .info_text {color: #333333; }

/* Projects */
table.thumbs { width: 525px; margin-top:5px; }
table.thumbs tr td table { margin-bottom: 10px;}
/* table.thumbs tr td table tr td.image a img { border: 0px; } */
/* table.thumbs tr td table tr td.image a:hover img { border: 1px solid black; } */
table.thumbs tr td table tr td.rightborder { background: url('../images/img_thumbs_shadow.png') top right; width: 10px; }
table.thumbs tr td table tr td.cornerborder { background: url('../images/img_thumbs_shadow.png') bottom right; width: 10px; height: 10px; }
table.thumbs tr td table tr td.bottomborder { background: url('../images/img_thumbs_shadow.png') bottom left; height: 10px; }

/* View image popup */
.popup_image { margin-top: -20px; }
*html .popup_image { margin-top: 0px; }
*+html .popup_image { margin-top: -10px; }
.popup_image_info { padding-left: 10px; margin-top: -5px; }
*html .popup_image_info { margin-left: 7px; margin-top: 1px; }
*+html .popup_image_info { margin-left: 7px; margin-top: 1px; }

/* Contact */
label.contact { width: 95px; }

/* Lists */
#right_panel ul { margin: 0; padding: 0; }
#right_panel ul li { list-style-type: none;  }
#right_panel ul li { background: url('../images/img_item_arrow.png') no-repeat 4px; padding: 0 0 0 14px; color: #004f8c; text-decoration: none; }

