/*
Theme Name: WordPress Sattom
Description: The WordPress theme for Sattom site
Version: 1.0
Author: Sattom
Author URI: http://sattom.com/
Tags: sattom

*/

body{
	margin:0;
	background:#1b1e2d fixed;
	min-width:999px;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
}
form,fieldset,img{border:0;display:block;margin:0;padding:0;}
a{text-decoration:none;}
#page{
	width:100%;
	background:url(img/bg-page.png) repeat-y fixed 50% 0;
}
/*a:hover{text-decoration:underline;}*/
/*sifr*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash{visibility: visible !important;}
.sIFR-replaced{visibility: visible !important;}
.sIFR-replaced{
	position:relative;
}
.sIFR-flash{visibility: visible !important;}
span.sIFR-alternate{
	display:block;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:0;
	height:0;
}
#header{
	background:#fff;
	border-bottom:1px solid #ebebeb;
}
#header h1{
	float:left;
	margin:26px 0 0;
}
#header h1 a{
	float:left;
	width:147px;
	height:45px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/logo.png) no-repeat 0 0;
}
.center {
	width:970px;
	margin:0 auto;
	overflow:hidden;
}
#header ul {
	float:right;
	width:692px;
	border-right:1px solid #ebebeb;
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
#header ul li {
	float:left;
	font-size:18px;
	line-height:23px;
	height:28px;
	padding:39px 25px 27px;
	border-left:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	margin:0 0 -1px;
}
.sIFR-hasFlash #header ul li{
	height:auto;
	padding:0;
}
#header ul li.sIFR-replaced{
	padding:39px 25px 27px;
}
* html #header ul li.sIFR-replaced{padding-bottom:34px;}
#header ul li a {
	color:#363436;
	cursor:pointer;
}
#content {
	/*position:relative;*/
	overflow:hidden;
	width:100%;
}
#content .center {
	/*position:relative;*/
	overflow:visible;
}
#content div.slider-item,
#content .right {
	width:633px;
	min-height:240px;
	padding:0 29px;
	margin:0;
	border-right:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	font-size:11px;
	line-height:16px;
	overflow:hidden;
	color:#6c6a6c;
	background-color:#fff;
}
* html #content .right{
	height:240px;
	overflow:visible;
}
#content .right{
	float:right;
}
* html #content div.slider-item{
	height:240px;
	overflow:visible;
}
#content .home-right{
	padding:0;
	width:691px;
}
#content div.slider-home{
	position:relative;
	width:100%;
	overflow:hidden;
}
#content div.slider-home div.slider-item{
	position:absolute;
	z-index:100;
	left:-691px;
	float:none;
	margin:0;
	border:0;
	background-color:#fff;
}
#content div.slider-home div.visible{
	position:static;
	left:auto!important;
}
#content .inner p {
	color:#3b393b;
}
#content div.main{
	float:left;
	width:100%;
	background:#fff;
}
#content .left{
	/*position:relative;*/
	float:left;
	width:278px;
	margin:0 -1px 0 0;
	overflow:visible;
	background:#fff url(img/border.gif) repeat-y 100% 0;
}
#content .left ul {
	position:relative;
	font-size:14px;
	line-height:48px;
	width:9999px;
	overflow:hidden;
	margin:0 0 0 -9721px;
	padding:0;
	list-style:none;
}
#content .left ul li {
	float:left;	
	width:100%;
	height:47px;
	border-bottom:1px solid #ebebeb;
	cursor:pointer;
	background:#f5f5f5;
	overflow:hidden;
}
#content .left ul li a {
	display:block;
	height:47px;
	border-right:1px solid #ebebeb;
	cursor:pointer;
}
#content .left ul li.current_page_item a {
	border-right:1px solid #fff;
	background:#fff url(img/arrow-right.gif) no-repeat 100% 50%;
}
#content .left ul li a:hover {
	background:#fff url(img/arrow-right.gif) no-repeat 100% 50%;
}
#content .left ul li strong {
	float:right;
	overflow:hidden;
	color:#4a4a4b;
	padding:0;
	margin-top:14px;
	line-height:18px;
	width:280px;
	cursor:pointer;
}
.left span.sIFR-alternate{
	display:block;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	height:auto;
	text-indent:-9999px;
	background:url(img/border.gif) no-repeat -9999px -9999px;
}
#content .right h2 {
	font-size:19px;
	line-height:21px;
	color:#00b8d8;
	font-weight:normal;
	margin:16px 0 2px;
	padding:0 0 6px;
}
#content .right p {
	margin:16px 0 0;
	font-family:Arial,Helvetica,sans-serif;
}
#content .right small{
	display:block;
	font-size:11px;
	line-height:16px;
}
#content .right a{
	font-weight:bold;
	color:#6c6a6c;
}
#content div.more{
	margin:14px 0 0 1px;
	font:bold 11px/16px Arial,Helvetica,sans-serif;
}
#content a.more-link {
	color:#6c6a6c;
	background:url(img/rmore-bg.gif) no-repeat 0 51%;
	padding:0 5px 0 15px;
}
#content p.postmetadata{
	width:100%;
	margin:8px 0 0;
	overflow:hidden;
}
#content div.hentry{
	position:relative;
	width:100%;
	padding:0 5px 10px;
	margin:0 -5px;
	overflow:hidden;
}
#content div.hentry .post-thumbnail{
	float:left;
	margin:15px 0 0;
	width:220px;
	height:160px;
}
#content div.hentry .post-content{
	float:left;
	display:inline;
	margin:0 0 0 8px;
	width:405px;
}
#content .right a:hover {
	text-decoration:underline;
}
#content div.right div.text{
	padding:0 0 20px;
}
#content .alignleft{float:left;}
#content .alignright{float:right;}
#content div.navigation{
	width:100%;
	overflow:hidden;
	margin:30px 0 0;
	padding:0 0 20px;
}
#content h2.project {
	font-size:18px;
	line-height:18px;
	color:#02aac6;
	font-weight:normal;
	overflow:hidden;
	margin:37px 0 8px;
	padding:0 0 0 10px;
	width:285px;
	overflow:hidden;
	height:18px;
}
#content h2.project strong{
	float:left;
}
#content h2.project em {
	float:left;
	font-style:normal;
}
#content .banner {
	position:relative;
	width:295px;
	margin:0 0 0 -17px;
	overflow:hidden;
}
#content .banner p{
	margin:0;
	padding:0 0 5px;
}
#content a.blunt {
	display:block;
	width:295px;
	height:79px;
	text-indent:-9999px;
	font-size:0;
	background:url(img/blunt.png) no-repeat 0 0;
}
#content a.market {
	display:block;
	width:295px;
	height:79px;
	text-indent:-9999px;
	font-size:0;
	margin-top:5px;
	background:url(img/market.png) no-repeat 0 0;
}
#content .place {
	float:left;
	width:200px;
	padding:0 0 30px;
	margin:16px 0 0;
}
#content .place a {
	color:#3b393b;
}
#content .wpcf7 {
	float:right;
	width:376px;
	margin:25px 0 0;
	padding:0 0 84px;
}
#content .wpcf7 div.outline{
	width:100%;
	padding:5px;
	margin:-5px;
	overflow:hidden;
}
#content .wpcf7 label {
	float:left;
	width:88px;
	padding:0 10px 0 0;
	font:11px/25px Arial,Helvetica,sans-serif;
	text-align:right;
	color:#3b393b;
}
#content .wpcf7 input.text {
	float:left;
	display:inline;
	width:140px;
	height:14px;
	padding:6px 5px 5px;
	margin:0;
	border:1px solid #dedede;
	font:11px Arial,Helvetica,sans-serif;
	color:#aeaeae;
}
#content .wpcf7 select{
	float:left;
	width:152px;
	border:1px solid #dedede;
	font:11px Arial,Helvetica,sans-serif;
	color:#aeaeae;
}
#content .wpcf7 .form-item {
	float:left;
	width:100%;
	padding:0 0 7px;
}
#content .wpcf7 span{
	float:left;
}
#content .wpcf7 textarea {
	float:left;
	width:270px;
	height:120px;
	max-width:360px;
	padding:3px;
	margin:0;
	border:1px solid #dedede;
	font:11px Arial,Helvetica,sans-serif;
	overflow:auto;
	color:#aeaeae;
}
#content .wpcf7 input.btn {
	float:left;
	display:inline;
	width:62px;
	height:11px;
	padding:0;
	margin:0 0 0 98px;
	border:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url(img/submit.png) no-repeat 0 0;
}
#content div.gallery {
	width:100%;
	padding:0 0 29px;
	margin:25px 0 0;
	overflow:hidden;
}
#content div.gallery div.gallery-images {
	width:652px;
	margin:0 -19px 0 0;
	overflow:hidden;
}
#content div.gallery div.gallery-images div.gallery-item {
	width:143px;
	float:left;
	padding:0 20px 27px 0;
}
#content div.gallery div.gallery-images div.gallery-item div.gallery-icon {
	width:143px;
	height:143px;
	margin-top:14px;
}
#content div.gallery div.gallery-images div.gallery-item div.gallery-icon a{
	display:block;
	width:137px;
	height:137px;
	border:3px solid #ededed;
	overflow:hidden;
}
#content div.gallery div.gallery-images div.gallery-item div.gallery-icon a:hover{
	border:3px solid #ddd;
}
#content div.gallery div.gallery-images div.gallery-item div.gallery-caption{
	display:block;
	min-height:14px;
	font-size:14px;
	line-height:14px;
	color:#4a4a4a;
	padding-right:12px;
	margin-left:4px;
	background:url(img/arrow-right02.gif) no-repeat 100% 60%;
}
* html #content div.gallery div.gallery-images div.gallery-item div.gallery-caption{
	height:14px;
}
#content div.gallery div.pager{
	width:100%;
	overflow:hidden;
}
#content div.navigation div.alignleft a,
#content a.prev {
	font-size:14px;
	line-height:14px;
	color:#6c6c6c;
	float:left;
	padding-left:15px;
	font-weight:normal;
	background:url(img/arrow-leftblue.gif) no-repeat 0 50%;
}
#content div.navigation div.alignright a,
#content a.next {
	font-size:14px;
	line-height:14px;
	color:#6c6c6c;
	float:right;
	padding-right:15px;
	font-weight:normal;
	background:url(img/arrow-rightblue.gif) no-repeat 100% 50%;
}
#content div.navigation div.alignleft a,
#content div.navigation div.alignright a{
	float:none;
	font-size:12px;
}
#footer {
	overflow:hidden;
	width:auto;
	position:relative;
	font-size:11px;
	line-height:16px;
	color:#fff;
	background:#1b1e2d;
}
#footer div.line {
	height:32px;
	background:#820a1e url(img/welcome-img.jpg) no-repeat 50% -50px;
}
#footer div.line div.relative,
#footer div.line span{display:none;}
#footer div.size{
	width:100%;
	height:82px;
	overflow:hidden;
	background-position:50% 0;
}
#footer div.size div.relative{
	position:relative;
	display:block;
	width:100%;
	height:82px;
	overflow:hidden;
}
#footer div.size span.absolute{
	position:absolute;
	top:35px;
	left:50%;
	margin:0 0 0 -470px;
	display:block;
}
#footer div.size span.absolute span{
	display:block;
	width:940px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/welcome-text.png) no-repeat 0 0;
}
#footer .footer-top {
	overflow:hidden;
	background:#1b1e2d url(img/footer-bg.png) repeat-x 0 100%;
}
#footer .left-box {
	float:left;
	width:653px;
	padding:0 0 15px;
	margin:0 -1px 0 0;
	border-right:1px solid #2c3048;
}
#footer .left-box .box {
	width:100%;
	margin:25px 0 0;
	overflow:hidden;
}
#footer .left-box h3 {
	font-size:16px;
	line-height:16px;
	color:#02aac6;
	margin:27px 0 0;
	overflow:hidden;
	height:16px;
}
#footer .left-box h3 em {
	font-weight:normal;
	font-size:16px;
	line-height:16px;
	float:left;
	font-style:normal;
	margin-top:-1px;
}
#footer .left-box h3 strong {
	float:left;
}
#footer .left-box img {
	float:left;
	margin:9px 0 0;
}
#footer .left-box .place {
	float:left;
	width:104px;
	padding:0 0 0 27px;
	margin:4px 0 0;
}
#footer .left-box .place p {
	color:#fff;
	padding:0 0 16px;
	margin:0;
}
#footer .info {
	float:left;
	color:#fff;
	width:119px;
	margin:4px 0 0;
}
#footer .info p {
	margin:0;
	padding:0;
}
#footer .info a {
	color:#fff;
}
#footer .info a:hover {
	text-decoration:underline;
}
#footer div.more{
	width:100%;
	overflow:hidden;
}
#footer a.rmore {
	float:left;
	font-weight:bold;
	color:#fff;
	background:url(img/rmore-bg02.gif) no-repeat 0 51%;
	margin:14px 0 0 1px;
	padding:0 0 0 15px;
}
#footer a.rmore:hover {
	text-decoration:underline;
}
#footer .wpcf7 {
	width:340px;
	float:left;
	margin:5px 0 0;
}
#footer .wpcf7 div.two-cols{
	width:100%;
	padding:5px;
	margin:-5px;
	overflow:hidden;
}
#footer .wpcf7 input.text {
	display:block;
	width:118px;
	height:14px;
	padding:4px 5px 3px;
	margin:0;
	border:1px solid #2c3048;
	font:11px Arial,Helvetica,sans-serif;
	color:#414561;
	background:#151725;
}
#footer .wpcf7 .form-item {
	float:left;
	padding-bottom:7px;
}
#footer .wpcf7 textarea {
	display:block;
	width:166px;
	height:45px;
	max-width:180px;
	padding:3px;
	margin:0;
	border:1px solid #2c3048;
	font:11px Arial,Helvetica,sans-serif;
	overflow:auto;
	color:#414561;
	background:#151725;
}
#footer .wpcf7 input.submit {
	display:block;
	width:47px;
	height:11px;
	padding:0;
	margin:7px 0 0 5px;
	border:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url(img/submit-bg.png) no-repeat 0 0;
}
#footer .wpcf7 .fbox {
	width:131px;
	float:left;
}
#footer .wpcf7 .fbox2 {
	float:left;
	width:181px;
	padding-left:18px;
}
#footer .right-box {
	float:right;
	padding:0 15px 20px 31px;
	width:270px;
	border-left:1px solid #2c3048;
}
#footer .right-box h3 {
	margin:29px 0 0;
	font-size:16px;
	line-height:16px;
	color:#02aac6;
	padding:0 0 24px;
	height:16px;
	overflow:hidden;
}
#footer .right-box h3 strong {
	float:left;
}
#footer .right-box h3 em {
	float:left;
	font-style:normal;
	margin:-1px 0 0;
	font-weight:normal;
}
#footer .right-box ul {
	color:#fff;
	font-size:11px;
	line-height:16px;
	margin:0;
	padding:0;
	list-style:none;
}
#footer .right-box ul li {
	width:100%;
	overflow:hidden;
	padding-bottom:4px;
}
#footer .right-box ul li strong {
	float:left;
	width:63px;
}
#footer .right-box ul li a {
	color:#fff;
}
#footer .right-box ul li a:hover {
	text-decoration:underline;
}
#footer .ftr-down {
	border-top:1px solid #2c3048;
	/*width:100%;*/
	padding:20px 0;
}
#footer .ftr-down ul {
	font-size:11px;
	line-height:16px;
	margin:0 0 0 -10px;
	padding:0;
	list-style:none;
	font-family:Arial;
}
#footer .ftr-down ul li {
	float:left;
	display:inline;
	margin:0 0 0 -1px;
	padding:0 10px 0 11px;
	background:url(img/ul-line.gif) no-repeat 0 50%;
}
#footer .ftr-down ul li a {
	color:#fff;
}
#footer .ftr-down ul li a:hover {
	text-decoration:underline;
}
#footer .ftr-down p {
	font-size:11px;
	line-height:16px;
	color:#fff;
	float:right;
	padding:0 25px 0 0;
	margin:0;
	font-family:Arial;
}
#content ul.site-map{
	text-transform:uppercase;
}
#footer div.wpcf7-response-output{
	padding:0;
	margin:0;
}
#footer div.wpcf7-mail-sent-ok{
	padding:5px 10px;
	border:1px solid #2c3048;
	background:#151725;
}
#footer div.wpcf7-validation-errors{
	padding:5px 10px;
	border:1px solid #f00;
	background:#151725;
}
#footer span.wpcf7-not-valid-tip{
	left:0;
	top:0;
	width:118px;
	height:14px;
	padding:4px 5px 3px;
	border:1px solid #f00;
	text-indent:-9999px;
	overflow:hidden;
	background:#fff;
}
#content div.our-work{
	margin:19px 0 0;
}
#content div.our-work div.posts-wrapper{
	width:100%;
	overflow:hidden;
}
#content div.our-work div.post{
	position:static;
	float:left;
	width:188px;
	padding:0 0 19px;
	margin:0 20px 0 0;
}
#content div.our-work div.post-thumbnail{
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0 0 4px;
}
#content div.our-work div.post-thumbnail img{
	margin:0 auto;
	border:2px solid #999;
}
#content div.our-work div.post-thumbnail a{
	display:block;
	padding:7px;
	outline:none;
	background:#e7e7e7;
}
#content div.our-work div.post-thumbnail a:hover{
	background:#eee;
}
#content div.our-work ul.post-links{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#content div.our-work ul.post-links li{
	padding-left:2px;
}
#TB_ajaxContent div.main-image{
	width:750px;
	height:410px;
	margin:10px auto 0;
	overflow:hidden;
}
#TB_ajaxContent div.main-image div.image{
	width:100%!important;
}
#TB_ajaxContent div.main-image img{
	margin:0 auto;
	cursor:pointer;
}
#TB_ajaxContent div.popup-pager{
	width:750px;
	margin:10px auto 0;
	overflow:hidden;
}
#TB_ajaxContent div.popup-pager div.item{
	float:left;
	margin:0 10px 0 0;
}
#TB_ajaxContent div.popup-pager div.item a{
	outline:none;
}
#TB_ajaxContent div.popup-pager div.item img{
	padding:1px;
	border:1px solid #fff;
}
#TB_ajaxContent div.popup-pager div.item a:hover img,
#TB_ajaxContent div.popup-pager div.item a.activeSlide img{
	border-color:#999;
}