/* CSS Document */
body{
	color:#5e544b;
	font-size:13px;
	font-family:Arial;
	line-height:17px;
	background:transparent url("img/bg.jpg");
	margin:0;
	padding:0;
}
/*pngfix
img, div { behavior: url(iepngfix.htc) }
*/
div.top{
	background:transparent url("img/body-top.jpg") no-repeat scroll -380px 0;
	width:100%;
	height:40px;
}
body a{
	text-decoration:none;
	color:#4b7c87;
	font-weight:bold;
}
body a:hover, ul.menu li a:hover, ul.submenu li a:hover{
	text-decoration:none;
	color:#c6420f;
}
a.arrow{
	background:url("img/ico_flower_grey.gif") no-repeat left center;
	padding:3px 0 3px 18px;
	line-height:28px;
	font-size:11px;
}
a.arrow:hover{
	background:url("img/ico_flower.gif") no-repeat left center;
}
img{
	border:0;
}
.clear{
	clear:both;
}
p, h2{
	padding: 4px 34px 14px 0;
	margin:0;
}
h1{
	margin:0;
	padding:0;
}
h2{
	padding-bottom:14px;
	font-size:21px;
	color:#b8b2ae;
}
h2.margintop{
	margin-top:14px;
}
h2 a{
	color:#69a2b0;
}
div#wrapper{
	width:960px;
	margin:0 auto 0;
	padding:0 14px;
	background:#fff;
}
div#header{
	width:960px;
	margin:0 auto;
	background:url("img/header.gif") no-repeat center bottom;
	overflow:hidden;
	height:64px;
}
div#header h1 a{
	width:188px;
	height:54px;
}
div#header h1 a:hover{
	cursor:pointer;
}
div#header h1 a span{
	background:url("img/bethdesign-logo.gif") no-repeat 0 8px;
	width:188px;
	height:54px;
	display:block;
	float:left;
}
ul, ul li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
ul.menu{
	float:right;
	margin:28px 12px 0 0;
}
ul.menu li{
	margin: 0 0 0 38px;
}
ul.menu li a, ul.submenu li a{
	text-decoration:none;
	color:#5e544b;
}
ul.menu li.sel a, ul.submenu li.sel a{
	color:#c6420f;
}
ul.menu li.sel a{
	font-size:13px;
}
ul.submenu{
	display:block;
}	
ul.submenu li{
	padding:8px 0 8px 0;
	font-size:12px;
	float:left;
}
div#middle{
	overflow:hidden;
	margin:0;
	padding-bottom:14px;
	background: url("img/footer.gif") no-repeat center bottom;
}
.sidebar{
	background: #fff url("img/grid1.gif") no-repeat;
	float:left;
	width:196px;
	height:490px;
	font-size:11px;
	line-height:16px;
	overflow:hidden;
	margin-right:21px;
}
.sidebar p{
	padding: 4px 14px 14px 24px;
}
.sidebar h2{
	padding:0 0 0 24px;
}
.sidebar img{
	margin-left:6px;
}
.sidebar.slow{
	background:#fff url("img/grid2.gif") no-repeat;
}
.sidebar ul li{
	float:none;
	margin:14px 0 0 24px;
}
.sidebar ul li a{
	margin-bottom:14px;
	background:url("img/ico_flower_grey.gif") no-repeat left 4px;
	padding:5px 0 5px 18px;
}
.sidebar ul li a:hover{
	background:url("img/ico_flower.gif") no-repeat left 4px;
}
.preview-container{
	overflow:hidden;
}
.col {
	float:left;
	padding:18px 0 8px;
}
.col1 {
	margin-right:4px;
	width:374px;
}
.col2 {
	width:340px;
}
.col1 p, .col1ul, .col1h2{
	padding: 0 44px 0 0;
}
.col2 p, .col2 ul, .col2 h2{
	padding: 0 0 0 24px;
}
.col2 h2{
	padding-bottom: 14px;
}
.col p{
	margin-bottom: 14px;
}
.col2 ul li{
	margin-bottom:14px;
	background:url("img/ico_flower.gif") no-repeat left 4px;
	padding-left:19px;
}
.col2 h2 a.slow{
	background:url("img/slowruga.gif") no-repeat 110px bottom;
	padding-right:60px;
}
#portfolio-container{
	overflow:hidden;
	margin-top:18px;
}
#portfolio-container.home {
	float:left;
	background:url("img/line.gif") no-repeat center top;
	padding:14px 0 0 0;
	margin-top:56px;
}
.portfolio-preview {
	overflow:hidden;
	padding:0;
	margin:0;
	width:742px;
}
.portfolio-preview li {
	float:left;
	margin:0 2px 14px 0;
	width:33%;
	padding:0;
}
.portfolio-preview li.last {
	margin-right:0;
}
.portfolio-preview li a img {		
	padding:8px;
	background:url(img/img-frame.gif) no-repeat center top;	
}
.portfolio-preview li a:hover img {
	background: #fff url(img/img-frame.gif) no-repeat center -195px;	
}
.portfolio-preview li a span {
	display:block;
	height:24px;
	font-size:11px;
}
#detail {
	overflow:hidden;
}
.detail-img {
	overflow:hidden;
	padding-bottom:14px;
	margin-top:14px;
}
#detail img{
	float:left;
	margin-right:14px;
	border:2px solid #D7D4D0;
padding:5px;
}
#detail .description{
	width:160px;
	margin:14px 8px 8px 24px;
}
#detail .description h2{
	width:auto;
	font-size:15px;
	padding:0;
	color:#c6420f;
	margin-bottom:18px;
}
#detail .description h3{
	width:auto;
	font-size:12px;
	padding:0;
	margin: 4px 0 0 0;
}
.nav-next-prev{
	height:24px;
	margin:0 0 14px 14px;
	overflow:hidden;
	width:95%;
}
.nav-next-prev a{
	font-size:12px;
	background:#edebe9;
	padding:2px 4px 4px 14px;
	height:40px;
	-moz-border-radius: 8px;
}
.next, .prev{
	float:right;
}

#footer {
	overflow:hidden;
	padding:0 8px 4px;
}
div.contact {
	font-size:11px;
	color:#b8b2ae;
}
.contact a {
	padding:3px 24px;
	font-size:10px;
}
a.mail {
	background:url("img/ico_contact.gif") no-repeat scroll 5px 5px transparent;
}
a.twitter {
	background:url("img/ico_twitter.gif") no-repeat scroll 5px -4px transparent;
	padding-left:50px;
}

/* =====  MAIN CSS ===== */

#content{
	padding:14px 4px 8px;
	overflow:hidden;
}
/* =====  CONTENT - INTRO - CAPTION  ===== */

#preview a:link img, #preview a:visited img, #display a:link {
	width: 94px;
}
.sx {
	width: 234px;
	float:left;
	padding-right: 4px;
}
.dx {
	float:right;
	padding-left: 4px;
	width:600px
}
.latest{
	background: url("img/bg_latest.gif") no-repeat left center;
	padding:24px 8px 0 8px;
	width:325px;
	height:230px;
	text-align:center;
}
.intro{
	padding: 4px 0 0 4px;
	line-height:24px; 
	overflow:hidden;
	float:right;
	border-left: 1px dotted #999;
	width:500px;
}
.intro img{
	float:left;
	margin-right: 14px;
}
#display{
	padding: 8px 14px 8px;
}
ul.preview{
	overflow: hidden;
	margin: 8px;
	margin:0;
	padding:0;
	width:100%;
}
ul.vertical_list.web_list {
	margin-bottom: 14px;
}
ul.preview li{
	margin:8px 14px 0 0;
}
ul.vertical_list li{
	float: none;
	margin: 4px;
}
ul.vertical_list.web_list li{
	margin: 4px;
}
#image {
	overflow: hidden;
	width: 580px;
	height: 484px;
}
#caption {
	overflow: hidden;
	margin:0 4px 8px 0;
	padding:8px 14px;
	line-height: 18px;
}
#caption a.url {
	text-decoration:none;
	color:#856259;
}
#credit {
	display: inline;
	visibility: hidden;
}
a.pagination{
	font-weight: bold;
	text-decoration: underline;
}