@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background:#fcf6ee url(images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}
.clr {clear:both;}

/* main */

.main {width:1002px; padding:0; margin:0 auto; }

/* header */

.header { width:1002px; margin:0; padding:0;}

.logo { 
	width:980px; 
	height:116px; 
	margin:0; 
	padding:10px 10px; 
	float:left; 
	background:url(images/logo.jpg) top left no-repeat; 
	background-color: white; 
	position: relative; 
	top:-10px;
	}




/* menu */

.menu { width:900px; margin:0; padding:0; float:left; height:68px; text-align:left;}

.menu tr { margin:0; padding:0; list-style:none;}

.menu td { margin:0; padding:0;  font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a6a6a6; float:left;}

.menu a { 
		text-transform:uppercase; 
		line-height:16px; 
		float:left; 
		font:normal 14px  "Trebuchet MS", Arial, Helvetica, sans-serif; 
		color:#fff; 
		padding:18px 16px; 
		margin-top:-11px; 
		text-decoration:none;
		
		}

.menu a:hover {
	text-transform:uppercase;
	color:#009100; 
	background: url(images/hover_bg.gif) top repeat-x; 
	padding:17px 15px;  
	border-left: 1px solid #505050; 
	border-right: 1px solid #505050;
	height: 30px;
	margin-top:-11px;
	}

.menu span { text-transform:none; line-height:16px; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#838383; text-align:center;} 

.menu a.active { 
	text-transform:uppercase;
	color:#009100; 
	background: url(images/hover_bg.gif) top repeat-x; 
	height: 32px; 
	padding:17px 15px; 
	border-top:none; 
	border-left: 1px solid #505050; 
	border-right: 1px solid #505050;
	border-bottom:none;
	margin-top:-11px;
	}

/* header_text */

.header_text { height:307px; width:1002px; background:url(images/header_text_bg.jpg) top no-repeat; margin:0; padding:0; border:none;}

.header_text2 {height:141px; width:983px; background:url(images/simple_text2.gif) top no-repeat; margin:0; padding:0; border:none;}

.header_text h2 { font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; margin:0 400px 10px 40px; padding:40px 0 0 0;}

.header_text p {font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;  margin:10px 350px 10px 40px; padding:0;}

.header_text a { text-decoration:none; color:#fff; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 7px; margin:0; border:1px solid #8aae32; background:#78a307;}

/* Screen List */

div.screen_list { width:320px; float:right; margin:50px 20px 0 0;}

div.screen_images { background:url(images/screen_bg.gif) no-repeat top; width:311px; height:195px; padding:2px 0;}

div.screen_scroll ul { list-style:none; margin:2px; padding:0; float:left;}

div.screen_scroll ul li { margin:2px; padding:0; float:left;}

div.screen_scroll ul li a { float:left; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div.screen_scroll ul li.active a { background:#272727;}

div.screen_scroll ul li a:hover { text-decoration:underline;}
/* body */

.body { width:1002px; margin:0; padding:0}

.body h2 { font: normal 18px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#454644; padding:10px 10px; margin:10px 20px 10px 20px; text-transform:uppercase;}

.body h3 { font: normal 18px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#242424; padding:10px 10px;  margin:10px 20px 10px 20px;}

.body h4 { font: normal 48px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1b1b1b; padding:10px 10px;  margin:10px 20px 10px 20px; border-bottom:1px solid #a5a295;}

.body p {font:normal 14px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#565656; padding:0 15px; margin:10px 0; text-align: justify;}

.body a { color:#d34600; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;}

.body img { float:left; margin:0; padding:20px; max-width:173px; max-height:150px;}

/*main_body*/

.main_body { width:321px; padding:0; margin:0 5px; float:left; background:url(images/bg_body.gif) top no-repeat;}

.main_body h2 { background: url(images/DesignIconSmall_02.gif) left no-repeat; padding:15px 5px 15px 50px;}

.main_body ul { font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}

.main_body li {padding:5px 0; margin:0;}

.main_body a {font:normal 14px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:0; text-decoration:none;}

.main_body .data { float:left; font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}

.main_body .title { float: left; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}

.main_body img { padding:0; margin:5px 5px; border:none;}




/*portfolio*/

.portfolio { width:960px;/*  margin-left: 20px; */ float:left; /* background-color: white; */}

.portfolio .image {  float:left; padding:0; margin-left:10px;}

.portfolio .text  { width:300px; float:left; padding:0 0 0 10px; margin:0;} 

.portfolio strong { color:#242424;}

.portfolio h2 { background: url(images/DesignIconSmall_02.gif) left no-repeat; padding:15px 5px 15px 50px;}


.portfolio .title { float: left; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}

.portfolio img { padding:0; margin:5px 5px; border:1px solid #dadada;  background:#fff; width:134px; height:89px;}


.pCollect{float:left; clear: left; margin-left: 13px; }

.hzRule{border-bottom: 1px solid #dbdcd3; width:968px; margin-left: 5px;}

.pCollect .enlarge{font-size:10px;}








/* LIST */

.list {margin-left: -5px; }

.list p {padding:0 15px; margin:10px 0;}

.list img { border:none; margin:5px; padding:0;}

.list a { border:none; margin:5px; padding:0; background:#009100; padding:4px 10px 4px 10px; color:white; text-decoration: none;}

.list a.active{border: 3px solid black;}







.footer { 
	clear: both; 
	width:1002px; 
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;

	text-align:center; 
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#fff; 
	margin:20px auto; 
	padding:20px; 
 
	border:5px solid #fff;}

.footer a {font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}