@charset "utf-8";

@font-face {
    font-family: 'Museo700';
    src: url('webfonts/museo700-regular-webfont.eot');
    src: url('webfonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museo700-regular-webfont.woff') format('woff'),
         url('webfonts/museo700-regular-webfont.ttf') format('truetype'),
         url('webfonts/museo700-regular-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}  

@font-face {
    font-family: 'MuseoSans300';
    src: url('webfonts/museosans_300-webfont.eot');
    src: url('webfonts/museosans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museosans_300-webfont.woff') format('woff'),
         url('webfonts/museosans_300-webfont.ttf') format('truetype'),
         url('webfonts/museosans_300-webfont.svg#MuseoSans300') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 12px;
	color: #000;
	background: #7B7A69;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, .heading {
	font-family: 'Museo700', Verdana, Geneva, sans-serif; 
	font-size: 26px;
	color: #009CB4;
	margin-bottom:14px;
	text-align: left;
}

.heading-thin {
	font-family: 'MuseoSans300', Verdana, Geneva, sans-serif; 
	font-size: 27px;
	color: #009CB4;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

a img { 
	border: none;
}

a:link, a:visited {
	color: #009CB4;
	text-decoration: none; 
}

a:hover, a:active, a:focus { 
	text-decoration: underline;
}

.floatright {  
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#container {
	width: 980px;
	margin: 0 auto; 
	margin-top: 30px;
	overflow: hidden; 
}

#header {
	background: #C0CF31;
	color:#FFF;
	width: 100%;
	height: 160px;
	margin-bottom: 10px;
}

#logo {
	float: left;
	margin-top: 14px;
	margin-left: 35px;
}

#addresses {
	margin-top: 35px;
	margin-right: 27px;
	float: right;
	text-align: right;
	font-family: 'MuseoSans300', Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#addresses a:link, #addresses a:visited {
	color: #FFF;
}

#nav {
	clear: right;
	float: right;
	position: relative;
	right: 10px;
	top: 33px;
}

#nav ul {
	list-style-type:none;
}

#nav li {
	float:left;
	display: block;
	margin-top:18px;
}

#nav a:link, #nav a:visited {
	color: #FFF;
	white-space: nowrap;
	padding: 18px;
}

#current-page a:link, #current-page a:visited {
	color: #009CB4;
}

#footer {
	font-family: 'MuseoSans300', Verdana, Geneva, sans-serif; 
	font-size: 13px;
	color: #FFF;
}
#footer b {
	font-family: 'Museo700', Verdana, Geneva, sans-serif; 
	font-weight:normal;
	font-size: 13px;
}

#footer-left {
	float:left;
	margin-bottom: 30px;
}

#footer-right {
	float: right;
	text-align: right;
	margin-bottom: 30px;
}

#footer-right a:link, #footer-right a:visited {
	color: #FFF;	
}

#content {
	padding: 10px 0;
	padding-top: 40px;
	min-height: 340px;
	margin-bottom: 10px;
	background: #FFF;
}

.margin {
	margin-left:26px;	
}

.rounded {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	behavior: url(scripts/PIE.htc);
}

#thumbs {
	margin-left: 26px;
	margin-bottom: 40px;
	width: 520px;
	float: left;
}

#jumpmenu {
	position: relative;
	overflow: hidden;	
}

.rollover {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100px;
	height: 80px;
	z-index: 1500;
	margin-top: -100px;
	padding: 10px;
	color: #FFF;
	text-align: center;
	vertical-align: centre;	/* ie */
	background-repeat: no-repeat;
}

.thumbcaption {
}

#thumbs .blue {
	background-image: url( "images/bluebox.gif" );
}
#thumbs .purple {
	background-image: url( "images/purplebox.gif" );
}
#thumbs .green {
	background-image: url( "images/greenbox.gif" );
}
#thumbs .grey{
	background-image: url( "images/greybox.gif" );
}

#thumbs a:link, #thumbs a:visited, #thumbs a:hover, #thumbs a:active, #thumbs a:focus {
	text-decoration: none;
}


.bigpic {
	width: 608px;
}

.credit {
	font-size: 9px;
	color: #81806F;
 	margin: 0px;
	padding-right: 10px;
	text-align: right;
}

.caption {
	font-size: 11px;
	color: #81806F;
 	margin-top: 0px;
}

.caption a:link, .caption a:visited {
	font-weight: bold;
	color: #81806F;
}

.clients {
	float:left;
	margin-left: 25px;
	margin-bottom: 80px;
	width: 520px;
	text-align: justify;
}

.textbox2 {
	float:left;
	margin-left:25px;
	margin-right:40px;
	width: 320px;
}

.textbox {
	float:right;
	margin-left:10px;
	margin-right:30px;
	width: 290px;
}

.textbox .heading {
	margin-bottom: 0px;
}

.job {
	clear:both;
}

.job h2, .textbox2 h2 {
	font-family: 'Museo700', Verdana, Geneva, sans-serif; 
	font-size: 26px;
	font-weight: normal;
	color: #009CB4;
	padding-top: 20px;
}

.jobpic {
	float: left;
	margin-left: 86px;
	padding-top: 20px;
}

.portrait {
	margin-left: 150px;
	float: left;
}

.jobtext {
	float: right;
	width: 473px;
	margin-right: 45px;
}

.backtotop {
	float: right;
	padding: 20px;
}

.jobdivider {
	clear: both;
	float:left;
	margin-left: 462px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.feature {
	clear: both;
	margin-left: 26px;
	padding-top: 20px;
	color:#000;
}

.feature img {
	float:left;
}

.feature b, .costs b {
	display: block;
	float: left;
	color: #FFF;
	font-weight: bold;
}

.feature h3, .costs h3 {
	color: #FFF;
	font-family: 'Museo700', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding-top: 14px;
	margin-bottom: 14px;
}

.feature p {
	display: block;
	float: left;
	width: 385px;
	margin-top: -16px;
	margin-bottom: 16px;
	margin-left: 138px;	
	margin-right: 40px;
}

.feature .bluebox {
	float: left;
	margin-right: 20px;
	background: #4396B3;
	width: 554px; /*881px; /*554px;*/
	height: 244px;
	padding-left: 22px;
}

.feature .greenbox {
	float: left;
	margin-left: 20px;
	background: #C0CF31;
	width: 588px;
	height: 183px;
	padding-left: 22px;
}

.costs .greenbox {
	float: left;
	margin-top: 24px;
	margin-left: 26px;
	padding-left: 22px;
	background: #C0CF31;
	width: 435px;
	height: 620px;
}

.costs .bluebox {
	float: left;
	margin-top: 24px;
	margin-left: 14px;
	margin-bottom: 14px;
	padding-left: 22px;
	background: #4396B3;
	width: 435px;
	height: 620px;
}

.bluebox a:link, .bluebox a:visited {
	color: #000000;
	text-decoration: underline; 
}


.costs p {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 385px;
}

.costs .bluebox p {
	margin-top: 10px;
}

.bluebox b {
	color: #FFF;
	font-weight: bold;	
}

.costs .example {
	margin-top: 18px;	
}

.costs .greenbox b, .costs .greenbox h3 {
/*	color: #4396B3;*/
}

.costs .description {
		display: block;
		margin-left: 155px;
}

.price {
		display: block;
		xmargin-top: 8px;
		xmargin-right: 20px;
		color: #FFF;
		font-weight: bold;
		text-align: right;
}

.aboutus {
	margin-top: 20px;
	margin-right: 24px;
}

.biog {
	float: left;
	width: 410px;
	padding-bottom: 20px;
}

.aboutus .spacer {
	float: left;
	width: 94px;
}

.aboutus .bigger {
	font-size: 14px;
	margin-right: 30px;	
}

.biog h2 {
	font-family: 'Museo700', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #4396B3;
	margin-top: 20px;
	margin-bottom: 0px;
}

.biog h3 {
	font-family: 'MuseoSans300', Verdana, Geneva, sans-serif; 
	font-size: 16px;
	font-weight: normal;
	color: #4396B3;
	margin-top: -5px;
}

.biog img {
	margin-right: 16px;
	margin-bottom: 6px;
	float: left;
}

.contactus img {
	float: left;
	margin-right: 32px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.contactus {
	margin-left: 64px;
	margin-right: 110px;
}

.contactus p {
	font-size: 14px;
}

.contactus .indent {
	margin-left: 400px;	
}

.contactus .tab1 {
	margin-left: 409px;
}

.contactus .tab2 {
	margin-left: 41px;
}

.contactus .tab3 {
	margin-left: 23px;
}

.demo-thumb {
	float: left;
	margin: 32px;
	text-align: center;
}

.demo-thumb img {
	margin-bottom: 5px;
}