/* CSS Document */

body {  
	background:#F7F3EF url("images/bg.gif") repeat-y center top; 
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px; 
	padding:0px;
}

#top-border { 
	width:100%; 
	height:51px; 
	background: url("images/top-border.gif") repeat-x left top;
}

#container {
	position:relative;
	width:702px;
	margin:0 auto;
	padding:0px;
	text-align:left;
	background:url("images/container-bg.gif") repeat-y;
}

#right-col {
	position:relative;
	float:right;
	width:482px;
	margin:0px; padding:0px;
}

#right-head {
	float:inherit;
	width:482px;
	height:190px;
	margin:0;
}
.rgt-head-bg01 {background:url("images/right-head.jpg") no-repeat;}
.rgt-head-bg02 {background:url("images/right-head02.jpg") no-repeat;}
.rgt-head-bg03 {background:url("images/right-head03.jpg") no-repeat;}
.rgt-head-bg04 {background:url("images/right-head04.jpg") no-repeat;}
.rgt-head-bg05 {background:url("images/right-head05.jpg") no-repeat;}
.rgt-head-bg06 {background:url("images/right-head06.jpg") no-repeat;}
.rgt-head-bg07 {background:url("images/right-head07.jpg") no-repeat;}

#text-body {
	float:inherit;
	width:482px;
	margin:0px; padding:0;
	background:url("images/text-body.gif") repeat-y;
}
#text-body-grad { background:url("images/text-body-grad.gif") repeat-x top left; margin:0 12px 0 11px; padding:10px 0;}

#text-body p {
	font-size:12px;
	color:#333;
	margin:10px 20px;
	padding:0px;
}
#text-body ul li {
	list-style: url("images/bullet.gif") none outside;
	font-size:12px;
	color:#333;
}

#text-body a { color:#369;}
#text-body a:hover { color:#E94E33;}

#right-foot {
	position:relative;
	float:inherit;
	width:482px;
	height:70px;
	margin:0px; padding:0px;
	background:url("images/right-foot.gif") no-repeat bottom;
	clear:both;
}


#left-col {
	position:relative;
	float:left;
	width:212px;
	margin:0;
}

#logo {
	width:212px;
	height:119px;
	background:url("images/logo.gif") no-repeat;
}

#left-col-img {
	width:210px;
	height:273px;
	margin:0 0 0 1px;
}
.left-img-01{background:url("images/left-img.jpg") no-repeat;}
.left-img-02{background:url("images/left-img02.jpg") no-repeat;}
.left-img-03{background:url("images/left-img03.jpg") no-repeat;}
.left-img-04{background:url("images/left-img04.jpg") no-repeat;}
.left-img-05{background:url("images/left-img05.jpg") no-repeat;}
.left-img-06{background:url("images/left-img06.jpg") no-repeat;}
.left-img-07{background:url("images/left-img07.jpg") no-repeat;}

#container-foot {
	position:relative;
	width:702px;
	height:20px;
	margin:0px; padding:0px;
	background:url("images/container-foot.gif") no-repeat top;
	clear:both;
}

#header {
	width:459px;
	height:29px;
	margin:0;
}
.home-head { background:url("images/home-head.gif") no-repeat top left; }
.services-head { background:url("images/services-head.gif") no-repeat top left; }
.clients-head { background:url("images/clients-head.gif") no-repeat top left; }
.testimonials-head { background:url("images/testimonials-head.gif") no-repeat top left; }
.glossary-head { background:url("images/glossary-head.gif") no-repeat top left; }
.gallery-head { background:url("images/gallery-head.gif") no-repeat top left; }
.contact-head { background:url("images/contact-head.gif") no-repeat top left; }

/* NAVIGATION --------------------------------------------------------*/

#nav-box{
	width:212px;
	}
#nav-box ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#nav-box ul li a {
	display:block;
	width:172px;
	margin:0px; padding:7px 0 10px 40px;
	font: bold 14px/1 sans-serif;
	color:#fff;
	background: url("images/button.gif") 0 -29px no-repeat;
	text-decoration: none;
}
#nav-box ul li a:hover, #nav-box ul li a.current {	
	background-position: 0 0;
	color: #806A5B;
}

/* GALLERY -------------------------------------------------------------*/

.gallery-row {
	width:459px;
	padding:10px 0 0 0;
	clear:both;
}
.gallery-row img { float:left; border:0; margin:0 0 0 10px; }