@charset "UTF-8";
/* CSS Document */

body{
background:url(images/bg.jpg) repeat-x #fff;
padding: 0;
margin: 0;
color: #747378;
font: 12px "Lucida Grande", tahoma, arial, verdana, sans-serif;
}

.formwidth{
width: 250px;
border: 1px solid #999;
}

.warning{
color: #ff0000;
font-size: 11px;
}

p{
margin: 0;
padding: 0 0 10px 0;
font-size: 12px;
line-height: normal;
}

a{
	color: inherit;
}

a:hover{
	text-decoration: none;
}

.highlight{
color: #005D9F;
}

.highlight a, #content-intro-left .highlight a{
color: #005D9F;
}

.highlight2{
color: #98B300;
}

.requiredfield{
background: #98b300;
padding: 2px 4px;
}

.bold{
font-weight: bold;
}

.sub-title{
font-weight: bold;
font-size: 12px;
}

.clear{
clear: both;
}

form{
padding: 0;
margin: 0;
}

.line{
border-bottom: 1px solid #d2d2d4;
}

#outer{
background:url(images/outer-bg.gif) repeat-x bottom;
}

#container{
width: 920px;
margin: auto;
}

#header{
height: 82px;
padding: 0 14px;
}

#logo{
float: left;
width: 248px;
padding: 20px 0 0 15px;
}

#topbox{
width: 560px;
float: right;
}

#top-slogan{
height: 30px;
padding: 35px 0 0 0;
width: 300px;
}

#top-logos{
float: right;
clear: both;
}

#main-menu{
height: 47px;
padding: 0 14px;
}

.inner-container{
padding: 0 14px 0 18px;
}

.nav-bar{
height: 36px;
width: 870px;
padding: 14px 0 0 21px;
background: url(images/nav-bar.jpg) no-repeat;
color: #fff;
margin: 0 0 10px 13px;
font-size: 12px;
clear: both;
}

.border-container{
margin: 0 0 10px 18px;
width: 879px;
background: url(images/border-sides.gif) repeat-y;
}

.border-top-container{
background: url(images/border-top.gif) no-repeat;
}

.border-bottom-container{
background: url(images/border-bottom.gif) no-repeat bottom;
padding: 2px;
}

.featured-product-container{
background: url(images/home-product-border.gif) repeat-y center;
}

.featured-product-container table td{
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
}

.border-small-container{
margin: 0 0 6px 0;
width: 710px;
background: url(images/border-small-sides.gif) repeat-y;
clear: both;
}

.border-small-top-container{
background: url(images/border-small-top.gif) no-repeat;
}

.border-small-bottom-container{
background: url(images/border-small-bottom.gif) no-repeat bottom;
padding: 2px;
}

.border-smallest-container{
margin: 0 0 10px 0;
width: 500px;
background: url(images/border-smallest-sides.gif) repeat-y;
clear: both;
}

.border-smallest-top-container{
background: url(images/border-smallest-top.gif) no-repeat;
}

.border-smallest-bottom-container{
background: url(images/border-smallest-bottom.gif) no-repeat bottom;
padding: 2px;
}

table.helpdesk{
font-size: 13px;
}

.helpdesk-title{
margin: 0;
padding: 0 0 5px 0;
font-size: 16px;
font-weight: bold;
color: #58585a;
}

#main-home{
background: url(images/main-home.png) no-repeat;
width: 350px;
padding: 44px 490px 0 45px;
height: 304px;
margin: 5px 0 0 0;
}

#main-home h1, #content h1{
font-size: 26px;
line-height: normal;
color: #98b300;
padding: 0;
margin: 0;
}

#content-intro-left{
	width: 350px;
	float: left;
	padding: 0 0 20px 0;
}

#content-intro-left a, #content-left a{
color: #98b300;
}

#content-intro-left p, #content-left p{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	line-height: 17px;
}

#main-home p, #content-intro-left p.intro, #content-left p.intro{
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	margin: 18px 0 18px 0;
}

#content-left{
width: 500px;
float: left;
padding: 0 0 20px 0;
}

#content{
background: url(images/content.png) no-repeat;
width: 795px;
padding: 44px 45px 0 45px;
margin: 5px 0 0 0;
min-height: 550px;
}

#content-right{
	width: 220px;
	float: right;
	font-size: 12px;
	padding: 50px 0 0 0;
}

#content-right a{
color: #98b300;
}

#content-intro-right{
	width: 420px;
	float: right;
	font-size: 13px;
	padding: 50px 0 0 0;
}

#content-intro-right ul, #content-right ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#content-intro-right ul li, #content-right ul li{
	padding: 1px 0;
}

#content-intro-right a, #content-right ul li a{
	color: #98B300;
}

p.content-title{
	font-weight: bold;
	color: #005D9F;
	font-size: 13px;
	padding-bottom: 5px;
}

#content-intro-left p.content-sub-title, #content-left p.content-sub-title{
	font-weight: bold;
	color: #005D9F;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.hire-section{
	padding: 28px 0;
}

.hire-grid{
	width: 155px;
	float: left;
}

.hire-info{
	width: 420px;
	float: left;
	padding: 0 0 0 28px;
}

.hire-layout{
	width: 162px;
	float: right;
}

p.hire-title{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
}

.hero{
width: 285px;
padding: 5px 0 20px 0;
}

.hero-top{
height: 180px;
}

.hero a{
color: #98b300;
}

.hero-left{
float: left;
}

.hero p{
	margin: 0;
	padding: 0 0 10px 12px;
	font-size: 12px;
	line-height: 17px;
}

.hero p.hero-title{
color: #005d9f;
font-size: 17px;
font-weight: bold;
padding-bottom: 6px;
}

#videobox{
border: 10px solid #fff;
}

#filter{
	padding: 10px 10px 0 10px;
	background: #fff;
	float: right;
	font-weight: bold;
}

/* HIRE ME */

.person-pic{
float: left;
width: 120px;
border-bottom: 3px solid #8eb73d;
height: 100px;
margin: 10px 0 20px 0;
}

.person-title{
margin: 0;
padding: 0 0 5px 0;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #8eb73d;
}

.email-title{
font-weight: bold;
color: #8eb73d;
font-size: 12px;
}

.person-section{
padding: 20px 0;
line-height: 17px;
border-bottom: 1px solid #d2d2d4;
}

#booking-form-holder{
padding: 20px;
background: #f8fcff;
margin: 0 10px;
}

/* FOOTER SECTION */

#footer{
clear: both;
margin: auto;
width: 884px;
}

#footer p{
margin: 0;
padding: 0 0 5px 0;
}

#footer ul{
list-style: none;
padding: 0;
margin: 0;
}

#footer ul li{
padding: 2px 0;
}

#footer ul li.footer-title a{
font-weight: bold;
color: #005D9F;
font-size: 12px;
}

.footer-col{
width: 145px;
float: left;
}

.footer-row{
padding: 10px 0;
}

#footer-extra{
clear: both;
padding: 20px 14px 20px 14px;
font-size: 9px;
height: 30px;
text-align: center;
}

#footer-extra a{
color: #6c6e6e;
}