@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
}
 body{
 	background-color:#CDCBC3;
	background-image:url(gfx/back_ground.jpg);
	background-repeat:repeat-x;
}
#container{
	background-color:rgb(193,180,154);
	position:relative;
	margin:auto;
	width:951px;
	height:631px;
}
#container #header h1{
	width:100%;
	height:118px;
	overflow:hidden;
	display:block;
}
#container #header h1 span {
	width:100%;
	height:118px;
	background-image:url(gfx/Header.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#header h1 span img {
	position:absolute;
	top:36px;
	left:45px;
}
#container #header #nav {
	position:absolute; 
	width:787px;
	height:30px;
	background-image:url(gfx/menu_bar.jpg);
	background-repeat:no-repeat;
	top:88px;
	left:82px;
}
#nav ul {
	list-style:none;
	margin-top:4px;	
	margin-left:15px;
}
#nav ul li {
	height:20px;
	overflow:hidden;
	float:left;
	margin-right:12px;
}
#nav ul li a{
	display:block;
	height:20px;
	background-image:url(gfx/nav_sprite.jpg);
	text-indent:-9999em;
	background-repeat:no-repeat;
}
#nav ul li#nav1 a{
	background-position:0 0;
	width:70px;
}
#nav ul li#nav1 a:hover{
	background-position:0 -20px;
	width:70px;
}
#nav ul li#nav2 a{
	background-position:-82px 0;
	width:63px;
}
#nav ul li#nav2 a:hover{
	background-position:-82px -20px;
	width:63px;
}
#nav ul li#nav3 a{
	background-position:-157px 0;
	width:115px;
}
#nav ul li#nav3 a:hover{
	background-position:-157px -20px;
	width:115px;
}
#nav ul li#nav4 a{
	background-position:-283px 0;
	width:63px;
}
#nav ul li#nav4 a:hover{
	background-position:-283px -20px;
	width:63px;
}
#nav ul li#nav5 a{
	background-position:-358px 0;
	width:63px;
}
#nav ul li#nav5 a:hover{
	background-position:-358px -20px;
	width:63px;
}
#nav #client_box {
	background-image:url(gfx/client_box.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:6px;
	right:44px;
	width:150px;
	height:16px;
}
#client_box p {
	font-size:10px;
	font-family:Helvetica, sans-serif;
	color:#FFFFFF;
	position:absolute;
	left:6px;
	top:1px;
}
#middle{
	position:relative;
	width:100%;
	height:464px;
}
#mid_section {
	background-image:url(gfx/mid_section.jpg);
	position:relative;
	left:82px;
	top:34px;
	width:787px;
	height:253px;
	background-repeat:no-repeat
}
#middle #mid_section #flashcontent{
	position:absolute;
	top:2px;
	right:9px;
}
#mid_section h1 {
	height:20px;
	position:relative;
	top:25px;
	left:39px;
	font-size:17px;
	font-family:Helvetica, sans-serif;
	padding-bottom:20px;
}
#mid_section h2 {
	position:relative;
	top:40px;
	left:39px;
	font-size:15px;
	font-family:Helvetica, sans-serif;
	color:#999999;
	line-height:21px;
}
#middle #bottom_boxes {
	position:relative;
	left:82px;
	height:136px;
	width:787px;
}
#middle #bottom_boxes div {
	position:absolute;
	width:189px;
	height:136px;
	overflow:hidden;
	top:45px;
}
#middle #bottom_boxes p {
	position:relative;
	font-family:Helvetica, sans-serif;
	font-size:10px;
	margin-left:11px;
	color:#333333;
	line-height:13px;
}
#bottom_boxes div a {
	text-decoration:none;
	color:#ffcb67;
	padding-right:13px;
	background-image:url(gfx/tinyarrow.png);
	background-repeat:no-repeat;
	background-position:right 3px;
	font-size:9px;
}

#box1 {
	background-image:url(gfx/under_one_roof.jpg);
	left:0px;
}
#box2 {
	background-image:url(gfx/friendly_service.jpg);
	left:200px;
}
#box3 {
	background-image:url(gfx/work_and_design.jpg);
	left:398px;
}
#box4 {
	background-image:url(gfx/oriented_service.jpg);
	left:598px;
}
#footer {
	position:relative;
	background-image:url(gfx/footer.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:51px;
	bottom:0;
}
#footer div a {
	text-decoration:none;
	color:#FFFFFF;
}
#footer div#subnav,#footer h1#phone{
	font-family:Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-size:8px;
}
#footer div#subnav {
	position:absolute;
	top:15px;
	left:82px;
}
#footer h1#phone {
	position:absolute;
	top:15px;
	right:82px;
	font:18px normal Arial, Helvetica, sans-serif;
}	
