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

* {
	padding:0;
	border:0;
	margin:0;
	}
	
body {
	background-color: #FFFFFF;
	font-size:11px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	}
	
.clear  { 
	clear: both; 
	}

.right {float:right;}
.left {float:left}

a:link, a:visited, a:active {color:#CC6600; text-decoration:none;}	
a:hover {color:#999999; }

/************************************************
				MAIN DIVs
************************************************/

#wrapper {
	margin:0 auto;
	width:1020px;
	/* border: 1px solid #FF0000; */
	}

#mainNav {
	margin:0 auto;
	width:819px;
	height:55px;
	background-image:url(images/mainNav.jpg);
	/*border:1px solid #0000FF;*/
	}

#logo {
	margin:0 auto;
	width:620px;
	height:226px;
	background:url(images/logo.gif) no-repeat top left;
	/*border:1px solid #CC9900;*/
	}

#footer {
	float:left;
	margin:0 auto;
	width:1018px;
	height:259px;
	background:url(images/footer.jpg) no-repeat top left;
	/*border:1px solid #999966;*/
	}

#flashContainer {width:840px; outline:0; margin:11px 0 0 11px;}

#intro {
	margin:60px auto;
	width:600px;
	height:400px;
	background:url(images/web_NOTSUPPORTED.jpg) top left no-repeat;
	}
/************************************************
					MAINNAV
************************************************/

.buttons {
	width:720px;
	height:45px;
	margin:0 auto;
	}
	
.buttons li {
	float:left;
	list-style-type:none;
	}

.home, .services, .portfolio, .getintouch {
	display:block;
	width:180px;
	height:45px;
	text-indent:-9999px;
	cursor:pointer;
	}
	
a.home:link, a.home:visited, a.home:active {
	background: url(images/buttons/home.jpg) no-repeat;
	}

a.services:link, a.services:visited, a.services:active {
	background: url(images/buttons/services.jpg) no-repeat;
	}

a.portfolio:link, a.portfolio:visited, a.portfolio:active {
	background: url(images/buttons/portfolio.jpg) no-repeat;
	}

a.getintouch:link, a.getintouch:visited, a.getintouch:active {
	background: url(images/buttons/getintouch.jpg) no-repeat;
	}
	
a.home:hover, a.services:hover, a.portfolio:hover, a.getintouch:hover {
	background-position:-180px;
	}

/************************************************
					HOME
************************************************/
#homeSlides {
	margin:0 auto;
	width:862px;
	height:297px;
	background-image:url(images/homeSlides.gif);
	/*border:1px solid #336600;*/
	} 

#mainContent {
	margin:0 auto;
	width:985px;
	/*border:1px solid #6699FF;*/
	}
	
.homeContent {background-image:url(images/homeContent.jpg); height:501px;}


.leftCol {width:40px;}	
.rightCol {padding:3px;}

#latestNews, #latestProject, #whyus {
	margin-top:113px;
	width:300px;
	padding:3px;
	/* border:1px solid #6699FF; */
	}
	
#latestNews {margin-left:10px;}
#whyus {margin-left:20px;}
#latestProject {margin-left:30px;}
#latestProject dl dt {padding-top:3px;	}
#latestProject span {margin:20px auto;	}

/************************************************
					SERVICES
************************************************/
.servicesLogo {margin:30px 0 0 30px; float:left;}
.servicesContent {background-image:url(images/services/servicesContent.jpg); height:698px;}

#servicesBtn {float:left; width:365px; height:340px; margin:30px 10px 0 -20px; clear:both;}
ul li { list-style:none}

.active {margin-left:25px;}

#servicesContent {
	width:585px;
	height:500px;
	border:1px solid #CCCCCC;
	margin:30px 20px 0 0;
	padding:10px;
	float:right;
	font-size:12px;
	}
	
#servicesContent h1 {
	font-size:24px;
	font-weight:normal;
	color:#CC9900;
	}

#servicesContent ul li {list-style: square; margin-left:45px;}

#servicesContent p img {
	margin:20px 0 0 10px;
	}
	
.seo {
	background:url(images/services/seo/seo.png) bottom right no-repeat;
	}
	
.ecommerce {
	background:url(images/services/ecommerce/ecommerce.png) bottom right no-repeat;
	}

/************************************************
				   PORTFOLIO
************************************************/

.portfolioLogo {float:left; margin:30px 0 0 30px;}
.portfolioContent {background-image:url(images/portfolio/portfolioContent.jpg); height:698px;}

/************************************************
				 GET IN TOUCH
************************************************/

#contact.thankyou fieldset {
	height:300px;
	width:600px;
	font-size:12px;
	background:url(images/getintouch/Thankyou.png) bottom center no-repeat;
	}

/************************************************
				  	FOOTER
************************************************/

#footerBox a:link, #footerBox a:visited, #footerBox a:active {color: #FFFFFF;}
#footerBox a:hover {color:#CC6600;}

#footerBox {
	width:205px;
	height:190px;
	padding:10px 0 0 10px;
	margin:15px 45px 0 0;
	float:left;
	font-size:13px;
	/* border:1px solid #FF0000; */
	}

#footerBox.firstbox {
	margin-left:142px;
	}
	
#footerBox h4 { 
	color: #FF9900; 
	font-weight:bold;
	}

.social {
	width:150px;
	height:100px;
	margin:15px 0 0 40px;
	}

.social tr td {padding:5px 0 0 0;}	
#footerBox dl dt {padding:5px;}
#footerBox dl {margin:10px 0 0 40px;}
#footerBox.firstbox dl {margin:10px 10px 0 0; text-align:right;}

.copyright {
	float:left;
	width:1018px;
	text-align:center;
	margin:60px 0 25px 0;
	font-size:11px;
	}

.copyright strong {color:#CC6600;}