body {margin:0px; padding:0px; font-family:HelveticaNeueLT; background:#FFF url(../images/back.gif); font-size:12px; line-height:14px; width:894px; margin: auto;}

	header {height: 36px; padding: 20px 0px 20px 68px;}
	header #logo {float: left; width: 95; height: 36px; background:url(../images/logo.png) no-repeat; cursor:pointer; margin-right: 20px;  }
	header h2 {color: #FF6600; font-size: 22px; margin-top: 3px; }
	header h3 {color: #666; font-size: 12px; font-weight: normal}

body > section {width: 720px; float: left; border-top:5px solid #CCCCCC; padding:24px 0px; color:#666666}
body > aside {float:right; border:5px solid #FF6600; border-left:none; border-right:none; width:140px; padding:24px 10px 28px 10px; color:#333333; margin-bottom: 20px;}

body > footer {font-size: 10px; line-height: 14px; color: #666; margin-top: 10px; border-top: 5px solid #CCCCCC; height: 20px; clear: both; padding-top: 5px;}
body > footer .copy {float:left}
body > footer .retama {float:right}

#menu_main-menu {padding-bottom:28px; margin-bottom:74px; border-bottom:1px solid #CCCCCC; }
	/*ul.menu {margin-bottom:28px;}*/
	.menu li {line-height:14px; text-align:left;}
	.menu .caption {color:#FF0000}
	.menu ul li {margin-bottom:0px;}
	.menu a.selected {color:#FF6600}
.sub_menu {margin-left: 5px; margin-bottom: 10px; font-size: 11px; color: #666;}

.portfolio.category article {width: 355px; height: 235px; overflow: hidden; position: relative; margin-bottom: 10px;}
.portfolio.category article details {position: absolute; bottom: 0px; left: 0px; background: url(../images/trans.png); width: 335px; padding: 10px; display: none;}
.portfolio.category article details h2 {font-size: 14px; font-weight: normal; margin: 0px 0px 2px 0px}
.portfolio.category article details h3 {font-size: 12px; font-weight: normal; margin: 0px 0px 2px 0px; color: #DDD; font-style:italic;}
.portfolio.category article details summary {color: #FF6600; font-size: 11px; margin-bottom: 2px;}
.portfolio.category article details summary span {float: right; color: #999;}

.portfolio.item article details {width: 265px; float: right}
.portfolio.item article a img {margin-bottom: 10px;}

.portfolio.item article details h1 {font-size: 18px; font-weight: normal; margin: 0px 0px 2px 0px; margin:0; color: #000}
.portfolio.item article details h3 {font-size: 12px; font-weight: normal; margin: 0px 0px 2px 0px; color: #666; font-style:italic;}
.portfolio.item article details summary {color: #FF6600; font-size: 11px; margin-bottom: 2px;}
.portfolio.item article details summary span {float: right; color: #999;}
.portfolio.item article details footer {color: #666; font-size: 11px; margin-top: 20px;}

.sub_menu {display: none;}
.sub_menu .current a {color: #F00;}
.left {float:left}
.right{float:right}
.cls  {clear:both}
ul {list-style:none; margin:0px; padding:0px;}
p {font-size:12px; line-height:14px; margin:5px 5px;}

a img {border:none}

a {color:#888; text-decoration:none}
a:hover {color:#000; }

.shadow {
	/* -webkit-box-shadow: 4px 4px 5px rgb(0,0,0,0.7); */
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0, 0.7);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.7);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.bordered {border: 1px solid #CCC;}

div.orange, div.red {padding: 10px; margin: 10px 0px;}

.box{margin-bottom:10px; display:block; overflow:hidden;}
	.box img {float:left;}
	.a{width:355px; height:235px; }
	.b{width:355px; height:115px;}
	.c{width:175px; height:115px;}
	.d{width:355px; height:55px;}
	.e{width:355px; height:25px; }
	.box.pad {margin-left:5px; margin-right:0px;}
	.b img {margin-right:5px;}


	.red {background:#FF0000}

	.orange{background:#FF6600}
	.brown {background:none;-moz-border-radius: 5px}
	/*.brown {background:#D4CDC5; color:#4D4D4D;}*/
	
	.red, .orange{color:#FFFFFF}
	
	
	.gray{background:#D4CDC5}
	
	.bg {position:absolute;left:0px; top:0px;}
	.bg.black {background-color:#111111;}




h1 {margin:0px; font-size:15px; line-height:18px; font-weight:normal; margin:5px 5px;}
h2 {margin:0px; font-size:11px; line-height:14px; font-weight:normal; color:#FFF; margin:5px 0px}
hr {height:1px; border:none; background-color:#c8c8c8; color:#c8c8c8 }



#wrap {width:894px;margin:auto}

	#header {height:75px;}
		*html .logo{background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');}		
	
	#main {float:right; width:715px;}
	#content {border:5px solid #818181; border-left:none; border-right:none; padding:24px 0px; color:#666666}
	
	.minheight {float:left; width:0px; height:390px;}
	
	#footer { font-size:9px; line-height:13px; color:#999999; margin-top:10px;}
	#footer .copy {float:left}
	#footer .retama {float:right}
	
	
	#left {float:left; border:5px solid #FF6600; border-left:none; border-right:none; width:157px; padding:24px 0px 28px; color:#333333}
		
		
	
	.back{margin-bottom:5px; line-height:16px; padding-right:10px;text-transform:capitalize; display:inline-block;}
	.crumb{margin-bottom:5px; line-height:16px; padding-left:10px; text-transform:capitalize; display:inline-block;}
	
	a.crumb.last {color:#FF6600; padding-right:10px;}
	.crumb.last span.ui-icon{display:none;}
	
	/*.back .ui-icon {display:inline-block; float:left;}*/
	
		
	/* CLIENTS */
	
	.client-item.boxd.left {margin-right:5px;}
	.client-item.orange .title {font-size:12px}
	
	/* PORTFOLIO */
	.portfolio .designer .title {font-size:12px;}
	.portfolio .designer .url a {color:#FFFFFF;}
	.portfolio .site .title {font-size:12px; font-weight:bold;}
	.portfolio .site .url a {color:#FFFFFF;}
	
	/*SLIDESHOW*/
	.slideshow {position:relative;overflown:hidden;height:473px;}
	.slideshow img{position:absolute; left:0px; top:0px; visibility:hidden;}
	.slideshow .iface {position:absolute; height:55px;bottom:0px; width:100%;z-index:100;}
	.slideshow .img-description {position:absolute; height:55px; background-color:#000000; left:55px; top:0px;}
	.slideshow .button {height:55px; width:55px; top:0px; display:block;}
	.slideshow .button.prev {float:left; background:url(../images/slideshow-prev.png);}
	.slideshow .button.next {float:right;; background:url(../images/slideshow-next.png);}
	.slideshow .button.disabled{background:#000000;}
/**
* Markup free clearing
* Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-block {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
	height: 1%;
}
.clear-block {
	display: block;
}
/* End hide from IE-mac */