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

* {margin:0; padding:0;}
body {background:url(images/bg.jpg) fixed top center repeat #383838; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}
a {color:#fff; text-decoration:underline;}
a:hover {text-decoration:none;}
.bluelink {color:#53ace9;}

#wrapper {width:1000px; margin:0 auto;}
#top {width:1000px; float:left; height:130px;}
#logo {width:300px; float:left; height:130px;}
#navigation {width:500px; float:left; margin:0px 0 0 100px; height:33px; background:url(images/nav_bg.png); padding:12px 0 0 0}
#navigation ul {width:660px; list-style:none;}
#navigation ul li {float:left; margin:0 15px 0 17px;}
#navigation ul li a {text-decoration:none;}
#navigation ul li a:hover { color:#53ace9;}
#navigation .active { color:#53ace9;}

#callbanner {width:700px; float:left; height:85px;}

#mainpicturebar {width:1000px; margin:10px 0 0 0; float:left; height:180px}

#maincontentcontainer {width:980px; background:url(images/contentbg.png) repeat; float:left; margin:10px 0 0 0; padding:10px}

#maincontent {width:490px; float:left; margin:0 10px 0 0}
#maincontent p {width:490px; margin:0 0 10px 0; line-height:22px;}
#maincontent h1 {margin:0 0 10px 0; color:#999; font-size:18px;}
#maincontent h2 { font-size:14px; color:#53ace9; text-transform:uppercase; margin:0 0 10px 0}
#maincontent h4 { font-size:14px; color:#53ace9; text-transform:uppercase; margin:0 0 10px 0; width:490px; border-bottom:1px solid #ccc;}
#maincontent ul {width:400px; margin:15px 0 35px 40px; list-style:url(images/webtick.png);}
#maincontent ul li {margin:0 0 15px 0;}

#maincontentthankyou {width:980px; float:left; text-align:center; height:350px;}
#maincontentthankyou h1 {margin:0 0 10px 0; color:#ccc; font-size:24px;}
#maincontentthankyou h2 { font-size:14px; color:#53ace9; text-transform:uppercase; margin:0 0 10px 0}

#maincontentportfolio {width:980px; float:left; margin:0 10px 0 0}
#maincontentportfolio p {width:490px; margin:0 0 10px 0; line-height:22px;}
#maincontentportfolio h1 {margin:0 0 10px 0; color:#999; font-size:18px;}
#maincontentportfolio h2 { font-size:14px; color:#53ace9; text-transform:uppercase; margin:0 0 10px 0;}
#maincontentportfolio h3 { font-size:19px; color:#53ace9; text-transform:uppercase; margin:0 0 16px 0; float:left; width:980px; border-bottom:1px solid #ccc;}
#maincontentportfolio ul {width:400px; margin:15px 0 35px 40px; list-style:url(images/webtick.png);}
#maincontentportfolio ul li {margin:0 0 15px 0;}
#portfolio {width:980px; float:left; margin:0 0 20px 0; height:160px}
#portfoliopicture {width:350px; margin:0 0 20px 0; float:left; height:150px; border:#fff solid 5px}
#portfoliotitle {width:610px; margin:0 0 0 10px; float:left; font-size:14px; color:#53ace9; text-transform:uppercase;}
#portfoliodesc {width:610px; float:left; margin:5px 0 0 10px; color:#fff;}
#portfoliodesc p {width:610px; margin:0 0 10px 0; line-height:22px;}

#maincontentterms {width:980px; float:left; margin:0 10px 0 0}
#maincontentterms p {width:490px; margin:0 0 10px 0; line-height:22px;}
#maincontentterms h1 {margin:0 0 10px 0; color:#999; font-size:18px;}
#maincontentterms h2 { font-size:14px; color:#53ace9; text-transform:uppercase; margin:0 0 10px 0}
#maincontentterms h4 { font-size:14px; color:#53ace9; text-transform:uppercase; margin:0 0 10px 0; width:490px; border-bottom:1px solid #ccc;}
#maincontentterms ul {width:910px; margin:15px 0 35px 40px; list-style:decimal; line-height:20px; font-size:12px}
#maincontentterms ul li {margin:0 0 15px 0;}


#enquirycontainer {width:235px; float:left; margin:0 0px 0 0; background:#222;}
#enquirycontainer img {margin:5px;}
#enquirycontainer form {width:225px; margin:0 0 0 5px; float:left; border-bottom:1px dotted #555;}
#enquirycontainer input {width:186px; margin:0 0 8px 8px; background:#333; border:#ccc 1px solid; padding:10px; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif}
#enquirycontainer textarea {width:186px; margin:0 0 8px 8px; background:#333; border:#ccc 1px solid; padding:10px; float:left; height:70px; color:#fff; font-family:Arial, Helvetica, sans-serif}
#enquirycontainer .submit {background:url(images/index_images/send_button.jpg) top left no-repeat; border:none; width:186px; height:37px; margin:0px 0 8px 8px; cursor:pointer;}

#infocontainer {width:235px; float:left; margin:0 10px 0 0; background:#222;}
#infocontainer h1 {display:block; width:215px; margin:10px; font-size:14px;}
#infocontainer ul {width:200px; margin:10px 10px 10px 30px; float:left; list-style:url(images/webtick.png);}
#infocontainer ul li {margin:0 0 5px 0; font-size:12px;}
#infocontainer p {width:215px; margin:10px; font-size:12px; float:left;}

#recentworkcontainer {width:235px; float:left; background:#222; margin:0 0 0 10px}
#recentworkcontainer ul {width:225px; list-style:none; float:left; margin:0 0 0 5px;}
#recentworkcontainer ul li {width:215px; height:200px; border:5px solid #fff; margin:0 0 8px 0; padding:0}

#footer {width:1000px; margin:10px 0 0 0; float:left; font-size:12px; padding:0 0 30px 0;}
#footer1, #footer2, #footer3 {width:235px; float:left; margin:0 20px 0 0;}
#footer4 {width:235px; float:left;}
#footer1 h1, #footer2 h1, #footer3 h1, #footer4 h1 {font-size:14px; font-family:"Courier New", Courier, monospace; color:#ccc; display:block; width:235px; letter-spacing:4px }
#footer1 h2, #footer2 h2, #footer3 h2, #footer4 h2 {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#888; padding:0 0 10px 0; display:block; width:235px; border-bottom:1px dotted #777;}
#footer1 ul, #footer2 ul, #footer3 ul, #footer4 ul {width:225px; list-style:none;}
#footer1 ul li, #footer2 ul li, #footer3 ul li, #footer4 ul li {width:225px; padding:10px 5px 10px 5px; border-bottom:1px dotted #777;}
#footer1 ul li a, #footer2 ul li a, #footer3 ul li a, #footer4 ul li a { text-decoration:none;width:235px;}
#footer1 ul li a:hover, #footer2 ul li a:hover, #footer3 ul li a:hover, #footer4 ul li a:hover {border-bottom:1px dotted #333; text-decoration:underline;}

#bottomnav {width:1000px; float:left; font-size:11px; padding:0 0 20px 0;}
#bottomnavleft {width:500px; float:left;}
#bottomnavright {width:500px; float:left; text-align:right;}

#quote {width:490px; margin:0; padding:0;}
#quote form {width:490px; float:left;}
#quoterow {width:490px; float:left; margin:0 0 10px 0;}
#quotelegend {width:100px; float:left; margin:0; padding:10px 5px 5px 0; text-align:right;}
#quoteinput {width:330px; float:left; margin:0; padding:5px 5px 5px 0;}
#quote .input {width:330px; padding:5px 3px 5px 3px; background:#333; border:#ccc solid 1px; color:#fff;}
#quote textarea {width:330px; height:150px; padding:5px 3px 5px 3px; background:#333; border:#ccc solid 1px; color:#fff;}
#quote .submit {background:url(images/index_images/quote_button.png) top left no-repeat; border:none; width:186px; height:37px; margin:0px 0 8px 0px; cursor:pointer;}
#quote select {background:#333; color:#fff;}

.twitter {float:left; margin:0 0 0 10px;}

a img {
border : 0;
}
div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0 0;
height:180px;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 180px;
}
div#header div#slide-holder {
z-index : 40;
width : 1000px;
height : 180px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
	width : 1000px;
	height : 180px;
	overflow : hidden;
	position : absolute;
	left: 2px;
	top: 1px;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background:#fff;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 0px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 243px -20px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 10px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(bannerimages/silde-nav.png);
}
div#nav ul li a {
background : url(bannerimages/nav.png) no-repeat;
}