header, footer, article, section, hgroup, nav, figure, aside { display: block; }
* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,



fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,



article, aside, canvas, details, figcaption, figure, footer, header,



hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}



a {



	text-decoration:none;



	color:rgb(188, 164, 116);



}



a:hover {text-decoration:none;}



input, textarea, select {



	font:100% arial,sans-serif;



	vertical-align:middle;



	color:#000;



	overflow: auto;



}



label{vertical-align:middle;}



button, input{



	width: auto;



	overflow: visible;



}



h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}



h1{font-size:200%;}



h2{font-size:150%;}



h3{font-size:120%;}



h4{font-size:110%;}



h5{font-size:100%;}



h6{font-size:90%;}



i, cite, em, var, dfn, address{font-style:italic;}



u, ins {text-decoration: underline;}



s, strike, del {text-decoration: line-through;}



blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}



blockquote:before, blockquote:after, q:before, q:after {content: '';}



table, caption, tbody, tfoot, thead, tr, th, td{



	border-collapse: collapse;



	border-spacing: 0;



}



th, td{



	border:1px solid #ccc;



	padding:3px 7px;



	text-align:left;



	vertical-align:top;



}



th{



	border-color:#999;



	text-align:center;



	vertical-align:middle;



}



ul{margin-left:1px;}



ul li, ol li{list-style-position:inside;}



ul li{list-style-type:disc;}


bpost ul li {list-style-type:disc; text-indent: -1em; margin-bottom: 6px;}



html{min-width:960px;}



body{



	margin:0;



	font:12px/18px Arial, Helvetica, sans-serif;



	color:#595959;



	background: #b6b6b6  url(images/bg-body.gif);



	min-width:960px;

-webkit-text-size-adjust:100%;

}



input[type=submit]:hover{cursor:pointer;}

input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;border-radius:0;}

#wrapper{



	width:942px;



	margin:0 auto;



	position:relative;



	z-index:1;



	padding: 13px 0 0;



	overflow:hidden;



}



#header{



	position:relative; 



	background:#fff;



	width:942px;



	margin-bottom: 12px;



}



#header:after{



	display:block;



	clear:both;



	content:"";



}



.header-holder{



	float:left;



	position:relative;



	width:893px;



	padding: 30px 29px 12px 23px;



}



.header-holder:before,



.header-holder:after,



.gallery-holder:before,



.gallery-holder:after,



.logo-list:before,



.logo-list:after,



.work-info .link:before,



.work-info .link:after,



.blog .link:before,



.blog .link:after,



.blog .comment:before,



.blog .comment:after,



#footer .social-holder:before,



#footer .social-holder:after,



.content-button:before,



.content-button:after,



.services-box .bottom-box:before,



.services-box .bottom-box:after,



.services-box .top-box:before,



.services-box .top-box:after,



.info-block:before,



.info-block:after,



.studies-list li:before,



.studies-list li:after,



.drop:before,



.drop:after,



.info-block .columns .visual:before,



.info-block .columns .visual:after,



#content .box:before,



#content .box:after,



#sidebar .box:before,



#sidebar .box:after,



.map-visual:before,



.map-visual:after{



	position:absolute; 



	z-index:-2;



	content:"";



}



.info-block .columns .visual:before,



.info-block .columns .visual:after{



	position:absolute; 



	z-index:2;



	content:"";



}



.tooltip:before,



.tooltip:after{



	position:absolute; 



	z-index:15;



	content:"";



}



.curved:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	box-shadow:0 0 12px #000;
	-webkit-box-shadow:0 0 12px #000;
	-moz-box-shadow:0 0 12px #000;
	border-radius:10px / 100px;
}



.curved-vt-2:before {
	top:50%;
	bottom:5px;
	left:10px;
	right:10px;
	border-radius:100px / 10px;
}



.logo{



	float:left;



	overflow:hidden;



	text-indent:-9999px;



	background-image:url('../images/logo.png');
        background-repeat: no-repeat;
        background-size: contain;



	width: 160px;
	height: 38px;



	margin: -13px 0 0;



}



.logo a{



	display:block;



	height:100%;



}



nav{float:right;}



nav ul{



	overflow:hidden;



	font:12px/16px Oswald, Arial, Helvetica, sans-serif;



}



nav ul li{



	float:left;



	list-style:outside none;



	background:url(images/sprite-2.png) no-repeat -994px 3px;



	margin-left: 16px;



	padding: 0 0 0 21px;



}



nav ul li:first-child{background:none;}



nav a{
	color:rgb(188, 164, 116) ; /* original #a30000;  some green #682 brown:rgb(188, 164, 116)*/
	text-decoration:none;
}




nav a:hover{
	text-decoration:none;
	color:#a0a0a0;
}



#main{
	margin-bottom:15px;
	padding: 0px 0px 1px;
	/*border-bottom:1px solid #ececec;*/
	width:942px;
	/*box-shadow:0 1px 1px #fefefe;
	-moz-box-shadow:0 1px 1px #fefefe;
	-webkit-box-shadow:0 1px 1px #fefefe;*/
}



.gallery-holder{
	background:#fff;
	width:942px;
	position:relative;
	margin: 0px 0 17px;
}



.gallery-holder img{



	float:left;



	margin: -3px 16px 0 0;



}



.gallery-holder .frame{
	width:942px;
	position:relative;
	overflow:hidden;
	padding: 0px 0 0px;

}



.gallery-holder .gallery{



	width:9999px;



	float:left;



	margin:0;



}



.gallery-holder .gallery li{



	list-style:outside none;



	float:left;



	padding: 0 10px;



	width: 922px;



}



.gallery-holder .heading{



	float:left;



	margin-left: -30px;



	padding: 106px 0 0 2px;



}



.gallery-holder .title{



	font:14px/18px Oswald, Arial, Helvetica, sans-serif;



	color:#a0a0a0;



	text-transform:uppercase;



	display:block;



}



#main .gallery-holder h1{



	font:40px/44px Oswald, Arial, Helvetica, sans-serif;



	



	text-transform:uppercase;



	margin: 0 0 3px;



	letter-spacing: -2px;



	word-spacing: 5px;



	padding:0;
	
	color: rgba(0, 0, 0, 0.5);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1),
 
 0px 0px 1px rgba(0, 0, 0, .3);



}



#main .gallery-holder h2{



	font:13px/15px Oswald, Arial, Helvetica, sans-serif;



	color:#a0a0a0;



	text-transform:uppercase;



	margin: 0 0 9px;



}



.gallery-holder .link{
	display:inline-block;
	vertical-align:top;
	font:10px/13px Oswald, Arial, Helvetica, sans-serif;
	color:#a0a0a0;
	text-transform:uppercase;
	padding-right:20px;
	text-decoration:none;
	background:url(../images/arrowright_10.png) no-repeat  +75px;
}



.gallery-holder .link:hover{text-decoration:underline;}



.prev{



	position:absolute;



	left:11px;



	top:50%;



	z-index:20;



	background:url(../images/arrowleft.png) no-repeat 0 0;



	overflow:hidden;



	text-indent:-9999px;



	width:42px;



	height:42px;



	margin-top:-20px;



}



.next{



	position:absolute;



	right:11px;



	top:50%;



	z-index:20;



	background:url(../images/arrowright.png) no-repeat 0 0;



	overflow:hidden;



	text-indent:-9999px;



	width:42px;



	height:42px;



	margin-top:-21px;



}



.logo-list{



	background:#fff;



	margin:0px 0px 19px -15px;



	position:relative;



	width:938px;



	padding: 9px 0 7px 21px;



}



.logo-list li{



	list-style:outside none;



	display:inline-block;



	vertical-align:middle;



	margin-left: 30px;



}



.logo-list li:first-child{



	margin:0;



}



*+ html .logo-list li{



	display:inline;



	margin-left:35px;



}



*+ html .logo-list{padding-bottom:11px;}



.work-info{
	overflow:hidden;
	position:relative;
	font-size:12px;
	line-height:18px;
	color:#595959;
	width:948px;
	padding: 0px 0px 22px;
        background-color: #FFFFFF;
        
}



.work-info article{
	list-style:outside none;
	float:left;
	width:225px;
	/* padding:0 0 58px; This padding makes sure the link that was there before comes right. Should put this back if I put the link back*/
	text-align: justify;
	margin-left:14px;
}



.work-info article:first-child{margin:0;}



.work-info h2,
#footer h2{
	font:16px/20px Oswald, Arial, Helvetica, sans-serif;
	color:rgb(188, 164, 116);
	text-transform:uppercase;
	margin:0 0 15px;
	padding:0 0 0 0px;
	letter-spacing:0;
      	margin-bottom:13px;
    
}

.work-info h2 {
        padding-left: 5px;
}
 

#footer h2 {
        padding-left: 12px;
}

.work-info I,
#footer I {
    color: #9F9F9F;
    margin-right: 3px;
    
}





.work-info img{



	display:block;



	margin-bottom: 15px;



	-webkit-box-shadow: 0px 5px 5px -2px #cbcbcb;



	-moz-box-shadow: 0px 5px 5px -2px #cbcbcb;



	box-shadow: 0px 5px 5px -2px #cbcbcb; 



}

.work-info .design{background:url(images/sprite-2.png) no-repeat -898px -57px;}



.work-info .marketing{background: url(../images/toolset_20.png) no-repeat 0px 0px;} 



.work-info .media{background:url(images/sprite-2.png) no-repeat -826px -98px;}



.work-info .seo{background:url(images/sprite-2.png) no-repeat -790px -125px;}



.work-info p{margin:0 0 0 5px;}

#view-pages-4 {
    width: 450px;
}

.work-info .link, .blog .link{
	position:absolute;
	bottom:43px;
	color:rgb(188, 164, 116);
	text-decoration:none;
	padding: 0 5px;
	margin-left: 2px;
	/*background:url(images/bg-body.gif);*/
}



.content-button{



	display:inline-block;



	vertical-align:top;



	color:rgb(188, 164, 116);



	text-decoration:none;



	padding: 0 5px;



	position:relative;



	background:url(images/bg-body.gif);



}



.work-info .link:hover,



.content-button:hover{



	text-decoration:none;



	color:#a0a0a0;



}



.work-info .link.curved-vt-2:before,



.blog .link.curved-vt-2:before,



.content-button.curved-vt-2:before {



	top:80%;



	bottom:2px;



	left:5px;



	right:5px;



	border-radius:100px / 10px;



}



.blog{
	overflow:hidden;
	text-align:justify;
	padding: 44px 0 26px;
	width: 946px;
	border-top:1px solid #ececec;
	box-shadow:0 1px 1px #fefefe inset;
	-moz-box-shadow:0 1px 1px #fefefe inset;
	-webkit-box-shadow:0 1px 1px #fefefe inset;
}



.blog .box{



	float:left;



	width:223px;



	overflow:hidden;



	padding:0 0 15px;



	margin-left:17px;



}



.blog .box:first-child{margin:0;}



.blog h2{margin-bottom:9px;}



#main .blog .blog-title{



	background:url(images/sprite-2.png) no-repeat -740px -158px;



	margin: -3px 0 10px;



	padding-left: 25px;



}



.blog p{margin:0 0 18px;}



.blog .link{



	position:relative;



	bottom:0;



	display:inline-block;



	vertical-align:top;



}



.blog .link:hover{



	text-decoration:none;



	color:#a0a0a0;



}



.blog .comment{



	position:relative;



	background:#fff;



	padding:16px 11px 20px 8px;



	margin-bottom: 20px;



	text-align:justify;



}



.blog cite{



	float:left;



	font-style:normal;



	color:#a30000;



}



.blog q{display:block;}



.blog .comment.curved-vt-2:before{



	bottom: 4px;



	left: -2px;



	right: -2px;



}



.blog .comment p{margin:0;}



.blog .comment .arrow{



	position:absolute;



	z-index:10;



	top:100%;



	right:22px;



	background:url(images/sprite.png) no-repeat 0 -57px;



	width: 47px;



	height: 24px;



	overflow:hidden;



	text-indent:-9999px;



}



.blog .container{



	overflow:hidden;



	padding: 12px 0 0;



}



.blog .container img{



	float:left;



	margin: -12px 19px 0 0;



}



.blog .container a{



	color:#595959;



	text-decoration:none;



}



.blog .container a:hover{color:#a30000;}



#main > hgroup h1,



#main .main-heading h1,



.box .date,



#content h2{



	font:14px/18px Oswald, Arial, Helvetica, sans-serif;



	color:rgb(188, 164, 116);



	display:block;



	padding: 0 0 0 23px;



	margin:0;



	letter-spacing:0;



}



#main h1,



#main hgroup h2,



#main .main-heading h2{
	margin:0 0 57px; 
	font:40px/44px Oswald, Arial, Helvetica, sans-serif;
	color:#7c7c7c;
	padding: 0 0 0 22px;
	letter-spacing: -1px;
}



#main hgroup h2{

color: rgba(0,0,0,0.5);

text-shadow: 1px 1px 1px rgba(255,255,255,9),

0px 0px 1px rgba(0,0,0,.3);

}





.info-box{



	text-align:justify;



	overflow:hidden;



	padding:0 2px 0 22px;



	margin:0 0 0 -2px;



	position:relative;



	background:url(images/bg-info-box.png) no-repeat -6px 59px;



}



.info-box li{



	list-style:none outside;



	float:left;



	width:204px;



	margin-left: 28px;



	padding: 0 0 82px;



}



.info-box li:first-child{margin:0;}



.info-box .heading{



height: 62px;
	margin-bottom: 44px;
	padding-left: 1px;



}


.info-box .heading:after{
	content:'';
	display:block;
	clear:both;
}


.info-box .heading span{



	float:left;



	font:36px/40px Oswald, Arial, Helvetica, sans-serif;



	color:rgb(188, 164, 116);



	margin-right: 8px;



}



.info-box .holder{height:1%;}
.info-box .holder:after{
	content:'';
	display:block;
	clear:both;
}



.info-box .heading h2{



	font:20px/24px Oswald, Arial, Helvetica, sans-serif;



	color:#838383;



	margin:0;



}



.info-box .heading h3{



	font-weight:normal;



	font-size:12px;



	line-height:16px;



	color:#595959;



	margin:0;

	white-space:nowrap;



}



.info-box p{margin:0;}



.info-box .content-button{



	position:absolute;



	bottom: 44px;



	line-height: 22px;



	margin-left: 2px;



}



.services-box{
	overflow:hidden;
	text-align:center;
	text-transform:uppercase;
	margin: -10px 0 20px -2px;
	width:1000px;
	font:28px/28px Oswald, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ececec;
	box-shadow:0 1px 1px #fefefe;
	-moz-box-shadow:0 1px 1px #fefefe;
	-webkit-box-shadow:0 1px 1px #fefefe;
	padding: 0 0 47px;
        background-color:#FFFFFF;
        z-index : 0;
        position: relative;
        border-left: white solid 11px;
}



.services-box a{
	color:#fff;
	text-decoration:none;
}



.services-box .block{
	float:left;
	width:216px;
	margin-right:20px;
}



.services-box .top-box{
	width:216px;
	height:94px;
	background:rgb(188, 164, 116);
	position:relative;
	display:table;
	margin-bottom:22px;
        
        
}



.services-box .bottom-box{
	background: #73BA91;
	width:216px;
	height:94px;
	position:relative;
	display:table;
}



.services-box .holder{
	width:100%;	
	display:table-cell;
	vertical-align:middle;
        
}



*+ html .services-box .holder{



	position:absolute;



	top:50%;



	left:0;



	vertical-align:baseline;



}



*+ html .services-box a{



	position:relative;



	top:-50%;



}



.services-box .block:nth-child(2n) .top-box,



.services-box .block:nth-child(3n) .bottom-box{background:#AEBA73;}



.services-box .block:nth-child(3n) .top-box,



.services-box .block:nth-child(2n) .bottom-box{background:#BA738B;}



.services-box .block:nth-child(4n) .top-box{background:#73BA91;}



.services-box .block:nth-child(4n) .bottom-box{background:rgb(188, 164, 116);}



.services-box .arrow{



	position:absolute;



	top:100%;



	right:28px;



	z-index:10;



	overflow:hidden;



	text-indent:-9999px;



	width: 41px;



	height: 21px;



	background:url(images/sprite.png) no-repeat -182px -60px;



}



.services-box .block:nth-child(2n) .arrow{background:url(images/sprite.png) no-repeat -228px -60px;}



.services-box .block:nth-child(3n) .arrow{background:url(images/sprite.png) no-repeat -273px -60px;}



.services-box .block:nth-child(4n) .arrow{background:url(images/sprite.png) no-repeat -317px -60px;}



.services-box .top-box.curved-vt-2:before,
.services-box .bottom-box.curved-vt-2:before{
	top:50%;
	bottom:0;
	left:10px;
	right:10px;
	border-radius:100px 100px 100px 100px / 10px 400px 10px 10px;
}




.services-box .top-box.curved:before,
.services-box  .bottom-box.curved:before{
	box-shadow: 0 0 18px 0px #000;
	-webkit-box-shadow:0 0 18px #000;
	-moz-box-shadow:0 0 18px #000;
}



.info-block{
	background:#fff;
	margin-bottom: 20px;
	padding: 20px 0 16px 19px;
	position: relative;
	text-align: justify;
}



.info-block.curved-vt-2:before{bottom:0;}



.info-block .holder{
	overflow:hidden;
	text-align:left;
}



.info-block .box{
	vertical-align:top;
	display:inline-block;
	margin-left: 22px;
	padding-bottom: 20px;
	width: 314px;
	padding-bottom:20px;
	text-align:justify;
}



.info-block .box:first-child{
	float:left;
	margin:0;



}

.info-block-inner .box:first-child{
	margin:0 26px 0 0;
	float:left;
}

.info-block-inner .box-holder{
	float: left;
	margin: -5px -25px 0 0;
	width: 708px;
	text-align:left;
}
.info-block-inner .box-holder .box{margin:5px 22px 0 0;}
.info-block-inner .box-holder .box:nth-child(2n+1){margin:5px 22px 0 -3px;}
.info-block-inner .box-holder .box:first-child{margin:5px 22px 0 0;}
.add-nav{



	font: 18px/24px Oswald,Arial,Helvetica,sans-serif;



	margin: 0 0 13px;



	text-transform:uppercase;



}



.add-nav li{list-style:none outside;}



.add-nav a{



	color:#838383;



	text-decoration:none;



}



.add-nav a:hover,

.add-nav .active a{color:#a30000}



#main .info-block h1,



.info-block h2,



.info-block h3{



	font:18px/24px Oswald, Arial, Helvetica, sans-serif;



	color:#838383;



	margin:0 0 13px;



	letter-spacing:0;



	padding:0;



	text-transform:uppercase;



}



#main .info-block h1 span{color:#a30000;}



.info-block p{margin:0 0 18px;}



.info-block .link,



.studies-list .link{



	color:rgb(188, 164, 116);



	text-decoration:none;



	



}



.info-block .link:hover,



.studies-list .link:hover{



	text-decoration:none;



	color:#a0a0a0;



}



.info-block .column{
	float: left;
	margin-left: 31px;
	width: 323px;
	text-align:justify;
}



.info-block .box + .column{margin-left:18px;}



.info-block .column h2{margin-bottom:1px;}



.studies-list{



	width:1000px;



	margin:-24px 0 19px;



}



.studies-list li{



	width:295px;



	position:relative;



	display:inline-block;



	vertical-align:top;



	background:#fff;



	list-style:none outside;



	text-align:justify;



	margin: 0 26px 25px 0;



	padding: 0 0 22px;



}



.studies-list li.curved-vt-2:before{



	border-radius: 100px 100px 100px 100px / 10px 10px 3px 3px;



	bottom: -1px;



	left: 14px;



	right: 17px;



}



.studies-list li.curved:before{



	box-shadow: 0 0 18px #000;



	-webkit-box-shadow:0 0 18px #000;



	-moz-box-shadow:0 0 18px #000;



}



*+ html .studies-list li{



	display:inline;



	margin-right:29px;



}



.studies-list img{



	display:inline-block;



	vertical-align:top;



	margin-bottom: 8px;



}



.studies-list h2{



	font:20px/28px Oswald, Arial, Helvetica, sans-serif;



	color:#a30000;



	margin-bottom:10px;



	text-transform:uppercase;



}

.studies-list h2 a{
	color:#a30000;
	text-decoration:none;
}
.studies-list h2 a:hover{text-decoration:underline;}

.studies-list p{margin:0 0 17px;}



.studies-list .info{padding:0 9px 0 10px;}



.studies-list .link{margin:0;}



.paging{



	margin:0 0 32px;



	text-align:right;



	font-size:12px;



	line-height:21px;



}



.paging li{



	list-style:none outside;



	display:inline-block;



	vertical-align:top;



	margin-left: 1px;



}



.paging a{



	display:block;



	overflow:hidden;



	color:#fff;



	text-align:center;



	background:url(images/sprite.png) no-repeat -330px -23px;



	width:20px;



	height:20px;



	text-decoration:none;



}



.paging li:first-child a{



	text-indent:-9999px;



	overflow:hidden;



	background:url(images/sprite.png) no-repeat -330px 0;



}



.paging .next-link{



	overflow:hidden;



	text-indent:-9999px;



	background:url(images/sprite.png) no-repeat -355px 0;



}



*+ html .paging li{



	display:inline;



	margin-left:4px;



}



.main-heading{



	width:942px;



	position:relative;



	z-index:20;



	margin-bottom: 44px;



}



#main .main-heading h2{margin-bottom:0;}



.main-heading:after{



	display:block;



	clear:both;



	content:"";



}



.drop{



	float:right;



	position:relative;



	background:url(images/bg-body.gif);



	margin:12px 13px 0 0;



	width: 176px;



}



.drop:hover{background:#b8b8b8;}



.drop .box{
	background:#b8b8b8;
	position:absolute;
	right:0;
	top:100%;
	z-index:20;
	min-width:150px;
	padding:29px 18px 0 23px;
	-webkit-box-shadow: 0 15px 15px -7px #ababab;
	-moz-box-shadow: 0 15px 15px -7px #ababab;
	box-shadow: 0 15px 15px -7px #ababab;
	display:none;
}



.drop:hover .box{display:block;}



.drop .title{



	display:block;



	color:#a90000;
	margin:0 0 4px 3px;



}


.drop ul{
	margin:0 0 14px;
	overflow:hidden;
}
.drop ul li{
	float:left;
	list-style:none outside;
	padding:0 0 2px;
	width:100%;
}
.drop ul a{
	color:#fff;
	float:left;
	padding:2px 0 2px 11px;
	position:relative;
	text-decoration:none;
	white-space:nowrap;
}
.drop ul a:after{
	background:#fff;
	content:'';
	height:3px;
	left:0;
	position:absolute;
	top:10px;
	width:3px;
}


.drop ul a:hover{color:#a30000;}



.drop.curved-vt-2:before{bottom: 1px;}



.drop.curved:before{



	box-shadow: 0 0 10px #000;



	-webkit-box-shadow:0 0 10px #000;



	-moz-box-shadow:0 0 10px #000;



}



.drop > a{



	padding:10px 15px 9px 14px;



	display:block;



	color:#838383;



	text-decoration:none;



	background:url(images/sprite-3.png) no-repeat 100% 14px;



}



.drop:hover > a{



	color:#a90000;



	background:url(images/sprite-3.png) no-repeat 100% -27px;



}



.drop a:hover{text-decoration:none;}



.info-block > .heading{



	overflow:hidden;



	padding: 3px 19px 0px 0px;



	margin-bottom: 8px;



}



#main .info-block .heading h1{



	color:#a30000;



	margin-bottom:0;



}



#main .info-block .heading h2{margin:0;}



.info-block .heading dl{



	float:right;



	margin: -8px 0 0



}



.info-block .heading dl dt{



	float:left;



	color:#a90000;



	margin-right: 3px;



}



.info-block .heading dl dd{float:left;}



.info-block .heading dl a{



	color:#838383;



	text-decoration:none;



}



.info-block .heading dl a:hover{color:#a30000;}



.info-block .columns{



	display:inline-block;



	vertical-align:top;



	width:291px;



	margin:0 12px -8px 0;



}





*+ html .info-block .columns{



	display:inline;



	margin-right:15px;



}



.info-block .columns img{



	display:inline-block;



	vertical-align:top;



	position:relative;



	z-index:11;



}



.info-block .columns .visual{



	margin-bottom:27px;



	position:relative;



	z-index:10;



}



.info-block .columns .visual.curved-vt-2:before{



	border-radius: 100px 100px 10px 10px / 10px 10px 10px 10px;



	bottom: 0;



	top: 93%;



}



.info-block .columns .visual.curved:before{



	box-shadow: 0 0 14px #000;



	-webkit-box-shadow:0 0 14px #000;



	-moz-box-shadow:0 0 14px #000;



}



.info-block h3{margin-bottom:1px;}



#twocolumn{



	overflow:hidden;



	margin: -25px 0 0;



}



#content{



	float:left;



	width:621px;



}



#content .box{



	position:relative;



	background:#fff;



	text-align:justify;



	padding: 13px 26px 17px 22px;



	margin-bottom:29px;



}



#content .box > figure > img{



	display:block;



	margin-bottom: 18px;



}



#content h1{



	font:24px/28px Oswald, Arial, Helvetica, sans-serif;



	color:#7b7b7b;



	margin: 0 0 13px;



	padding:0;



	word-spacing: 1px;



}



#content .box .more{



	color:rgb(188, 164, 116);



	text-decoration:none;



	display: inline-block;



	vertical-align:top;



	margin: 0 0 0 5px;



}



#content .box.curved-vt-2:before{



	bottom: 1px;



	top: 95%;



	right: 15px;



}



#content .box.curved:before{



	box-shadow: 0 0 18px #000;



	-webkit-box-shadow:0 0 18px #000;



	-moz-box-shadow:0 0 18px #000;



}



#content .box .more:hover{color: #a0a0a0;}



.box .date{



	padding:0;



	margin-bottom: 9px;



}



#content .box p{margin-bottom:18px;}



#content .paging{margin: 0 3px 43px 0;}



#sidebar{



	float:right;



	width:302px;



}



#sidebar .box{



	background:#fff;



	margin-bottom:42px;



	position:relative;



	padding: 10px 10px 13px 17px;



}



#sidebar .box.curved-vt-2:before{



	bottom:0;



	top: 95%;



}



#sidebar .box.curved:before{



	 box-shadow: 0 0 16px #000;



	 -webkit-box-shadow:0 0 16px #000;



	-moz-box-shadow:0 0 16px #000;



}



#sidebar h2{



	font:14px/24px Oswald, Arial, Helvetica, sans-serif;



	color:rgb(188, 164, 116);



	margin: 0;



	text-transform:uppercase;



}



#sidebar ul{



	margin:0;



	font:14px/24px Oswald, Arial, Helvetica, sans-serif;



	text-transform:uppercase;



}



#sidebar ul li{



	list-style:none outside;



}



#sidebar ul a{



	color:#7c7c7c;



	text-decoration:none;



}



#sidebar ul a:hover{color:#a30000;}



#content .container{



	border-top:1px solid #b2b2b2;



	padding: 18px 0 0 3px;



	margin-bottom:22px;



}



#content h2{



	padding:0;



	margin-bottom:17px;



}



#content .social{



	overflow:hidden;



	margin:0 0 28px;



}



#content .social li{



	list-style:none outside;



	float:left;



	margin-right:16px;



}



.post{



	margin:0 0 0 -2px;



	overflow:hidden;



}



.post li{



	list-style:none outside;



	background:#eee;



	overflow:hidden;



	padding: 11px 17px 14px 20px;



	margin-bottom:15px;



}



*+ html .post li{



	margin-bottom:12px;



}



.post img{



	float:left;



	border:1px solid #ababab;



	-webkit-box-shadow: 0 0 0 3px #fff;



	-moz-box-shadow: 0 0 0 3px #fff;



	box-shadow: 0 0 0 3px #fff;



	margin: 7px 9px 0 0; 



}



#content .post p{margin:0 0 6px;}



.post .info{



	width:462px;



	float:left;



}



.post .author{



	color:#595959;



	display:block;



	font-weight:bold;



}



#content .post .date{



	color:#595959;



	display:block;



	font:italic 11px/16px Arial, Helvetica, sans-serif;



	margin:0;



	padding:0;



}



.form-container{



	border-top:1px solid #b2b2b2;



	padding:14px 0 0 0;



}



#content .form-container h2{



	padding:0 0 0 6px;



	margin-bottom:46px;



}



.comment{



	text-align:left;



	margin: 0;



	padding: 0 0 27px;



}



.comment input,



.comment textarea,



.comment select {



	font:12px/18px Arial, Helvetica, sans-serif;



	vertical-align:middle;



	color:#595959;



}



.comment .row{



	width:100%;



	margin-bottom: 9px;



}



.comment .btn-row{



	padding: 0 0 0 107px;



	width: 466px;



	margin:0 0 27px;



}



.comment .code-row{



	padding: 0 0 0 107px;



	width: 466px;



	margin-bottom: 18px;



}



.comment .check-row{



	padding: 0 0 0 107px;



	width: 466px;



}



.comment .row:after,



.comment .btn-row:after,



.comment .code-row:after,



.comment .check-row:after{



	display:block;



	clear:both;



	content:"";



}



.comment label{



	font-weight:bold;



	width:107px;



	float:left;



	padding: 9px 0 0;



}



.comment .text{



	border:1px solid #b2b2b2;



	background:none;



	padding:3px 10px;



	margin:0;



	width:444px;



	float:left;



	height: 26px;



}



.comment textarea{



	float:left;



	background:none;



	border:1px solid #b2b2b2;



	padding: 5px 10px;



	width: 444px;



	min-width:444px;



	max-width:444px;



	height: 138px;



	min-height:50px;



	max-height:400px;



	margin:0;



}



.comment .visual{



	margin-bottom: 7px;



	padding: 0 0 0 107px;



}



.comment .visual img{display:block;}



.comment .btn{



	border:none;



	height:26px;



	width:93px;



	color:#fff;



	background:#9f9f9f;



	cursor:pointer;



	margin:0;



	padding:0;

border-radius:0;

}



.comment .btn-holder{



	float:left;



	border-width:1px 1px 0;



	border-color:#696969 #939393 #939393;



	border-style:solid;



}



.comment .check{


float:left;
	margin:0 1px 0 0;
	padding:0;
	width:16px !important;
	height:15px !important;
	border:none;

}



.comment .code-row .text{



	width:74px;



	height:15px;



	margin-right: 4px;



}



.comment .code-row label{



	padding: 2px 0 0;



}



.comment .check-row label{



	padding:0;

line-height:15px;

	width:440px;



}



.map-visual{



	position:relative;



	margin:0 0 46px;



	background:url(images/visual.jpg) no-repeat;



	height:612px;



	width:944px;



}



.map-visual img{



	display:block;



}



.map-visual.curved-vt-2:before{



	bottom:0;



}



.map-visual.curved:before{



	box-shadow: 0 0 19px #000;



	-webkit-box-shadow:0 0 19px #000;



	-moz-box-shadow:0 0 19px #000;



}



#main .map-visual h1{



	font:18px/22px Oswald, Arial, Helvetica, sans-serif;



	color:#a0a0a0;



	text-transform:uppercase;



	margin:0 0 5px;



	padding:0;



	word-spacing: 2px;



	letter-spacing:0;



}



.salmabad,



.isa-town,



.manama{



	position:absolute;



	left:67px;



	bottom:56px;



	z-index:10;



}



.salmabad:hover,



.isa-town:hover



{padding-top:50px;}



.manama:hover{



	padding-bottom:50px;



}



.salmabad > a,



.isa-town > a,



.manama > a{



	color:#a0a0a0;



	text-decoration:none;



	text-transform:uppercase;



	font:18px/22px Oswald, Arial, Helvetica, sans-serif;



}



.isa-town{left:382px;}



.manama {



	left:703px;



	top: 123px;



	bottom:auto;



}



.tooltip{



	position:absolute;



	z-index:30;



	left:-41px;



	bottom:71px;



	width:521px;



	display:none;



}



.tooltip .arrow{



	position:absolute;



	top:100%;



	left:57px;



	z-index:40;



	background:url(images/sprite.png) no-repeat -382px 0;



	width: 47px;



	height: 24px;



	overflow:hidden;



	text-indent:-9999px;



}



.tooltip-show .tooltip {display:block;}



.manama .tooltip{



	right:-41px;



	left:auto;



	top:71px;



	bottom:auto;



}



.manama .tooltip .arrow{



	right:57px;



	left:auto;



	background-position:-382px -37px;



	bottom:100%;



	top:auto;



}



.tooltip.curved:before{



	box-shadow: 0 0 17px #000;



	-webkit-box-shadow:0 0 17px #000;



	-moz-box-shadow:0 0 17px #000;



}



.tooltip.curved-vt-2:before{



	border-radius: 100px 100px 30px 30px / 10px 10px 10px 10px;



	bottom: 0;



	left: 16px;



	right: 16px;



}



.tooltip .holder{



	position:relative;



	z-index:40;



	background:#fff;



	padding:15px 5px 10px 16px;



}



.tooltip-visual{margin-bottom:15px;}



.tooltip-visual img{display:block;}



.contact-list{



	overflow:hidden;



	margin:0;



	width:550px;



}



.contact-list li{



	list-style:none outside;



	float:left;



	width:155px;



	margin-right: 3px;



}



.contact-list li:first-child{margin-right:15px;}



.contact-list address{



	font-style:normal;



	display:block;



}



.tooltip a{



	color:#595959;



	text-decoration:none;



}



.tooltip a:hover{color: #a30000;}



.tooltip dl{



	margin:0;



	font-size:12px;



	line-height:18px;



	overflow:hidden;



	padding: 4px 0 0;



}



.tooltip dl dt{



	float:left;



	width: 12px;height: 12px;



	overflow:hidden;



	text-indent:-9999px;



	margin: 3px 7px 0 0;



	background:url(images/sprite.png) no-repeat;



}



.tooltip dl .number{



	background-position:-364px -29px;



}



.tooltip dl .twitter{background-position:-364px -47px;}



.tooltip dl .facebook{background-position:-364px -65px;}



#footer{padding-bottom:0px;padding-left: 0px; }



#footer a{



	color:#595959;



	text-decoration:none;



}



#footer a:hover{color:#a30000}



.footer-info{
	margin:0 0 47px;
	width:1000px;
}

.footer-info li{
	display:inline-block;
	vertical-align:top;
	list-style:outside none;
	width:230px;
	margin-right:15px;
}



*+ html .footer-info li{
	display:inline;
	margin-right:10px;
}



.footer-info .contact{background:url(images/sprite-2.png) no-repeat -826px -98px;}





.footer-info address{
	font-style:normal;
	display:block;
	padding:0 0 0 25px;
	margin:0 0 18px;
	background:url(../images/square_green.png) no-repeat 13px 7px ;
}



.footer-info address span,



.contact-list address span{color:rgb(188, 164, 116);}



.footer-info dl{
	overflow:hidden;
	margin:0;
	padding-left: 8px;
}



.footer-info dl dt{
	float:left;
	background:url(../images/square_green.png) no-repeat 5px 7px ;
	padding:0 0 0 18px;
	min-width:38px;
}



.footer-info dl dd{
	overflow:hidden;
	margin:0;
}



.footer-info .popular{background:url(images/sprite-2.png) no-repeat -612px -223px;}



.footer-info ul{
	margin: 0 0 4px;
	padding: 0 0 0 7px;
}



.footer-info ul li{
	list-style:none outside;
	background:url(../images/square_green.png) no-repeat 5px 7px ;
	padding:0 0 0 20px;
	margin-bottom: 4px;
	display:block;
}



.footer-info .services{background:url(images/sprite-2.png) no-repeat -546px -261px;}



.footer-info .client{background:url(images/sprite-2.png) no-repeat -476px -303px;}



#footer .social-holder{



	background:#fff;



	position:relative;



}



#footer .social-holder .holder{



	overflow:hidden;



	padding: 17px 21px 12px 28px;



}



#footer .social-holder .holder span{float:left;}



#footer .social{



	float:right;



	margin: -2px 0 0;



	position:relative;



}



#footer .social li{



	float:left;



	list-style:none outside;



	margin-left:5px;



}



#footer .social a{



	display:block;



	overflow:hidden;



	text-indent:-9999px;



	background:url(images/sprite.png) no-repeat;



	width:23px;



	height:25px;



}



#footer .social .rss{background-position: -57px -54px;}



#footer .social .linkedin{background-position: -84px -54px;}



#footer .social .facebook{background-position: -111px -54px;}



#footer .social .twitter{background-position: -139px -54px;}



.email{



	margin: 0 0 0 -1px;



	padding: 4px 0 0;



}



.email .text{



	font:italic 12px/16px Arial, Helvetica, sans-serif;



	color:#595959;



	padding:0 6px;



	width:121px;



	margin:0 7px 0 0;



	background:none;



	border:1px solid #838383;



	float:left;



	height:25px;



}



.email .btn{



	border:none;

border-radius:0;

	height:26px;



	width:57px;



	color:#fff;



	background:#9f9f9f;



	cursor:pointer;



	margin:0;



	padding:0;



	vertical-align:top;



}



.email .btn-holder{



	float:left;



	border-width:1px 1px 0;



	border-color:#696969 #939393 #939393;



	border-style:solid;



}



#footer .footer-info .newsletter{



	padding-left: 25px;



	background:url(images/sprite-2.png) no-repeat -860px -77px;



}

.full-page {
margin: 0px 18px 18px 0px;
}



#footer {
    background-color: #FFFFFF;
}


.hl {
    color: #738bba;
    font-weight:   bolder;
}


hgroup {
    background-color:#FFFFFF;
    margin-bottom :0px;
    border-bottom: #FFFFFF solid 1px;
}

.conclusie {
    color: #bca474 ; 
    font:20px/22px Oswald, Arial, Helvetica, sans-serif;
}