/* CSS Document */
body{padding:0px; margin:0px; background:#fff3e7 url(../images/boho-bg.jpg) no-repeat top center; color:#9c9c9c; font:11px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px; list-style:none}
ul{list-style-type:none; text-decoration:none}

#main_body {margin:0 auto;  background:url(images/back.jpg) repeat-x;}
#content{
	width:760px;
	margin:0 auto;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}
#clear {clear: both; margin: 0px}

/* HEADER */

#header{		
    position:relative;
}
#header a {
	list-style:none;
	text-decoration:none;
}
/* TOP SLIDER */

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 5px solid #000; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 460px;
	clear: both;
	background: #fff;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
    left: 0; top: 0;
	width: 100%;
	list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 700px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}
		
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
		
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
		
.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }
		
.stripNav li a:hover {
	background: #333;
}
		
.stripNav li a.current {
	background: #000;
	color: #fff;
}
		
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
		
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
		
.stripNavL {
	left: 0;
}
		
.stripNavR {
	right: 0;
}
		
.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}
		
.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}

/* inside content */
  #container {
 position: relative;
 margin: 0 auto;
 width: 800px;
 height: 500px;
 } 

#insidesection{width:756px; position:relative; margin:0 0 0 -10px; padding:0; clear:both;}
#insidesection a{text-decoration:none;}
#insidesection a:hover{text-decoration:none;}

#onePan{
	position: absolute;
	width:188px;
	margin:0;
	padding:0;
	left:193px;
	top: 4px;
}
#twoPan{display:inline; width:188px; margin:-445px 0 0 380px; padding:0; float: left;}
#threePan{width:188px; margin:-445px 0 0 0; padding:0; float: right;}


/* CONTENT */

#contentsection{
	width:750px;
	margin:0;
	padding:10px 0 0 10px; 
	clear:both;    
	background: #FFF url(../images/background_block_slice.jpg) repeat-x top;	
	border:1px solid #CCC;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
#contentsection h1 {
	color: #09F;
	width:200;
	margin-top: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0px;
}

#contentsection a{
	color:#09F;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#contentsection a.more {
background:transparent url(../images/morearrow_08c.gif) no-repeat scroll 100% 50%;
padding-right:10px;
white-space:nowrap;
}

#contentsection a:hover{
	color:#09F;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* NEWS & INFO */

#section{
	width:760px;
	height:280px;
	position:relative;
	margin:0;
	padding:0;
	clear:both;
	margin-bottom:20px;
	top: 20px;
	background:#FFF url(../images/background_block_slice.jpg) repeat-x top;	
	border:1px solid #CCC;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#section a{
	color:#09F;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#section a.more {
background:transparent url(../images/morearrow_08c.gif) no-repeat scroll 100% 50%;
padding-right:10px;
white-space:nowrap;
}

#section a:hover{
	color:#09F;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.info {
	float: left;
	height: 260px;
	width: 238px;
	margin-top: 10px;
	margin-left: 10px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
	margin-right: 3px;
}
.info img {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 114px;
	width: 178px;
}
.info p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 228px;
	color: #333333;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 10px;
}
.info h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 0px;
	display: block;
}
.info h2 {
	color: #000000;
	display: block;
	margin-top: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0px;
}
.info h1 {
	color: #09F;
	display: block;
	margin-top: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0px;
}
.info a {
	text-decoration: none;
	color: #F59831;
}
.info a img {
	border: thin solid #666666;
	opacity: .90;
}
.info a:hover img {
	border: thin solid #F59831;
	opacity: 100;
}

/* Work */

#worksection{
	width:750px; 
    position:relative; 
	top:10px; 
	margin:0; 
	padding:10px 0 0 10px; 
	clear:both;    
	background:#FFF url(../images/background_block_slice.jpg) repeat-x top;	
	border:1px solid #CCC;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#worksection h3 {color:#2eabe5; height:31px;}
#worksection h2 {	
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2eabe5;
	margin-top: 5px;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: block;
}
#worksection a{color:#2eabe5; text-decoration:none;}
#worksection a:hover{color:#0f3372; text-decoration:none;}

/* OUR WORK BOXES */

.Product {
	float: left;
	height: 160px;
	width: 180px;
	margin-top: 0px;
	margin-left: 2px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
	margin-right: 3px;
}
.Product img {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 114px;
	width: 178px;
}
.Product p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top: 3px;
	margin-bottom: 0px;
}
.Product h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #09F;
	margin-top: 5px;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: block;
}
.Product h4 {
	color: #000000;
	display: block;
	margin-top: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0px;
}
.Product a {
	text-decoration: none;
	color: #F59831;
}
.Product a img {
	border: thin solid #666666;
	opacity: .90;
}
.Product a:hover img {
	border: thin solid #F59831;
	opacity: 100;
}
.Prices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	display: block;
	padding-top: 0px;
	line-height: 1.4em;
	margin-top: 4px;
}
.Romancecopy {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 6px;
	margin-bottom: 0px;
	line-height: 1.3em;
}
.Model {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #181818;
	margin-bottom: 4px;
	margin-top: 0px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F59831;
}
.Orangetype {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F59831;
	font-weight: bold;
	margin-top: 0px;
}

/* Work */

#boho{
    position:relative; 
	float:left;
	margin:0 auto; 
	margin-bottom:20px;
	padding:10px 10px 0 11px; 
	width:740px; 
	clear:both;    
	background:#FFF url(../images/background_block_slice.jpg) repeat-x top;	
	border:1px solid #CCC;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#boho p1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:730px;
	color: #333333;
	margin-top: 3px;
	margin-bottom: 20px;
}
#boho h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: block;
}
#boho h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: block;
}
#boho h4 {
	color: #000;
	display: block;
	margin-top: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	margin-bottom: 5px;
}

#boho a{color:#2eabe5; text-decoration:none;}
#boho a:hover{color:#0f3372; text-decoration:none;}

#boho li{ font-size:13px; color:#333333; text-decoration:none;}

.bofo {
	position:relative;
	float: left;
	height: 290px;
	width: 230px;
	margin: 10px 5px 5px 0;
	padding: 0 5px 0 5px;
	display: block;
	text-align: center;
}
.bofo img {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 114px;
	width: 178px;
}
.bofo p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 230px;
	color: #333333;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 10px;
}
.bofo h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 0px;
	display: block;
}
.bofo h2 {
	color: #000000;
	display: block;
	margin-top: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0px;
}
.bofo h1 {
	color: #09F;
	display: block;
	margin-top: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0px;
}
.bofo a {
	text-decoration: none;
	color: #F59831;
}
.bofo a img {
	border: thin solid #666666;
	opacity: .90;
}
.bofo a:hover img {
	border: thin solid #F59831;
	opacity: 100;
}

/* Inside Tab */
#leftpan{ float: left; width:360px; margin:0; padding:0}

#rightpan{ float:right; width:360px; margin:0 10px 0 0; padding:0}

#welcome{ float:left; width:330px; height:147px; margin-bottom:15px; margin-top:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
#welcome h1{
	width:330px;
	margin-top: 5px;
	font:14px Tahoma, sans-serif;
	height:20px;
	margin-bottom:5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #09F;
}
#welcome img{
	border:none;
	float:left;
	margin-left:2px;
	margin-right:16px;
	width:150px;
	height:110px;
}
#welcome p{width: 160px; float:left; margin-bottom:5px; font:13px Tahoma, sans-serif; color: #333;
}
#welcome p span.headline{
	display:block;
	margin-bottom:10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-weight: bold;
}

#wel{
	position:relative;
	width:760px;
	margin:5px auto;
	padding:0;
	text-align:center;
}

#welcome1{
	float:left;
	width:330px;
	height:125px;
	margin-left:5px;
	margin-top:14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#welcome1 h1{
	width:330px;
    font:14px Tahoma, sans-serif;
	height:20px;
	margin-top: 5px;
	margin-bottom:5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #09F;
}

#welcome1 img{ border:none; float:left; margin-left:2px; margin-right:16px; width:150px}
#welcome1 p{
	width: 160px;
	float:left;
	margin-bottom:5px;
	font:13px Tahoma, sans-serif;
	color: #333;
	font-family: Tahoma, sans-serif;
}
#welcome1 p span.headline{
	display:block;
	margin-bottom:10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-weight: bold;
}
p span.headline{font:16px Tahoma, sans-serif; color: #000; font-weight:bold}

.clear {clear: both; margin: 0px}

#insidewe{
	float:left;
	width:335px;
	margin:0;
	margin-bottom:10px;
	background: #ebf6fd url(../images/imedia/blue_block_slice.png) repeat-x top;	
	border:1px solid #ebf6fd;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#insidewe img{ border:none; float:left; margin:0; padding:0;}

#insidewe h1{
	width:330px;
	margin:0;
	padding:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #09F;
}

#insidewe p{
	width: 160px;
	float:left;
	margin-bottom:5px;
	margin-left:5px;
	font:13px Tahoma, sans-serif;
	color: #333;
}
#insidewe p span.headline{
	display:block;
	margin-bottom:10px;
	margin-left:5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-weight: bold;
}

#we2{ width:330px; height:110px; margin-bottom:15px; margin-top:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
#we2 h1{
	width:330px;
	margin-top: 5px;
	font:14px Tahoma, sans-serif;
	height:20px;
	margin-bottom:5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #09F;
}
#we2 img{ border:none; float:left; margin-left:2px; margin-right:16px; width:150px}
#we2 p{
	width: 160px;
	float:left;
	margin-bottom:5px;
	font:13px Tahoma, sans-serif;
	color: #333;
	font-family: Tahoma, sans-serif;
}
#we2 p span.headline{
	display:block;
	margin-bottom:10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-weight: bold;
}

#expand {
	position:relative;
	float:left;
	width:340px;
	margin-left:5px;
	margin-top:13px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#expand img{ border:none;float:left; margin-left:2px; margin-right:16px;}

#expand h1{
	width:330px;
	margin-top: 5px;
	font:14px Tahoma, sans-serif;
	height:20px;
	margin-bottom:5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #09F;
}

#expand p{
	width: 160px;
	float:left;
	font:13px Tahoma, sans-serif;
	color: #333;
}
#expand p span.headline{
	display:block;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-weight: bold;
}

/* 
Block-Styles 
*/
a.button {
	background:#32312f url(../images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:red url(../images/button_bg_o.jpg) repeat-x;
	border-color:red;
}

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	width:758px;
	margin:0;
	position:relative;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.block_inside { 
	display:block; 
	border:1px solid #ffffff;
	background: #ffffff url(../images/background_block_slice.jpg) repeat-x;	
	padding:15px;
    padding-bottom:270px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.image_block {
	margin-top:-5px;
	margin-left:10px;
	padding:0;
	float:left;
}

.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	postion:relative;
	float:left;
	width:250px;
	padding-top:30px;
}

.text_block h2 {
    font-size:1.8em;
	margin:0 0 10px 0;
	line-height:normal;
	padding:0;
	color:#000;
}

.text_block p {
    font-size:1.1em;
	color:#737B7F;
    width:250px;
}

#block_featuredblog .text_block { padding-top:5px; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

/* Contact Area */

#con{
	width:760px;
	height:280px;
	position:relative;
	margin:0;
	padding:0;
	clear:both;
	margin-bottom:20px;
}

#con h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#333;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 0px;
	display: block;
}

#con a{
	color:#09F;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#con a.more {
background:transparent url(../images/morearrow_08c.gif) no-repeat scroll 100% 50%;
padding-right:10px;
white-space:nowrap;
}

#con a:hover{
	color:#09F;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.box {
	float: left;
	height: 200px;
	width: 177px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
	background:#FFF url(../images/background_block_slice.jpg) repeat-x top;	
	border:1px solid #CCC;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.box img {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 114px;
	width: 178px;
}
.box p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.1em;
	width: 160px;
	color: #333333;
	text-align:center;
    margin:5px 0 10px 5px;
}
.box h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	margin-top: 5px;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 0px;
	display: block;
}
.box h2 {
	color: #000000;
	display: block;
	margin-top: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-bottom: 0px;
}
.box h1 {
	color: #09F;
	display: block;
	margin-top: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align: center;
	margin-bottom: 0px;
}
.box a {
	text-decoration: none;
	color: #F59831;
}
.box a img {
	border: thin solid #666666;
	opacity: .90;
}
.box a:hover img {
	border: thin solid #F59831;
	opacity: 100;
}

/* FOOTER */

#footer{height:100px; width:760px; position:relative; margin:15px auto; padding:0; background:url(../images/b_footer.png) 0 0 no-repeat;}
#footer p{
	position:absolute;
	display:block;
	margin: 30px auto 0 auto;
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
	text-align:center;
	left: 1px;
	width: 759px;
}
#footer a{font:10px/20px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#09F; text-decoration:none; padding: 0 5px}
#footer a:hover{color:#09F; text-decoration:none; background:#000;}
#footer img{
	position:absolute;
	display:block;
	left: 2px;
	float:left;
	margin: 0;
	top: 10px;
}

/* Easy Slider */

#slider{
	margin-top:10px;
	}	

#slider ul, #slider li{
	margin:0;
	padding:0;
	}
#slider li{ 
	width:760px;
	height:300px;
	list-style:none;
	text-decoration:none;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:110px;
	}	
#nextBtn{ 
	left:760px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	list-style:none;
	text-decoration:none;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;
	}	
#nextBtn a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;
	list-style:none;
	text-decoration:none;
	}												

/* // Easy Slider */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */