body{ background-image:url(images/body_bg_02.jpg); background-repeat:repeat-x; background-color:#ffffff;}
#container {width:800px; margin:0 auto}
#header_left { float:left; padding-top:7px}
#header_right { float:right; padding-top:7px; }
.clr { clear:both}

/*navi*/

#navi {
	width:721px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 40px;
}
#navi ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 25px 0 0 0px;
	width: 721px; 
}

#navi li { height:33px; padding:0; margin:0;float:left}

#navi a {
	display: block;
	text-indent: -900%;
	
	outline: none; 
}

#navi a:hover {
	background-position: left top;
}



#navi .home {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_01.jpg) no-repeat;
	background-position: bottom;
}


#navi .about {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_02.jpg) no-repeat;
	background-position: bottom;
}

#navi .gallery {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_03.jpg) no-repeat;
	background-position: bottom;
}

#navi .testimonials {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_04.jpg) no-repeat;
	background-position: bottom;
}

#navi .contact{
	width: 129px;
	height: 33px;
	background: url(images/navtabs_05.jpg) no-repeat;
	background-position: bottom;
}


/*navactives*/

#navi .home_active {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_01.jpg) no-repeat;
	background-position: top;
}

#navi .about_active {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_02.jpg) no-repeat;
	background-position: top;
}

#navi .gallery_active {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_03.jpg) no-repeat;
	background-position: top;
}

#navi .testimonials_active {
	width: 131px;
	height: 33px;
	background: url(images/navtabs_04.jpg) no-repeat;
	background-position: top;
}


#navi .contact_active {
	width: 129px;
	height: 33px;
	background: url(images/navtabs_05.jpg) no-repeat;
	background-position: top;
}

/*content bg*/

#content_main {
	background-image:url(images/content_bg_07.png);
	width:721px;
	margin:0 auto;
	height:1000px;
	background-repeat:no-repeat
}
#content_main_about {
	background-image:url(images/content_bg_07.png);
	width:721px;
	margin:0 auto;
	height:760px;
	background-repeat:no-repeat
}
#content_main_process {
	background-image:url(images/content_bg_07.png);
	width:721px;
	margin:0 auto;
	height:650px;
	background-repeat:no-repeat
}
#content_main_clients {
	background-image:url(images/content_bg_07.png);
	width:721px;
	margin:0 auto;
	height:900px;
	background-repeat:no-repeat
}

.banner {
	padding:4px 0 20px 0
}

#content_left  {
	float:left;
	margin-left:11px;
	width:700px;
	height: 670px;
}
#content_left_gallery  {
	float:left;
	margin-left:11px;
	width:700px;
	height: 900px;
}
#content_left_clients  {
	float:left;
	margin-left:11px;
	width:700px;
	height: 630px;
}
#content_left_testimonials  {
	float:left;
	margin-left:11px;
	width:700px;
	height: 1400px;
}
#content_left_edge  {
	float:left;
	margin-left:11px;
	width:700px;
	height: 700px;
}
#content_left_about  {
	float:left;
	margin-left:11px;
	width:700px;
	height: 500px;
}
#content_left_process  {
	float:left;
	margin-left:11px;
	width:700px;
	height: 400px;
}



#content_right {
	float:right;
	width:250px;
	background-color: #E8DED2;
	height: 370px;
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 11px;
	margin-left: 5px;
}

p { padding:0px 25px 50px 25px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#555555; margin:0 }

h1 { padding: 10px 0 10px 25px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#271907;; margin:0; font-size:24px}

h2 { padding: 10px 0 10px 25px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#271907; margin:0; font-size:18px}

/*Alignment*/
.text-r { text-align:right}
.text-l { text-align:left}
.text-j { text-align:justify}
.text-c { text-align:left; margin-left:25px}

/*Font Sizes*/
.fs10 { font-size:10px}
.fs11 { font-size:11px}
.fs13 { font-size:13px}
.fs12 { font-size:12px}
.fs14 { font-size:14px}
.fs16 { font-size:16px}
.fs18 { font-size:18px}
.fs24{ font-size:24px}

/*gallery*/


.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 120px;
}
.gallery li:hover img {
	border-color: #fff;
}
.gallery img {
	background: #fff;
	border: solid 1px #ffffff;
	padding: 5px;
}
.gallery em {
	background: #fff url(images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style:normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 109px;
	left: 5px;
	font-size:12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#271907;
	border: 1px solid #999;
	border-left-color: #888;
	width: 226px;
}
.gallery a {
	text-decoration: none;
}
.gallery a:hover em {
	background: #ffdb01 url(images/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}


/*FOOTER*/

#footer {margin:55px 25px 25px 25px; border-top: 1px solid #cccccc; padding:10px;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size:12px; text-align:right}

#footer a { color:#555555}


#footer a:hover { color:#271907; text-decoration:none}

/*gallery*/
#contain_gallery{
	height: 880px;
	width: 660px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	background-color: #FFFFFF;
}

.gallery_caption{
	height
	float: left;
	height: 40px;
	width: 140px;
	margin-left: 5px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #391B0B;
	font-style: normal;
	text-align: center;
	clear: right;
}
#contain_gallery_caption{
	clear: both;
	width: 660px;
}
#navlist ul
{
	margin: 0;
	white-space: nowrap;
	padding: 0;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #993300;
	height: 50px;
	width: 100px;
}

#navlist a
{
padding: 1px 8px 1px 24px;
border: 1px solid #333;
background-color: #999;
background-image: url(images/l1_down.gif);
}

#navlist a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navlist a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.gif);
color: #333;
}
.nav{
	width: 721px;
	margin-left: 130px;
	margin-right: 130px;
	height: 33px;
}
.bullets{
	float: left;
	height: 180px;
	width: 400px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 23px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: normal;
	color: #555555;
	display: block;
	white-space: normal;
	list-style-position: outside;
	list-style-type: square;
}
.bullets1{
	float: left;
	height: 60px;
	width: 400px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 23px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: normal;
	color: #555555;
	display: block;
	white-space: normal;
	list-style-position: outside;
	list-style-type: square;
}
.bullets2{
	float: left;
	height: 110px;
	width: 400px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 23px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: normal;
	color: #555555;
	display: block;
	white-space: normal;
	list-style-position: outside;
	list-style-type: square;
}
.bullets3{
	float: left;
	height: 20px;
	width: 400px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 23px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: normal;
	color: #555555;
	display: block;
	white-space: normal;
	list-style-position: outside;
	list-style-type: square;
}
.contact{
	float: left;
	height: 160px;
	width: 405px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 23px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: normal;
	color: #555555;
}
#left_container{
	float: left;
	height: 440px;
	width: 430px;
}
/* Clients */
.clients_TXT {
	font-family:Tahoma;
	font-size:11px;
	font-weight:400;
	font-variant:normal;
	color:#555555;
	text-align:left;
}
a.clients_TXT:active {
	font-family:Tahoma;
	font-size:11px;
	font-weight:400;
	color:#555555;
	font-style:normal;
}
a.clients_TXT:hover {
	font-family:Tahoma;
	font-weight:700;
	color:#17210e;
}