#wrapper {width:860px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%}
#middle {width:100%; padding: 0 0 90px; height: 1%}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height:0}
#container {width:100%; float: left; overflow: hidden}
.content-1 {padding:0}
.content-2 {padding:0 248px 0 0}

#wrapper {width:860px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%}
#middle {width:100%; padding: 0 0 90px; height: 1%}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height:0}
#container {width:100%; float: left; overflow: hidden}
.content-1 {padding:0}
.content-2 {padding:0 248px 0 0}


/* header */
#header{height:155px}
#form-search{display:block; background-color:#e6e6e6; width:228px; height:32px; float:right; color:#4d4d4d; text-align:center; padding-top:11px}
#form-search input{width:138px; height:18px}
#logo{margin-top:61px}


/* content */
#container h1{margin-left:40px}
#container h2{margin-left:60px}
#container h3{margin-left:40px}
#container p, #container ul, #form-feedback{margin-right:20px; margin-left:95px}
#form-feedback input{width:140px}
#form-feedback textarea{width:350px}
#form-feedback input, #form-feedback textarea{margin:7px 0}
.demoreel{margin:15px 0 0 40px}
.demoreel img{float:left}
.demoreel-info{margin-left:265px}
.demoreel-info a{line-height:1.6}
.demoreel-info p{width: 300px;}
.demoreel-info p img{vertical-align:middle; margin:4px 8px 0 0}
#container .demoreel-info p, #container .demoreel-info h2{margin-left:0}
.portfolio{margin:15px 0 0 40px}
.portfolio img{float:left}
.portfolio-info{margin-left:170px}
.portfolio-info table{margin-bottom:5px}
#container .portfolio-info p{margin-left:0}
#alert{
	width:566px;
	height:100px;
	background-color:#fff;
	border:20px solid #e6e6e6;
	position:absolute;
	top:0%;
	left:50%;
	font:normal 36px/100px Arial;
	text-align:center;
	margin:0px 0 0 -283px;
	overflow:hidden;
	z-index:1;
}
.clients{margin:0 20px 0 30px; }
.clients td{text-align:center; vertical-align:middle; padding:9px}


/* lister */
.lister{margin:30px 0 30px 230px}
.lister:after{content:'.'; display:block; clear:both; visibility:hidden; height:0}
.lister a{color:#5a5a5a; text-decoration:none}
.lister a img{margin:0; padding:0}
.lister a, .lister  img, .lister  strong{display:block; float:left; height:15px; line-height:15px; border:1px solid #e7e8e9; padding:0 4px; margin:0 2px}
.lister strong{background-color:#959595; font-weight:normal; color:#fff; border:1px solid #959595; padding:0 2px}
.lister img{border:1px solid #fff}



/* table-gallery */
.table-gallery th{background-color:#e6e6e6; padding:15px 20px; border-bottom:1px solid #fff}
/*.table-gallery td.empty{background-color:#272727}*/
.table-gallery th a{font-weight:normal; text-decoration:none; border-bottom:1px dotted #5a5a5a}
.table-gallery th a:hover{text-decoration:none; border-bottom:0}
.table-gallery th span{background:url('/images/gallery_bg_span.gif') repeat-x center center; font-weight:normal; color:#fff; padding:3px}
.table-gallery th a, .table-gallery th span{margin-left:15px}
.table-gallery th a.table-gallery-a-normal{text-decoration:underline; margin:0; border-bottom:0}
.table-gallery th a.table-gallery-a-normal:hover{text-decoration:none}
.table-gallery td:hover img{opacity: 0.2; filter: alpha(Opacity=20)}
.table-gallery td .table-gallery-text{position:relative; top:-100px; height:0px; left:0px; padding:0 7px; margin-bottom:-40px}
.table-gallery td .table-gallery-text_sd {position:relative; top:-10px; height:0px; width:200px;}
.table-gallery td .table-gallery-text_sd_search {position:relative; top:-10px; height:0px; left:0px; right:0px; width:100px;}

.table-gallery td .table-gallery-text strong{font-size:14px; color:#272727}
.table-gallery td .table-gallery-text{visibility:hidden}
.table-gallery td:hover .table-gallery-text{visibility:visible}



/* sidebar */
.sr {float:left; margin-right:-3px; width:228px; margin-left: -228px; position:relative}
.sr p{margin:10px 0 15px 0}


/* footer */
#footer {width:860px; height:60px; margin:-90px auto 0; padding-top:30px}
.copyright{float:left; width:208px}
.footer-menu{margin:0 248px 0 203px}
.webvision{width:228px; float:right}
.webvision img{vertical-align:middle; margin-left:5px}
/* header */
#header{height:155px}
#form-search{display:block; background-color:#e6e6e6; width:228px; height:32px; float:right; color:#4d4d4d; text-align:center; padding-top:11px}
#form-search input{width:138px; height:18px}
#logo{margin-top:61px}


/* content */
#container h1{margin-left:40px}
#container h2{margin-left:60px}
#container p, #container ul, #form-feedback{margin-left:95px}
#form-feedback input{width:305px}
#form-feedback textarea{width:350px}
#form-feedback input, #form-feedback textarea{margin:7px 0}
.demoreel{margin:15px 0 0 40px}
.demoreel img{float:left}
.demoreel-info{margin-left:265px}
.demoreel-info a{line-height:1.6}
.demoreel-info p img{vertical-align:middle; margin:4px 8px 0 0}
#container .demoreel-info p, #container .demoreel-info h2{margin-left:0}

/* sidebar */
.sr {float:left; margin-right:-3px; width:228px; margin-left: -228px; position:relative}
.sr p{margin:10px 0 15px 0}


/* footer */
#footer {width:860px; height:60px; margin:-90px auto 0; padding-top:30px}
.copyright{float:left; width:208px}
.footer-menu{margin:0 248px 0 203px}
.webvision{width:228px; float:right}
.webvision img{vertical-align:middle; margin-left:5px}