html, body{height:100%; }
body{background:#000 url('/public/images/bg/body.jpg') 50% 50% no-repeat;
text-align: center; color:#fff;
/*background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%, -webkit-background-size: 100% 100%;
-khtml-background-size:100% 100%;*/
}

/* LAYOUT */
#mother{display:table; height:100%; width: 934px; margin:0 auto; text-align:left;  overflow:hidden; position:relative; padding:0; z-index:2;}
#in{ display:table-cell; vertical-align:middle;}
#header{height:80px; padding:1px 2px 1px 10px;}

/* COLS */
.col {float:left; left:100%; position:relative;}
#col-side {width:305px; margin-left:-318px; }
#col-content {width:635px; margin-left:-978px; }
.col-desc{float:right; width:295px; padding-bottom:20px;}
.col-img{float:left; width:320px; padding-bottom:20px; overflow:hidden;}

/* LOGO */
#logo{margin:7px 0 0; padding:0; line-height:1; font-size:100%; font-weight:normal; float:left; background:none;}

/* MAIN MENU */
#main-menu{float:right; padding:0 0 28px; position:relative; margin:10px 0 0; width:470px; text-align:right; }
#main-menu li{display:inline-block; display:inline; margin: 0 0 0 -3px; line-height:1; vertical-align:top;}
#main-menu strong, #main-menu a{color: #fff; display:inline-block; cursor:pointer; padding:0 9px; text-decoration:none; line-height:26px; vertical-align:top; position:relative;}
#main-menu a:hover{color: #FFF; border-bottom:1px solid #FFF;}
#main-menu .active{border-bottom:1px solid #75718E;}
#main-menu ul{position:absolute; right:0; bottom:0; font-size:83%;}


/* PORTFOLIO */
.portfolio {margin: 0 0 8px; /*width:100%; overflow:hidden;*/ position:relative; width: 931px; heigth: 266px; overflow:hidden}
.portfolio .item{float:left; /*width:232px;*/ margin:0 0 0 2px; position:relative; height:266px; overflow:hidden;}
.portfolio .text{  position:relative;    vertical-align: top; margin-right: 1px;}
.spHolder { display: block;  width:206px; height:203px;  background:#74718d; padding:25px 13px 38px 13px; overflow-x:hidden;}
.portfolio .first{margin:0;}
.portfolio .title{position:absolute; bottom:0; left:0; width:200px; padding:14px 16px; font-size:133%;}
.portfolio .desc{ padding:9px 16px; position:absolute; bottom:0; left:0; background:url('/public/images/bg/over.png'); z-index:2; display:none;}
.portfolio .item img{display:block;}
.portfolio .item a{display:block; zoom:1;}
.portfolio .item h3, .portfolio .item h2{margin:0; font-weight:normal; font-size:100%;}
.portfolio .jqCarouselCell a:hover .title{background:url('/public/images/bg/over.png'); padding:17px 16px;}
/*.portfolio .jqCarouselCell a:hover .desc{opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}*/
.portfolio .item .cufon{margin:8px 0 8px;}
.portfolio .annot{font-style:italic; margin:0;}
.portfolio .back{font-style:italic; font-size:83%; position:absolute; bottom:15px; left:15px; margin:0;}
.portfolio h1{margin:0 0 .4em; font-size:183%; background:url('/public/images/bg/bd-solid.png') 0 100% no-repeat; padding-bottom:12px; line-height:1.4;}
.content h1{margin:0.4em 0 .4em 0; font-size:183%; background:url('/public/images/bg/bd-solid.png') 0 100% no-repeat; padding-bottom:12px;}


/* CAROUSEL */
.jqCarouselCell {/* float: left;*/ display: table-cell; padding-right:0px; border-right: 1px solid #000000; }
.jqCarouselCell a { display: block; position:relative }

#arrowcont { position:absolute;}
#larrow {	left:10px;
			position:absolute;
			top:-230px;}
#rarrow { left:900px;
position:absolute;
top:-230px;}

/* FORM */
form {float: left}
form p { margin:0 0; padding: 0 0; }
form label {width: 100px; float: left; display: block; clear: both;}
form input, form textarea {border: 0px solid white; font-family:Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom:4px;}
form input.button { 
	  color:#FFFFFF; 
	  background-color: #4D4A5B;
	  font-family:Arial,Helvetica,sans-serif; font-size: 12px; 
	  height:28px;
	  width:84px;
 	  margin-top:0px;
	margin-left:100px;
	} 


/* CONTENT */
.content{margin: 0 0 8px; width:100%; overflow:hidden;}
.content .img{float:right; width:232px; height:266px; margin:0; padding:0;}
.content .img img{display:block;}
.content .text{background:none repeat scroll 0 0 #74718D;
float:left;
height:246px;
padding:10px 15px;
position:relative;
width:667px;}
.content .back{font-style:italic; font-size:83%; position:absolute; bottom:15px; left:15px; margin:0;}

/* NAV */
#nav {text-align:center; line-height:30px; margin: 0; color:#75718e;}
#nav .line{display:inline-block; width:1px; height:29px; font-size:0px; line-height:0px; background:#75718e; vertical-align:middle; margin:0 11px;}
#nav a{text-decoration:none; color: #75718E}
#nav a:hover{text-decoration:underline; color: white}

/* FOOTER */
#footer {color:#75718e; padding:9px 0 0; border-top:1px solid #75718e; margin:8px 0 0;}
#footer a {color:#75718e; text-decoration:underline;}
#footer a:hover {color:#fff;}
#info{float:right; text-align:right;}
#info h2{color:#75718e; font-family: arial, helvetica, sans-serif; font-weight:normal; margin:0; font-size:100%; line-height:18px;}
#info address{font-style:normal; line-height:17px; margin:0; font-size:100%;}
#copy{font-size:83%;  margin:0 0 10px; line-height:14px;}
#author{font-size:117%; margin:.7em 0 0;}
share{margin:0; vertical-align:middle;}
#share a{margin:0 8px 0 0; text-decoration:none;}
#share img{vertical-align:middle; }

table{width:100%; clear:both; padding:0; margin:2px 0px 20px; *margin:20px 0 20px; border:0px solid #d0d0d0; background:#74718D; empty-cells:show; border-collapse: collapse;}
td, th{margin:0; border:0px solid #d5d5d5; line-height:18px; vertical-align:top; color:#555; font-size:100%;}