body {
	font: small Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #333333;
}

/*Links - base style*/

a:link, a:visited, a:hover, a:active {
	font-weight: normal;
	color:  #CC0000;
	text-decoration: none;	
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}
	
#wrap {
	text-align: left;
	text-align: center; /* center contents in IE */
	background-color: #FFFFFF;
	margin : 0 auto;
	width : 100%;
	min-width: 744px;
	max-width: 1100px;
	position : relative;	
}

#masthead {
	width: 100%;
}

#masthead h1 {	
	font: bold 190% "Trade Gothic LT Std Bold", "Arial Narrow", Tahoma, sans-serif;
	color: #fff;
	text-align : left;
	text-transform: uppercase;
	top: 15px;
	left: 30px;	
	position: absolute;
	z-index: 300;
}

#masthead h2 {
	font: bold 140% "Trade Gothic LT Std Bold", "Arial Narrow", Tahoma, sans-serif;
	color: #FFFFFF;
	text-align : left;
	text-transform: uppercase;
	top: 45px;
	left: 30px;
	position: absolute;
	z-index: 300;
	padding-top: 0px;	
}

/* Main Images */

/* photolist */

ol.activephotolist {
	background-color: #333333;
}

ol.activephotolist li {
	width: 33.33%;
	float: left;
	overflow: hidden;
}

ol.activephotolist li.second {
	width: 33.34%;
	overflow: hidden;
}

ol.activephotolist li.third {
	float: right;	
	overflow: hidden;
}

ol.activephotolist li div.activephoto {
	position: relative;
	overflow: hidden;	
}

ol.activephotolist li div.activephoto-img1, ol.activephotolist li div.activephoto-img2, ol.activephotolist li div.activephoto-img3 {
	width: 100%;
	max-width: 100%;
	margin-right: auto;	
	margin-left: auto;
	text-align: center;	
}

ol.activephotolist li div.activephoto-img1 img, ol.activephotolist li div.activephoto-img2 img, ol.activephotolist li div.activephoto-img3 img {
	display: block;	
	height: 500px;
	margin-bottom: -2px;	
} 

body.home ol.activephotolist li.second div.activephoto-img1 img,
body.home ol.activephotolist li.second div.activephoto-img2 img,
body.home ol.activephotolist li.third div.activephoto-img1 img,
body.home ol.activephotolist li.third div.activephoto-img3 img, 

body.about ol.activephotolist li div.activephoto-img1 img,
body.about ol.activephotolist li div.activephoto-img3 img,
body.about ol.activephotolist li.second div.activephoto-img2 img,
body.about ol.activephotolist li.second div.activephoto-img3 img,
body.about ol.activephotolist li.third div.activephoto-img2 img,
body.about ol.activephotolist li.third div.activephoto-img3 img, 

body.services ol.activephotolist li.second div.activephoto-img1 img,
body.services ol.activephotolist li.third div.activephoto-img1 img,
body.services ol.activephotolist li.second div.activephoto-img3 img,
body.services ol.activephotolist li.third div.activephoto-img3 img,

body.faqs ol.activephotolist li div.activephoto-img1 img,
body.faqs ol.activephotolist li.second div.activephoto-img1 img,
body.faqs ol.activephotolist li.third div.activephoto-img1 img,
body.faqs ol.activephotolist li div.activephoto-img2 img,
body.faqs ol.activephotolist li.third div.activephoto-img2 img,
body.faqs ol.activephotolist li.second div.activephoto-img3 img,

body.contact ol.activephotolist li div.activephoto-img1 img,
body.contact ol.activephotolist li.second div.activephoto-img2 img,
body.contact ol.activephotolist li.third div.activephoto-img2 img,
body.contact ol.activephotolist li.second div.activephoto-img3 img,

body.terms ol.activephotolist li.second div.activephoto-img1 img,
body.terms ol.activephotolist li.second div.activephoto-img2 img,
body.terms ol.activephotolist li.third div.activephoto-img1 img,
body.terms ol.activephotolist li.third div.activephoto-img3 img, 

body.privacy ol.activephotolist li.second div.activephoto-img1 img,
body.privacy ol.activephotolist li.second div.activephoto-img2 img,
body.privacy ol.activephotolist li.third div.activephoto-img1 img,
body.privacy ol.activephotolist li.third div.activephoto-img3 img, 

body.map ol.activephotolist li.second div.activephoto-img1 img,
body.map ol.activephotolist li.second div.activephoto-img2 img,
body.map ol.activephotolist li.third div.activephoto-img1 img,
body.map ol.activephotolist li.third div.activephoto-img3 img
 {
	float: right;
}

body.home ol.activephotolist li.second div.activephoto-img3 img, 

body.about ol.activephotolist li.second div.activephoto-img1 img,
body.about ol.activephotolist li.third div.activephoto-img1 img,

body.services ol.activephotolist li div.activephoto-img1 img,
body.services ol.activephotolist li div.activephoto-img2 img,
body.services ol.activephotolist li div.activephoto-img3 img,
body.services ol.activephotolist li.second div.activephoto-img2 img,
body.services ol.activephotolist li.third div.activephoto-img2 img,

body.faqs ol.activephotolist li.second div.activephoto-img2 img,
body.faqs ol.activephotolist li div.activephoto-img3 img,
body.faqs ol.activephotolist li.third div.activephoto-img3 img,

body.contact ol.activephotolist li.second div.activephoto-img1 img,
body.contact ol.activephotolist li.third div.activephoto-img1 img,
body.contact ol.activephotolist li div.activephoto-img3 img,
body.contact ol.activephotolist li div.activephoto-img2 img,

body.terms ol.activephotolist li.second div.activephoto-img3 img,

body.privacy ol.activephotolist li.second div.activephoto-img3 img,

body.map ol.activephotolist li.second div.activephoto-img3 img
 {
	float: left;
}

.description {
	font: normal .95em;
	text-align: left;
	color: #000000;
	line-height: 1.3em;
	top: 350px;
	left: 0;
	position: absolute;
	z-index: 300;
	padding: 10px;	
}

.message {
	font-size: 105%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	width: 310px;
	top: 440px;
	left: 137px;
	position: absolute;
	z-index: 300;
	padding: 20px;	
}

.bqstart {
	font-size: 250%;
	color: #FFFFFF;
	float: left;
	margin-top: -20px;
	margin-right: 10px;
	margin-bottom: -50px;
	padding-top: 10px;
	padding-right: 10px;
}

 .bqend {
	font-size: 250%;
	color: #FFFFFF;
	float: right;
	margin-top: -8px;
	margin-bottom: -20px;
}

/* Main Navigation */

#navigation, #navigation li {
     list-style: none;
}

#navigation {
	text-align: center;
	background-image: url(../images/000000_30.png);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 200;
	padding-top: 175px;
	padding-bottom: 45px;		
}

#navigation li {
	font-size: 110%;
	display: inline;
	margin-right: 0.15em;
	padding-top: 15px;
	padding-bottom: 15px;	
	background-image: url(../images/000000_10.png);
} 

#navigation li a {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	padding: 15px 1em;	
}

#navigation li a:hover {
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(../images/000000_35.png);
	
}


body.home #navigation a#home, 
body.about #navigation a#about,  
body.services #navigation a#services, 
body.faqs #navigation a#faqs, 
body.contact #navigation a#contact {
	text-decoration: none;
	background-color: #CC0000;
}

#main-content {
	display: inline;
	float: left;
	margin: 0 33.33% 0 20px;
	padding-bottom: 1em;
}

body.home #main-content {
	background: url(../images/signature01.png) no-repeat left bottom;
}

#main-content .gutter {
	padding: 60px 0 15px 0;	
}

#main-content h2 {
	font-size: 150%;
	font-weight: bold;
	color: #3C3C3C;
	text-align: left;
	margin-bottom: 0.5em;
}

#main-content h3 {
	font-size: 110%;
	font-weight: bold;
	text-align: left;	
	margin-bottom: 0.5em;
}

#sm {
	background: url(../images/slm_100.jpg) no-repeat center center;
	border: 1px solid #3C3C3C;
	height: 143px;
	width: 100px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#main-content p {
	font-size: 105%;
	text-align: justify;
	margin-bottom: 10px;
}

#main-content p.last {
	text-align: justify;
	margin-bottom: 2.25em;
	
}

#main-content address {
	font-size: 110%;
	font-style: normal;
	text-align: left;
	margin-bottom: 10px;
}

/* Services */
/* List styles - About, Services, Terms and Sitemap */

 #aims, #servicelist, #liabilities, #sitemap {
	font-size: 110%;
	font-weight: normal;
	text-align: left;
	list-style: square url(none);
	padding-left: 15px;
}
 
#aims li, #servicelist li, #liabilities li, #sitemap li {
	padding-bottom: 0.25em;
	margin-bottom: 0.5em; 
	margin-left: 15px;
}
	
#sitemap a:link,#sitemap a:visited,#sitemap a:active {
	color: #333333; 
}

#sitemap li a:hover, #aims li a:hover  {
	color: #CC0000;
	text-decoration: underline;	
}

/* Contact form */

fieldset {
	border: 1px solid #B2B2B2;
	background: none;
	position: relative;
	margin-top: 30px;
}
	
fieldset legend span {
	font: bold 1.25em "Trade Gothic LT Std Bold", "Arial Narrow", Tahoma, sans-serif;
	line-height: 1.1;
	background: #fff;
	display: block;
	position: absolute;
	left: 20px;
	top: -20px;
	padding-top: 10px;
	padding-bottom: 10px;	
}
	
fieldset ol {
	list-style: none;
	margin-top: 30px;
	padding: 1em 1em 0;
	
} 

fieldset li {
    font-size: 110%;
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
} 

label {
	text-align: right;
	float: left;
	width: 14em;
	margin-right: 0.5em;	
	padding-bottom: 0.25em;	
}

textarea {
	overflow: auto;
}

fieldset.submit {
	background-color: transparent;
	float: none;
	width: auto;
	border-style: none;
	padding-left: 11em;	
}

fieldset.submit ol {
	list-style: none;
} 

fieldset.submit li {	
	display: inline;
	float: left;	
	margin-bottom: 5px;
} 

/* Sidebar */

#sidebar {
	float: left;
	width: 33.33%;
	margin-top: 20px;
	margin-left: -33.33%;
}

#sidebar .gutter {
	padding: 10px 20px 20px 20px;
}

#sidebar h2 {
	font: bold 110% "Trade Gothic LT Std Bold", "Arial Narrow", Tahoma, sans-serif;
	color: #000000;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#sidebar h2 span {
	font: 90% "Trade Gothic LT Std Bold", "Arial Narrow", Tahoma, sans-serif;
	color:  #9B9B9B;
	text-align: left;
	border-left: 1px solid #9B9B9B;
	margin-left: 8px;
	padding-left: 8px;
}
	
#sidebar .panel {
	background-color: #DDDDDD;
	position: relative;
	padding: 5px 10px 5px 10px;
}

/* Sidebar photolist */

ol.photolist {
	margin: 0.5em 0 0 0;
}

ol.photolist li {
	width: 100%;
	margin-bottom: 0.5em;	
}

ol.photolist li a:hover {
	text-decoration: none;
	}

ol.photolist li div.photo {
	position: relative;
	overflow: hidden;
}

ol.photolist li div.photo a span {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

ol.photolist li div.photo-img img {
	width: 100%;
	max-width: 100%;
	margin-bottom: -3px;
}

/* Three columns */

.threecols {
	text-align: left;
	float: left;
	clear: both;
	margin-bottom: 1em;
}

.threecols h2 {
	font: bold 130% "Trade Gothic LT Std Bold", "Arial Narrow", Tahoma, sans-serif;
	color:  #000000;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-left: 0px;
	padding-left: 20px;
}

.threecols h2 span {
	font: bold 85% "Trade Gothic LT Std Bold", "Arial Narrow", Tahoma, sans-serif;
	color:  #9B9B9B;
	border-left: 1px solid #9B9B9B;
	margin-left: 8px;
	padding-left: 8px;
}

.leftcol, .midcol, .rightcol {
	text-align:left;
	float: left;
}

.leftcol {
	width: 33.33%;
	clear: left;
}

.midcol {
	width: 33.34% !important;
	width: 33.31%;
	margin-right: 33.33%;
}

.rightcol {
	width: 33.33%;
	float: right;
	margin-left: -33.33%;
}

.leftcol .gutter, .rightcol .gutter {
	padding: 10px 20px;	
}

.midcol .gutter {
	padding: 10px 0;
}

.leftcol h3, .midcol h3, .rightcol h3 {
	color:  #000000;
	padding-bottom: 5px;
}

#footer {
	color: #6B6B6B;
	text-align: left;
	background-color: #DDDDDD;
	clear: both;	
	padding-top: 20px;
	padding-bottom: 30px;
}

#footer h3 {
	color: #6B6B6B;
}

#footer ul {
	list-style: none;
	float: left;
}

#footer li {
	text-align: left;
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#footer li a:link, #footer li a:visited, #footer li a:active, #footer p a:link, #footer p a:visited, #footer p a:active { 
	color: #6B6B6B;
}

#contact_details, #footer .rightcol a:link, #footer .rightcol a:visited, #footer .rightcol a:active, #footer .rightcol a:hover {
	font-size: 110%;
	font-weight: bold;
	color: #CC0000;
	float: left;
}

#phone, #email {
	float: left;
	padding: 8px 0 8px 30px;
}

#phone {
	background: url(../images/phone.png) no-repeat -6px 4px;
}

#email {	
	background: url(../images/mail.png) no-repeat -6px 4px;
	clear: left;
}

#footer p {
	text-align: center;
	clear: both;
	padding-top: 20px;	
	padding-bottom: 5px;
}

/* Self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}