@import 'reset.css';

/* USEFULL STYLES */

html {
	background:#433323 url(../images/bg.png) 50% -20px;
}
body {
	background:url(../images/bg.jpg) 50% 0 repeat-x;
	font:12px 'Trebuchet MS',Arial,Tahoma,Verdana,Serif;
	color:#716959;
	text-align:center;
	padding-top:35px;
}

.inner, .inner2 {float:left;}
.inner_cs {float:left; width:900px;}
.cln {
	display:block;
	overflow:hidden;
	clear:both;
	zoom:1;
}
.notxt {
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	font-size:0;
	line-height:0;
}

.fl {float:left;}
.fr {float:right;}

.tl	{text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}

/* SITE STYLES */

.wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

/* MAIN TEXT */

a {
	color:#9E590B;
}
a:visited {
	color:#9E590B;
}
a:hover {
	color:#F79423;
}
sup { vertical-align: baseline; position: relative; top: -0.4em; }
sub { vertical-align: baseline; position: relative; bottom: -0.4em; }
.content ul {
	margin:10px 0 10px 10px;
}
.content ul ul {
	margin: 10px 0 6px 10px;
}
.content ul ul {
	margin: 10px 0 0px 10px;
}
.content ul li {
	padding:0 0 4px 10px;
	background:url(../images/bullet.gif) 0 6px no-repeat;
	line-height: 14px;
}

/* HEADER */

.header {
	background:#fff url(../images/header.png) 6px 0 repeat-x;
	padding:0 30px;
	position:relative;
	height:147px;
}

/* LOGO */

.logo {
	width:235px;
	height:107px;
	background:url(../images/logo.png) no-repeat;
	margin:18px 0 0 0;
}

/* MENU */

.menu {
	margin:10px 0;
}
.menu li {
	display:inline;
	font-size:0;
}
.menu#main, .menu#action {
	text-align:right;
}
.menu#main a, .menu#action a {
	text-decoration:none;
	font-size:14px;
	color:#fff;
}
.menu#main {
	position:absolute;
	right:0;top:60px;
	margin:0;
	background:#766856 url(../images/menu.png) 0 0 repeat-x;
	width:480px;
	height:43px;
}
.menu#main li {
	display:inline;
	float:left;
	margin: 0 14px 0 20px;
	overflow:visible;
}
.menu#main li#m01 {
	margin-left:30px;
}
.menu#main a {
	display:block;
	float:left;
	height:43px;
	line-height:43px;
	font-size:22px;
	width:110px;
	text-align:center;
	padding: 0 5px;
}
.menu#main a * {
	float:left;
	padding-left:16px;
	font-weight:normal;
	white-space:nowrap;
	height:43px;
	line-height:43px;
}

.menu#main em {
	color:#fff;
	font-size:14px;
	font-style:normal;
}
.menu#main li.hover a,
.menu#main li.active a {
	background:#52493c;
}
.menu#main li.hover a * {
	cursor:pointer;
}
.menu#main ul {
	position:absolute;
	background:#f6dab9;
	top:43px;
	left:0;
	width:480px;
	height:44px;
	display:none;
	color:#8a7a67;
	overflow:hidden;
	padding-bottom:10px;
}
.menu#main li#m01 ul {
	z-index:1;
}
.menu#main li#m02 ul {
	z-index:2;
}
.menu#main li#m03 ul {
	z-index:3;
}
.menu#main li#m01 em {
	margin-left:16px;
}
.menu#main li#m01 strong {
	margin-left:24px;
}
.menu#main li#m02 em {
	margin-left:16px;
}
.menu#main li#m02 strong {
	margin-left:25px;
}
.menu#main li#m03 em {
	margin-left:2px;
}
.menu#main li#m03 strong {
	margin-left:23px;
}
.menu#main li.hover ul, .menu#main li.active ul {
	display:block;
}
.menu#main li.active ul {
	z-index:4;
}
.menu#main ul li.hover ul {
	z-index:1000 !important;
}
.menu#main ul li {
	margin: 4px -16px 0 20px;
	display:inline;
	font-size:12px;
	width:auto;
	line-height:normal;
	padding-bottom:10px;
}
.menu#main ul a {
	display:inline;
	color:#8a7a67;
	font-size:11px;
	height:auto;
	line-height:normal;
	width:auto;
	margin-right:4px;
	overflow:auto;
	background:none !important;
	padding: 0;
	position:relative;
	z-index:4;
}
.menu#main ul li.hover a, .menu#main ul li.hover a:hover, .menu#main ul li.active a {
	background:none;
	color:#9e590a;
}
.menu#main li.hover ul a {
	background:none;
}
.menu#main ul ul {
	position:absolute;
	left:0;
	top:20px;
	display:none !important;
	margin-top:0;
}
.menu#main ul li.hover ul, .menu#main ul li.active ul {
	display:block !important;
}
.menu#main li.hover ul {
	z-index:500 !important;
}
.menu#main ul ul a {
	color:#9e590a !important;
	position:relative;
}
* html .menu#main ul ul a {
	margin-right:-1px !important;
}
.menu#main ul ul li {
	margin-right:-16px;
}
.menu#main ul ul a:hover, .menu#main ul ul a.active {
	color:#000 !important;
}
.menu#action a {
	display:inline;
	float:left;
	font-size:13px;
	margin-left:27px;
	color:#9e590a;
}
.menu#main a:hover {
	color: #fff;
}
.menu#action a:hover {
	color:#666;
}
.menu#main a.active, .menu#action a.active {
	color:#333;
	text-decoration:none;
}
.menu#main li.hover a em,
.menu#main li.active a em {
	display:inline;
}
.menu#main ul ul.two-lines {
	top:20px;
	line-height:16px;
}
.menu#main ul ul.two-lines li {
	margin-right:-28px;
}
.menu#main ul ul.two-lines a {
	font-size:11px;
	margin-right:2px;
}	

.menu#action {
	line-height:15px;
	margin-top:35px;
}


.menu#f1 {
	margin:0;
}
.menu#f1 a {
	color:#bab0a4;
	font-size:12px;
	margin-right:20px;
	text-decoration:none;
}

.menu#f1 a:hover, .menu#f1 a.active {
	color:#fff;
}
.menu#social {
	position:absolute;
	right:30px;
	top:10px;
}
.menu#social a {
	display:block;
	height:16px;
	line-height:16px;
	background:url(../images/social.png) 0 0 no-repeat;
	padding-left:20px;
	font-size:11px;
	color:#bab0a4;
	margin-left:20px;
	float:left;
	text-decoration:none;
}
.menu#social a:hover {
	background-position:0 -16px;
	color:#fff;
}
.menu#social .twitter a {
	background-position:0 -32px;
}
.menu#social .twitter a:hover {
	background-position:0 -48px;
}
.menu#social .linkedin a {
	background-position:0 -64px;
}
.menu#social .linkedin a:hover {
	background-position:0 -80px;
}

.submenu {
	margin:60px 0 0 0;
	padding:45px 30px;
}
.submenu ul li {
	color:#f9f8f7;
}
.submenu strong {
	color:#807967;
	font-size:30px;
	font-weight:normal;
}
.submenu a {
	text-decoration:none;
}
.submenu a span em {
	display: none;
}
.submenu ul {
	padding:5px;
	margin:0;
}
.submenu ul ul {
	display: none;
	padding:5px 10px;
	margin:0;
}
.submenu ul li.active ul {
	display: block;
}
.submenu ul a {
	color:#8a7967;
	font-size:13px;
	text-decoration:underline;
}
.submenu ul ul a {
	font-size:12px;
}
.submenu ul li {
	padding:2px 0;
	background:none;
}
.submenu ul li.active a {
	color:#da8017;
}
.submenu ul li.active ul a {
	color:#8a7967;
}
.submenu ul li.active ul a.active {
	color:#da8017;
}
.submenu ul a:hover, .submenu ul li.active ul a:hover {
	color:#000;
}

/* BIG PHOTO */

.photo {
	height:330px;
	background:#333 url(../images/busy.gif) 50% 50% no-repeat;
	position:relative;
	z-index:100;
}
.photo img {
	display:block;
	position:relative;
	z-index:0;
}
.photo div {
	position:absolute;
	z-index:1;
	left:0;
	top:70px;
	background:url(../images/c1.png);
	color:#fff;
	width:480px;
	padding:15px 0 20px 0;
}
* html .div {
	background-color:#7daeea;
}
.photo div#c2 {
	background:url(../images/c2.png);
}
* html .div#c2 {
	background-color:#123558;
}
.photo div#c3 {
	background:url(../images/c3.png);
}
* html .div#c3 {
	background-color:#b66417;
}
.photo div#c4 {
	background:url(../images/c4.png);
}
* html .div#c4 {
	background-color:#a82f2f;
}
.photo div#c5 {
	background:url(../images/c5.png);
}
* html .div#c5 {
	background-color:#002e22;
}
.photo strong {
	font-size:20px;
	padding:0 30px;
	font-weight:normal;
	display:block;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.photo p {
	padding:10px 30px;
	font-size:13px;
	line-height:20px;
	color:#fff;
}
.photo small {
	position:absolute;
	left:30px;
	bottom:10px;
	font-size:10px;
	color:#fff;
	width:320px;
}

#slide-status {
	position:absolute;
	top:500px;
	left:50%;
	z-index:999;
}
#slide-status ul {
	margin-left:-50%;
}
#slide-status li {
	float:left;
	margin-left:3px;
	border:1px solid #fff;
}
#slide-status a {
	width:7px;
	height:14px;
	padding:0;
	margin:0;
	overflow:hidden;
	color:#8a7967;
	background:#8a7967;
}
#slide-status li.active a, #slide-status li a:hover {
	background:#d3c9bc;
}

/* CONTENT */

.content {
	background:#fff;
	padding-bottom:20px;
	width:960px;
	overflow:hidden;
	position:relative;
}
.content .inner {
	padding:20px 30px;
}
/*.content#sub {
	background:#fff url(../images/sub-bg.gif) 100% 0 repeat-y;
}*/
.content#sub .inner, .content#map .inner {
	margin-right:250px;
	float:none;
	padding-top:110px;
	width:auto;
	zoom:1;
}
.content#map .inner {
	padding-top:20px;
}
.content .right {
	width:250px;
}

/* RIGHT BLOCK */

.right .us-map {
	padding-top: 70px;
	background:url(../images/map.png) 50% 20px no-repeat;
	float:left;
	position:relative;
	overflow:hidden;
}
.right .us-map a.thickbox {
	position:absolute;
	left:0;top:0;
	width:200px;
	height:300px;
}
.right .us-map p {
	text-align: left;
	color:#4d4235;
	padding:0 30px 10px 30px;
}
.right .us-map .login-links {
	padding:28px 30px 20px 10px;
	display:none;
}
.right .us-map .login-links li {
	background:none;
	padding:0;
}
.right .us-map .login-links li.last {
	
}
.right .us-map .login-links a {
	background:url(../images/arr2.png) 0 50% no-repeat;
	color:#716959;
	font-size:11px;
	padding:2px 0 2px 18px;
}
.right .us-map .login-links a:hover {
	color:#000;
}

/* BLOG FEED */

.blog-feed {
	margin-top:20px;
}

.blog-feed h4 {
	color:#807967;
	font-size:14px;
	text-transform:uppercase;	
	padding-right:10px;
}
.blog-rss {
	background:url(../images/rss.png) 50% 50% no-repeat;
	width:16px;
	height:16px;
}
#blog-posts {
	margin-left:-30px;
	padding-top:10px;
	height:100px;
}
#blog-posts p {
	padding-top:3px;
}
#blog-posts a {
	display:block;
	color: #F79423;
	font-size:14px;
	text-decoration:none;
}


#blog-posts small {
	color:#565c5a;
	font-size:10px;
}
#blog-posts div {
	float: left;
	margin: 0 0 0 30px;
	width: 195px;
}

h1 {
	font-size:18px;
	color:#f79423;
	line-height:22px;
}
.separator_cs {
	width:900px;
	height:5px;
	background:#b46e2e url(../images/h1-work.jpg) 0 0 no-repeat;
	top:0;left:0;
}
.content#sub .h1 {
	display:table;
	position:absolute;
	width:960px;
	height:90px;
	background:#b46e2e url(../images/h1-work.jpg) 0 0 no-repeat;
	top:0;left:0;
	overflow:hidden;
}
.content#sub .capture .h1 {
	background-image: url(../images/h1-capture.jpg);
}
.content#sub .convert .h1 {
	background-image: url(../images/h1-convert.jpg);
}
.content#sub .h1 div {
	display:table-cell;
	#position:absolute;
	#top:50%;
	vertical-align:middle;
	padding:0 30px;
}
.content#sub h1 {
	color:#fff;
	font-size:22px;
	font-weight:normal;	
	#position:relative;
	#top:-50%;
}

h2 {
	font-size:15px;
	color:#4b453a;
	line-height:18px;
}

h3 {
	padding-top:10px;
	color:#3b352a;
}

.content p {
	line-height:16px;
	padding:10px 0;
}

/* GALLERY */

ul.gallery {
	margin:10px 0 10px -15px;
	padding:0;
}
ul.gallery li {
	display:inline;
	float:left;
	margin:0 0 10px 15px;
	padding:0;
	background:none;
}
.gallery img {
	border:2px solid #4b453a;
}
.gallery a:hover img {
	border-color:#da8017;
}

/* FOOTER */

.footer {
	background:#4b453a;
	padding:20px 30px;
	position:relative;
}

.hebs, .copy {
	font-size:11px;
	padding:20px 30px;
	color:#bab0a4;
}
.hebs a, .copy a {
	color:#bab0a4;
}
.hebs a:hover, .copy a:hover {
	color:#fff;
}


.button {
	background-color: #F8971D;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	margin:0 3px;
	outline: none;
	padding:4px 0;
	text-transform:uppercase;
	white-space:nowrap;
	width:120px;
}
.button:hover {
	background-color: #8a7967;
	color: #fff;
}
.hr {
	background:none repeat scroll 0 0 #E8E4E1;
	height:1px;
	margin:6px 0 10px;
	overflow:hidden;
}


/* Google Map Styles */
#googlemap {
	position: relative;
}
.map-loader {
	margin: 0 auto;
	width: 219px;
	top: 200px;
	position: relative;
}

/* vCard */

.vcard .tel .type, .invisible { display: none; }

/* Network thickbox Popup styles */
.network-popup li {
	display: block !important;
	margin: 0 0 10px !important;
	width: 300px !important;
}
.network-popup li a {
	background: transparent url("../images/social.png") no-repeat left top !important;
}
.network-popup li.facebook a {
	background-position: left -16px !important;
}
.network-popup li.linkedin a {
	background-position: left -80px !important;
}
.network-popup li.sceptre-blog a {
	background-position: left -96px !important;
}
.network-popup li.rhi-blog a {
	background-position: left -112px !important;
}

/* Flash Styles */
#flashcontent {
	background-color: #B46E2E;
}

/* Table Styles */
table {
	margin: 10px 0;
}
table th {
	font-weight: bold;
}
table th, table td {
	padding: 2px 20px 2px 0;
}
#ffx{
	position:relative;
	height:300px;
	width:200px;
	}
	
	
/* Case Studies */
.h1_cs {
	font-size:18px;
	color:#f79423;
	line-height:22px;
}