@charset "utf-8";
/* CSS Document */
html{ overflow-y:scroll; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#999999;}  
a {color:#555555; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover {color:#EB7200; text-decoration:underline;}

h1 { font-size:18px; color:#555555; font-weight:normal; padding:10px 0 5px 0; }
h2 { font-size:18px; color:#555555; font-weight:normal; padding:10px 0 5px 0; }
h3 {font-size:12px; font-weight:bold; color:#555555; margin:0; padding:10px 0 0 0;}
p { padding:5px 0 5px 0; }

#container {width:100%; background-color:#FFFFFF; background-image:url(../img/backgrounds/top-background.png); background-repeat:repeat-x; float:left;}
#container-services {width:100%; background-color:#FFFFFF; background-image:url(../img/backgrounds/carbon-layers.png); background-repeat:repeat-x; float:left;}
#topWrapper { width:960px; margin:0px auto; text-align:left; margin-top:0px; margin-bottom:0px;}
#header { height:190px; float:left; width:960px; }
#headerLeft { width:300px; float:left; }
#headerRight {  width:600px; float:right; text-align:right; }

#menu{ margin-top:120px; float:right;}

ul#topMenu{ margin:0; padding:0; list-style-type:none; }
ul#topMenu li { position:relative; float:left; border-top:2px solid #555555; margin-left: 15px; padding-top: 5px;}
ul#topMenu .current { border-top:2px solid #FFFFFF;}
ul#topMenu li:hover { border-top:2px solid #FFFFFF;}
ul#topMenu li a { padding:2px 2px; text-decoration:none; font-size: 12px; color:#EEEEEE;}
ul#topMenu li a:hover { color:#EB7200; border:none; }
ul#topMenu li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; line-height: 15px; }
ul#topMenu li a:hover span {margin-top: 7px; display:block; color: #EB7200;}

#frontStrapline { margin:20px 0 20px 10px; }
#strapline { margin:20px 0 20px 0; }

#main { clear:both; float:left; width:960px; padding:0; margin:0;}
#mainimages { float:left; width:960px; padding:0; margin:0;}

#headBigImg { width:960px; }
#headBigImg img{ border:1px solid #CCCCCC; }

#mainSection { clear:both; float:left; margin-bottom:20px; width:960px;}
.mainSectionClass { clear:both; float:left; margin-bottom:20px; width:960px; }
.mainPortfolioClass { clear:both; float:left; margin-top:10px; width:958px; background-color:#FFFFFF; background-image:url(../img/backgrounds/smallLeft-background.gif); background-repeat:repeat-x; padding:0; border:1px solid #CCCCCC; }
.portRight{ float:right; width:320px; padding:0; margin:0; text-align:right; }
.portPad {width:618px; margin:10px 0 0 0; padding:10px 10px 0 10px; float:left;}
.portTenPad {clear:both; float:left; height:10px; width:960px; }
.tenPad {margin:0 10px 0 10px; }
.404Pad {margin:0 10px 0 10px; width:940px; }
#services { width:160px; float:left; }
ul#servicesMenu { list-style-position:outside; margin-left:15px; }
ul#servicesMenu li a { padding:2px 2px; text-decoration:none; font-size: 14px; color:#EB7200; }
ul#servicesMenu li a:hover { color:#555555; border:none; text-decoration:underline; }
ul#servicesMenu li ul li{ padding-left:15px; }


ul.servicesMenu { list-style-position:outside; margin-left:15px; }
ul.servicesMenu li a { padding:2px 2px; text-decoration:none; font-size: 14px; color:#EB7200; }
ul.servicesMenu li a:hover { color:#555555; border:none; text-decoration:underline; }


ul.blogList { list-style-position:outside; margin-left:15px; }
ul.blogList li a { padding:2px 2px; text-decoration:none; font-size: 14px; color:#EB7200;}
ul.blogList li a:hover { color:#555555; border:none; text-decoration:underline; }

#contLeft { float:left; width:480px;}
#contRight { float:right; width:480px;}

#latestNews { width:240px;  float:right; }
.more { float:right; }

#introduction { width:560px;  float:left; }
.intro  p{ font-size:14px; }


#us { width:240px; float:left; }
#wideCentre { width:480px; float:left; }
.bioDiv { width:960px; float:left; }
.bioLeft {margin:10px 0 0 0; padding:10px 10px 0 10px; float:left; width:670px;}
.bioRight {margin:10px 0 0 0; padding:50px 10px 0 10px; float:right; width:250px;}
#leftCont {width:960px; float:left; }
.leftWide {width:720px; float:left; background-color:#33CC66;}


#bigCentre { width:720px; float:left; }
.bigPad {margin:0 0 0 10px; padding:10px 10px 0 10px;}
.bigPad ul{ margin-left:25px; list-style-position:outside;}
#smallRight {  padding:10px 10px 0 10px; width:220px; float:left; }
#smallLeft { width:220px; float:left; background-color:#FFFFFF; background-image:url(../img/backgrounds/smallLeft-background.gif); background-repeat:repeat-x; margin:10px 0 0 0; padding: 0 0 25px 0; border:1px solid #CCCCCC;}


.ind { padding-top:25px; }
.ind p{ margin:0 10px 0 25px; padding:3px 0 3px 0; }

#footWrapper { clear:both; float:left; width:100%; background-color:#FFFFFF; background-image:url(../img/backgrounds/footer-background.gif); background-repeat:repeat-x;}
#footer { clear:both; width:960px; margin:0px auto; text-align:left; margin-top:0px; margin-bottom:0px; height:75px;}
#footerLeft{ color:#999999; font-size:11px; float:left; width:400px; padding:10px 10px 3px 10px; margin:0;}
#footerLeft a{ color:#999999;}
#footerLeft a:visited{ color:#999999;}
#footerLeft a:hover{ color:#EB7200;}
#footerRight{ color:#999999; font-size:11px; float:right; width:500px; padding:10px 10px 3px 10px; margin:0; text-align:right;}
#footerRight a{ color:#999999;}
#footerRight a:visited{ color:#999999;}
#footerRight a:hover{ color:#EB7200;}


/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

/* CONTACT BOX */

label {width: 15em;float: left; text-align: right; margin-right: 0.5em; display: block;}

#fsub {margin-bottom:20px;}

input {color: #999999; background:#FFFFFF; border: 1px solid #AAAAAA;}

textarea {color: #999999; font-family: Arial, Helvetica, Sans serif; background: #FFFFFF; border: 1px solid #AAAAAA;}