﻿body
{
background:#000;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px auto auto auto;
color:#000;
background:url("images/tile.jpg") repeat;
}
.clear{
clear:both;
}
span.orange{
color:#eb6821;
}

a{
color:#fff;
text-decoration:none;
}

#find {
	width:23px;
	height:30px;
	border: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	background:url("images/mag.png") no-repeat;
}

.delete {
color:red;
}

a:hover{
text-decoration:underline;
}

p{
text-align:justify;
padding:0px;
margin:0px;
}
p.middle_text{
line-height:13px;
}
h2{
font-size:14px;
font-weight:normal;
padding:10px 0 10px 0;
margin:0px;
color:#876639;
}
h2 a{
font-size:14px;
font-weight:normal;
padding:10px 0 10px 0;
margin:0px;
color:#876639;
text-decoration:none;
}
h3{
font-size:15px;
font-weight:normal;
padding:10px 0 10px 0;
margin:0px;
color:#876639;
}
#main_container{
width:935px;
height:auto;
margin:60px auto;
padding:0px;
}
#navigation_bar{
width:934px;
height:42px;
background:url(images/box.png) repeat-x;
border: 2px solid #5f6161;
margin-top:15px;
}

.basket{
margin-top:-4px;
margin-bottom:9px;	
}

.basket span{
color: #929191	
}

.checkout{
margin:10px;
font-size:11px; 
height: 17px;
}

.checkout a{
color:#fff;
text-decoration:none;
}

.checkout a:hover{
text-decoration:underline;
}

.gallery {overflow:hidden;width:860px;margin:auto;margin-top:10px;}
.gallery div {float:left; width:170px; margin:auto;padding-bottom:25px;text-align:center;height: 140px}
.gallery div img {display:block;border:2px solid #c0c0c0;margin:auto;}
.gallery div span{font-size:11px}

#pagination{
	margin-left:20px;
	font-size:12px;
	border:1px solid #5F6161;
	background-color:#000;
	padding:5px;
	width:auto;
	float:none; 
	clear:both;
	height:15px;
}

#logo{
padding:38px 0 0 30px;
float:left;
margin-top:-105px;
margin-left:-72px;
margin-bottom:5px;
}

.top_phone{
float:right;
color:#FFFFFF;
padding:15px 0 0 0;
margin-top:-65px;
margin-right:-20px; 
width: 181px; 
height: 81px;
margin-bottom:20px;
}
.phone_text{
font-size:13px;
font-weight:bold;
float:left;
padding:9px;
margin:21px auto;
border:thin #929191 solid;
font-family:Arial, Helvetica, sans-serif;
background-image:url('images/back.jpg');
height:10px;
margin-bottom:5px;
}
img.left{
float:left;
}
span.black{
color:#000000;
font-size:14px;
}
#header{
width:933px;
height:310px;
clear:both;
margin:15px auto;
margin-bottom:5px;
background:url('images/header.png');
border: 2px solid #5f6161;
}

#center_big_box.home{
background:url(images/home_arrow.gif) no-repeat bottom left #3a3535;
}
#center_big_box.services{
background:url(images/services.gif) no-repeat bottom left #3a3535;
}
#center_big_box.clients{
background:url(images/clients_icon.gif) no-repeat bottom left #3a3535;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:618px;
height:37px;
float:right;
font-family:Arial, Helvetica, sans-serif;
padding:8px;
color:#fff;
}
ul.menu {
list-style-type:none; display:block;
margin: auto; padding:0px; background:none;
width: 791px; height: 35px;
margin-top:-1px;
margin-left:-115px;
}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:26px;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width:90px; height:37px; margin:0px 19px 0px 0px; text-align:center; color:#FFFFFF;
text-decoration:none;margin-right:5px;margin-left:5px;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: 71px;margin:0px 4px 0px 4px;text-align:center; height:37px;
text-decoration:none; color: #d34124;}

a.nav:hover {
color: #876639; text-decoration:none;}

/*------------------main_content-------------------*/
#content{
width:935px;
padding:0 0 35px 0;
color:#fff;
position:absolute;
margin-top:23px;
}

#text{
padding:20px;
}

#leftcolumn { 
 padding: 1px;
 width: 595px;
 float: left;
 border: 2px solid #5f6161;
 margin-top:8px;
 margin-right:7px;
 margin-bottom:10px;
background-color:#111111;
}

img.floatRight { 
    float: right; 
    margin: 8px; 
}

#rightcolumn { 
 float: right;
 font: "Trebuchet MS", Tahoma, Arial; 
 width: 305px;
 border: 2px solid #5f6161;
 padding: 8px;
 display: inline;
 margin-top:8px;
 margin-right:-2px;
 margin-bottom:10px;
 background:url(images/text_back.png);
}

.box{
width:299px;
height:129px;
float:left;
margin:9px 5px 5px 9px;
background:url(images/back.jpg) no-repeat center;
border: 2px solid #5f6161;
color:#fff;
}

.box h2{
	color:#fff;
	width: 193px;
	padding:2px
}

.box_cross h2{
	width: 193px;
	color:#fff;
	padding:2px
}

.box_cross{
width:298px;
height:129px;
float:left;
margin:9px 5px 5px 9px;
background:url(images/back2.jpg) no-repeat center;
border: 2px solid #5f6161;
color:#fff;
}

.boxes_tab{
	width:955px;
	padding:10px;
	margin-left:-19px;
}

.box_text{
padding:5px;
width: 187px;
}
img.left_img{
float:right;
padding:10px 0 0 0;
}
.box_subtitle{
padding:10px 10px 10px 15px;
float:left;
}
.middle_box_text{
float:left;
width:250px;
color:#FFFFFF;
padding:0 0 0 20px;
}
.middle_box_content{
clear:both;
padding:10px 0 0 240px;
}
.middle_box_content_contact{
clear:both;
padding:0 0 0 10px;
}
a.read_more{
display:block;
width:127px;
height:26px;
float:right;
margin:5px 0 0 0;
text-align:center;
text-decoration:none;
color:#FFFFFF;
line-height:26px;
background:url(images/read_more_bg.gif) no-repeat center;
}
.bottom_content{
margin: 3px auto;
}
.left_box{
float:left;
padding:0 0 0 30px;
}
.left_img_box{
clear:both;
float:left;
padding:0 15px 20px 0;
}
.left_text_content{
width:330px;
float:left;
}
.left_text_content_services{
width:220px;
float:left;
}
.partners_box{
background-color:#e7e6e1;
margin:2px 0 0 0;
}
img.partners_image{
padding:2px 0 2px 20px;
}
/*--------list---------*/
ul.list{
padding:0px;
margin:0px;
list-style:none;
}
ul.list li{
padding:8px 0 8px 0;
margin:0px;
list-style:none;
}
ul.list li a{
background:url(images/list_arrow.gif) no-repeat left;
text-decoration:none;
color:#fff;
padding:0 0 0 25px;
}
/*---------------register_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 5px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color:#fff;
}
input.contact_input{
width:253px;
height:18px;
background-color:#857c7c;
color:#FFFFFF;
border:1px #857c7c solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#857c7c;
border:1px #857c7c solid;
float:left;
}
.contact_info{
width:380px;
float:left;
padding:0 0 0 20px;
color:#FFFFFF;
}
p.adress{
float:left;
padding:10px 0 0 15px;
line-height:13px;
}
/*---------------footer----------------*/
#footer{
width:935px;
height:10px;
color:#fff;
font-size:small;
margin-top:15px;
clear:both;
}
.left_footer{
float:left;
width:570px;
padding:25px 0 0 10px;
}
.right_footer{
float:right;
padding:25px 10px 0 0;
}

.left_footer a{
padding:0 0 0 7px;
text-decoration:none;
color:#fff;
}
.left_footer a:hover{
text-decoration:underline;
}

.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color:#fff;
}
.right_footer a:hover{
text-decoration:underline;
}

#footer a{
padding:0 0 0 7px;
text-decoration:none;
color:#fff;
}
#footer a:hover{
text-decoration:underline;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('lightbox_images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('lightbox_images/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


