@charset "utf-8";
/* CSS Document */

body {padding:0px; margin:0px; background:url(../images/header-bg.jpg) repeat-x top #000; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color: #EEE;}
.clear{ display:block; clear: both; height:0px; font-size: 0px; line-height: 0px;}

h1,a {color:#FFFFFF;}
h3,h2, h2 a{color:#FFFFFF;}

#page-layout-outer {background:url(../images/header-bg2.gif) no-repeat top center; display:block;}
#page-layout {background:url(../images/header.jpg) no-repeat top center; display:block;}
#page-header {margin: 0px auto; width: 800px; text-align:center; padding: 40px 10px 35px 10px;}
	#page-header img {border:0px;}

#page-nav { text-align:center; display:block;}
	#page-nav ul {display:inline; list-style:none;}
	#page-nav li { float:left; padding: 10px 5px 10px 20px; background: url(../images/nav-bullet.gif) no-repeat 5px 14px; }
	#page-nav a{color: #999999; text-decoration: none; font-size: 1em;}
	#page-nav a:hover{color: #FFFFFF; text-decoration: none; font-size: 1em;}

#body-layout {margin: 0px auto; width: 980px; display:block; margin-top: 10px;}
#submenu, #submenu2 {width: 150px;}
#submenu a, #submenu2 a {color: #FA2FED; text-decoration: none;}
#body-left { width: 140px; margin-right: 10px;}
	#body-left ul {margin:0px; padding: 0px; list-style: none; padding-top: 20px;}
	#body-left li { float:left; margin-right: 9px; margin-bottom: 9px; text-align:right; display:block;}
	#body-left li .text{padding: 30px 10px 10px 20px; background:url(../images/nav-design-services.gif) no-repeat;  }
	#body-left li a{color: #999999; font-size: 1.1em; font-weight:bold; text-decoration:none; display:block; width: 111px; height: 72px;}		
	#body-left li a:hover{color: #FFFFFF; }		
	#body-left li a:hover .text{background:url(../images/nav-design-services_f2.gif) no-repeat;  }

#body-center { width: 500px; margin-right: 20px;}

#body-right { width: 165px; padding-top: 20px; }
#preview_div { background:#000; text-align:center;}
#preview_div .preview_temp_load { padding: 10px;}
#nav2 .top{display:block; background:url(../images/navbox_top.gif) no-repeat 15px top; height:15px;}
#nav2 .middle{display:block; background:url(../images/navbox.gif) repeat-y 15px;}
#nav2 .middle ul {margin:0px; padding:0px; list-style: none;}
#nav2 .middle li { height:26px; margin-bottom: 10px; background:url(../images/nav2.gif) no-repeat;}
#nav2 .middle .last { margin-bottom: 0px;}
#nav2 .middle .text { padding: 5px 0px 0px 30px; display:block; font-size: 1.0em; font-weight: bold; color: #999999; height:26px; cursor: pointer; }
#nav2 .middle a { text-decoration: none;}
#nav2 .middle a:hover .text {color: #FFFFFF; background:url(../images/nav2_f2.gif) no-repeat;}
#nav2 .bottom{display:block; background:url(../images/navbox_bottom.gif) no-repeat 15px top; height:15px;}
	
#page-footer { display:block; text-align:center; color: #999999;}
#page-footer a{color: #999999;}