/*general reset*/
body{
	margin:0;
	color:#726a62;
	font:11px/14px "Century Gothic", Verdana, "Lucida Grande", sans-serif;
	background:#fdfcfc url(../images/global/bg-body.gif) repeat-x;
}


h2{
	margin:0 0 5px;
	font-size:14px;
	line-height:16px;
	color:#3f3f3d;
	font-weight:normal;
}

img{border-style:none;}

a{ text-decoration:none;
	color:#726a62;
}
/* remove dotred outline on anchor*/
a:active
{
outline: none;
}

/*a:focus
{-moz-outline-style: none;
}*/


a:hover{text-decoration:underline;}
/*styles for wrapper*/
#wrapper{
	width:712px;
	overflow:hidden;
	background:url(../images/global/bg-wrapper.gif) no-repeat;
	margin:0 auto;
	position:relative;
	padding:342px 0 0;
	

}
/*styles for logo*/
.logo{
	width:186px;
	height:80px;
	background:url(../images/global/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	position:absolute;
	top:14px;
	left:21px;
	z-index:2;
}

.logo a{
	display:block;
	height:100%;
}
/*styles for header*/
#header{
	width:682px;
	height:265px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:78px 9px 0 21px;
}
.menu{
	margin:0 0 6px;
	padding:0;
	list-style:none;
	float:right;
	overflow:hidden;
	position:relative;
}
.menu li{
	color:#f7941d;
	float:left;
	display:inline;
	padding:0 0 0 11px;
	margin:0 12px 0 -5px;
	background:url(../images/global/menu-divider.gif) no-repeat 0 55%;
}
.menu a:hover{
	color:#f7941d;
	text-decoration:none;
}
/*styles for visual*/
.visual{
	overflow:hidden;
	width:100%;
	float:left;
}
.visual img{vertical-align:top;}
/*styles for content block*/
#main{
	margin:0 10px;
	overflow:hidden;
	padding:7px 20px;
	background:#fff;
	width:652px;
}
/*styles for content boxes*/
.boxes{
	width:110%;
	overflow:hidden;
	margin:0 0 0 -11px;
	padding:0 0 4px;
	position:relative;
}
.boxes .box{
	width:225px;
	float:left;
	background:#fff url(../images/global/bg-box.gif) no-repeat 0 50%;
	padding:0 1px 21px 4px;
	margin:0 0 0 -3px;
}
.boxes img{
	vertical-align:top;
	margin:0 0 8px;
}
.boxes h2{
	margin:0 0 5px;
	font-size:14px;
	line-height:16px;
	color:#3f3f3d;
}
.boxes p{margin:0 3px 14px 2px;}
.boxes .more{
	font:italic bold 16px "Century Gothic", Verdana, Arial, sans-serif;
	color:#3198df;
	letter-spacing:1px;
	bottom:5px;
	position:absolute;
}
.boxes .more:hover{
	color:#f7941d;
	text-decoration:none;
}
/*styles for content bottom block*/
.logo-box{
	width:669px;
	margin:0 0 -2px -7px;
	overflow:hidden;
	border-top:1px solid #ebeaea;
}
.logo-box h2{
	color:#3198df;
	font:9px Arial, Helvetica, sans-serif;
	margin:6px 0 8px;
}
.logo-list{
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
	width:110%;
}
.logo-list li{
	float:left;
	margin:0 51px 0 0;
}
/*styles for footer*/
#footer{
	width:692px;
	overflow:hidden;
	background:#362f2d url(../images/global/bg-footer.gif) repeat-x;
	margin:0 10px;
	padding:14px 0 9px;
	position:relative;
}
/*styles for footer contacts*/
.contacts{
	margin:0 0 15px -2px;
	padding:0;
	list-style:none;
	width:672px;
	overflow:hidden;
}
.contacts a{color:#fff;}
.contacts li{
	float:left;
	background:url(../images/global/contacts-divider.gif) no-repeat;
	margin:0 0 0 -1px;
	padding:0 13px 0 16px;
}
.contacts h3,
.contacts p{
	margin:0 0 3px;
	font:13px Arial, Helvetica, sans-serif;
	color:#fff;
}
.contacts p{font-size:9px;}
.footer-box{
	width:662px;
	margin:0 10px;
	overflow:hidden;
	border-top:1px solid #5e5957;
	padding:19px 0 0 5px;
}
/*styles for footer bottom block*/
.footer-box p{
	margin:0 8px 0 0;
	float:left;
	color:#fff;
	font:9px Arial, Helvetica, sans-serif;
}
.footer-links{
	margin:0 18px 0 0;
	padding:0;
	list-style:none;
	float:left;
}
.footer-links li{
	float:left;
	margin:0 2px 0 0;
}
.footer-box a{color:#fff;}
/*styles for footer logo*/
#footer .logo{
	top:18px;
	left:575px;
	background:url(../images/global/logo-footer.gif) no-repeat;
	width:146px;
	height:63px;
}
/*styles for inner page*/
.catalogue{padding:233px 0 0!important;}
.catalogue #header{height:166px;}
/*styles for inner main block*/
.main{
	width:692px;
	overflow:hidden;
	margin:0 0 0 10px;
	background:#fff;
}
/*styles for inner sidebar*/
#sidebar{
	width:121px;
	float:left;
	background:url(../images/global/bg-sidebar.gif) no-repeat;
	padding:3px 0 0;
}
/*styles for sidebar navigation*/
#nav{
	margin:0;
	padding:0 0 69px;
	list-style:none;
	border-right:1px solid #f8f8f8;
	overflow:hidden;
	width:121px;
}
#nav li{
	width:121px;
	display:table;
	vertical-align:top; 
}
#nav a{
	background:#fff url(../images/global/bg-nav-item.gif) no-repeat 0 100%;
	font:10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#3198df;
	height:36px;
	display:table-cell;
	vertical-align:middle;
	width:104px;
	padding:0 5px 0 11px; 
	cursor:pointer; 
}
#nav a:hover{
	background-position:0 0;
	text-decoration:none;
	color:#f7941d;
}
* html #nav li a{
	position:relative;
	display:block; 
}
* html #nav li span{
	position:absolute;
	top:50%;
}
* html  #nav li span strong{
	position:relative;
	top:-50%;
	font-weight:normal;
}
* +html #nav li a{
	position:relative;
	display:block; 
}
* +html #nav li span{
	position:absolute;
	top:50%;
}
* +html  #nav li span strong{
	position:relative;
	top:-50%;
	font-weight:normal;
}
/*styles for inner content*/
#content{
	width:558px;
	padding:0 0 69px 11px;
	float:right;
	overflow:hidden;
}
#content h1, h2{
	margin:0 0 5px;
	font:14px/18px "Century Gothic", Verdana, "Lucida Grande", sans-serif;
	color:#402f29;
}
#content p{margin:0 0 10px; padding: 0 10px 0 0;}
/*styles for accordion*/
.accordion,
.items{
	margin:0;
	padding:0;
	list-style:none;
}
/*styles for accordion opener*/
.opener{
	width:542px;
	background:url(../images/global/bg-opener.gif) no-repeat;
	color:#75bcee;
	font:bold italic 12px/16px "Century Gothic", Verdana, "Lucida Grande", sans-serif;
	padding:7px 7px 12px 10px;
	float:left;
	margin:0 0 0 -8px;
	outline: none;
}
.opener:hover{
	text-decoration:none;
	color:#f7941d;
}
.opener strong{
	float:left;
	color:#75bcee;
}
.opener:hover strong{
	color:#f7941d;
}
.opener span{
	float:right;
	font-size:9px;
	padding:0 32px 5px 0;
	background:url(../images/global/opener-selected-arrow.gif) no-repeat 100% 60%;
}
.accordion .active .opener span{background:url(../images/global/opener-arrow.gif) no-repeat 100% 60%;}
/*styles for accordion slide*/
#content .slide ul{
	width:100%;
	overflow:hidden;
	margin:0 0 0 -6px;
	padding:0 0 29px;
}
#content .slide p{margin:0 0 19px; padding:0 20px 0 0;}
#content .slide .block{
	width:100%;
	margin:0 0 0 -6px;
}
#content .slide .block ul{
	margin:0;
}
.items li{
	float:left;
	margin:0 1px 0 0;
	
}


.items img{
	border:2px solid #f2f2f2;
	vertical-align:top;
}

.items span{
	display:block;
	text-align:center;
	font-size:9px;
		
}



.items .first{
	display:block;
	text-align:center;
	margin-bottom:5px;
	font-size:9px;
		
}





/*.items .single span{ display:inline}

.single .price{ margin-left:10px;  background-color:#0099FF}*/


.items span a{color:#989898;}




/*formats multiple price listings*/

#content .items .multiple{font-size:9px;display:block; width:114px; margin:0; padding:0 10px; text-align:left; overflow:hidden}

#content .items .multiple span{font-size:9px; width:auto;Float:left;text-align:left;display:table-cell}

#content .items .multiple .mprice{font-size:9px; width:auto;float:right;text-align:right; display:table-cell;}

/*formats single price listings*/
#content .items div{ margin:auto;text-align:center;}
#content .items .single{width:auto; margin:0; padding:0}
#content .items .single .size{display:inline;font-size:9px;}
#content .items .single .price{ display:inline;margin-left:10px;font-size:9px}
/*8marquee list*/




.itemsM li{
	Display:block;
	/*width:134px;*/
	float:left;
	margin:0 25px 0 0; 
	font-weight:bold;
}
.itemsM span{
	display:block;
	text-align:left;
	font-size:9px;
	width:144px;
	margin:5px 0 10px 0;
	font-weight:normal;
	
}

/*secondry pages*/

#process #main{
	margin:0 10px;
	overflow:hidden;
	padding:7px 20px;
	background:#fff;
	width:652px;
}

#process .boxes {
	padding:20px 0 20px;
}

#process .boxes p{

	padding:0;
	background:#fff;
	width:652px;
	margin-bottom:20px;
}


/* folio page*/
#folio .boxes {
	padding:20px 0 20px;
}

#folio .main h2{ 
	margin:10px 0 5px;
	font:14px/18px "Century Gothic", Verdana, "Lucida Grande", sans-serif;
	color:#402f29;
}

#folio .gallery{width: 654px; display:table-cell; padding:0 0 0 15px; border:1px solid #f2f2f2;}

#folio .gallery img{
	width:17%;
	height:17%;
	float:left;
	margin:10px 8px;
}












/* contact page*/


#details {
	width:652px;
	margin:0 ;
	overflow:hidden;
	padding-top:10px;
	
}
	
#details a {
	font: bold 12px "Century Gothic", Verdana, Arial, sans-serif;
	color:#3198df;
	background-color: #ECECEC;
	border:1px solid #bbb;
	padding:5px;
	
	
}

#details a:hover {color:#f7941d; text-decoration:none;}

	




	
#formArea {
	width:652px;
	margin:0 ;
	overflow:hidden;
	border-top:1px solid #ebeaea;
	padding-top:10px;
}

#formArea p, .services {font:bold italic 12px/16px "Century Gothic", Verdana, "Lucida Grande", sans-serif;}

#left{
	
	float:left;
	width: 315px; 
	background-color:#FFF;
}
#right {
	float:right;
	background-color: #FFF;
	width: 315px;
}

#right ul {
	list-style-type: none; 
	padding:0; border:0;
}

#right li { margin:0 0 6px 0;
}

.textField, .dropBox{ margin-top:5px}

.sendBut {
	border:1px solid #BBB;
	width:121px;
	height:36px;
	line-height:24px;
	color:#3198df;
	font-size:15px;
	font-weight: bold;
	margin-right:10px;
	display: table-cell;
	text-decoration:none;
	
}

.sendBut:hover {cursor: pointer; /* cursor: hand; for IE5 */color:#f7941d;
	
}

.dropBox{ color:#3198df;border:1px solid #bbb;}

#formArea .thankyou{ 
	margin:50px 5px;
	font: bolder 20px "Century Gothic", Verdana, "Lucida Grande", sans-serif;
	color:#3198df;
}
