/* General styles */

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.5em;
	background: #ffffff;
	color: #666666;
}

h1 {
	font-weight: bold;
	font-size: 1.8em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

strong {
    font-weight: bold;
}

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

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

input, textarea, select {
    font-family: Verdana, Arial, Sans-Serif;
}

input[type=text], input[type=password], textarea, select {
    padding: 5px 2px 5px 2px;
    border: solid 1px #cccccc;
    font-size: 1em;
    font-weight: bold;
    color: #666666;
}

input[type=button], input[type=submit] {
    padding: 3px;
    border: solid 1px #cccccc;
    background: #dddddd;
    color: #666666;
    font-weight: bold;
}

input:focus, textarea:focus, select:focus {
    border: solid 1px #00a2ff;
    background: #dff3ff;
}



/* Scrollbar hack to always show vertical one (to show layout disruption when flicking between pages) */

html, body {
    margin: 0 0 1px 0;
    height: 100%;
} 



/* Layout styles */

#wrapper {
    margin: 0 auto;
    width: 950px;
}



/* Header styles */

#header {
    width: 100%;
}

#header #banner {
    margin-bottom: 5px;
}

#header #menu {
    height: 45px;
}

#header #menu ul {
    margin-left: 0px;
}

#header #menu li {
    display: block;
    float: left;
    width: 150px;
    height: 40px;
    margin-left: 10px;
    font-weight: bold;
    text-indent: -9999em;
}

#header #menu li.first {
    margin-left: 0px;
}


/* Menu links */

#header #menu a {
    display: block;
    width: 150px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: top left;
}

#header #menu a.aboutus {
    background-image: url("../images/btn_aboutus.gif");
}

#header #menu a.news {
    background-image: url("../images/btn_news.gif");
}

#header #menu a.team {
    background-image: url("../images/btn_ourteam.gif");
}

#header #menu a.services {
    background-image: url("../images/btn_whatwedo.gif");
}

#header #menu a.work {
    background-image: url("../images/btn_ourwork.gif");
    /*margin-top:0px;*/
}

#header #menu a.contact {
    background-image: url("../images/btn_contactus.gif");
}

#header #menu a:hover, #header #menu a:active, #header #menu a:focus {
    background-position: bottom left;
}



/* Content styles */

#content {
    width: 930px;
    margin-left: 10px;
    margin-right: 10px;
}

#content p {
    margin-bottom: 10px;
}

#content #mainColumn {
    float: left;
    width: 550px;
    margin-right: 80px;
}

#content #rightColumn {
    float: left;
    width: 300px;
}

#content .quadBox {
    float: left;
    width: 465px;
}


/* List icon styles */

a.pdf {
    display: block;
    padding-left: 40px;
    padding-bottom: 5px;
    background: url("../images/ico_pdf.gif") no-repeat center left;
    vertical-align: middle;
}

li.email {
    display: block;
    padding-left: 40px;
    padding-bottom: 5px;
    background: url("../images/ico_email.gif") no-repeat center left;
    vertical-align: middle;
}

li.tel {
    display: block;
    padding-left: 40px;
    padding-bottom: 5px;
    background: url("../images/ico_tel.gif") no-repeat center left;
    vertical-align: middle;
}

li.fax {
    display: block;
    padding-left: 40px;
    padding-bottom: 5px;
    background: url("../images/ico_fax.gif") no-repeat center left;
    vertical-align: middle;
}



/* Footer styles */

#footer {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 0.8em;
    font-weight: bold;
}



/* People styles */

.personInfo {
    margin-top: 20px;
}

.personInfo .image {
    float: left;
    width: 150px;
    padding-right: 50px;
}

.personInfo .text {
    float: left;
    width: 730px
}

.personInfo .text h2 {
    margin-top: 0px;
}



/* Services styles */

ul.serviceList {
    padding-left: 10px;
}

ul.serviceList li {
    list-style-type: disc;
    padding-left: 10px;
    margin-left: 20px;
}



/* Contact us styles */

#addressText {
    margin-top: 60px;
}


/* Utility styles */

.clearBoth {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.awards ul
{
	list-style:none;
	display:block;
	padding-bottom:40px;
	padding-left:10px;
	float:left;
}

.awards li
{
	list-style-type:disc;
	margin-left:20px;
	height: 20px;
}

.awardsImage
{
	float:left;
}