/* CSS Document */

html {overflow: scroll;}

body {background-color: #F3F3F3; padding-top: 0px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif;}
#wrapper {
	width: 895px;
	margin: auto;
	margin-top: 0px;
}
#header {
	width: 895px;
	height: 100px;
	margin: auto;
	position: relative;
}

.bigImage {float: left; width: 895px;}
#left {
	position: absolute;
	width: 123px;
	height: 450px;
	left: -123px;
	top: 4px;
}

#right {
	height: 450px;
	width: 53px;
	position: absolute;
	left: 895px;
	top: 56px;
}

#right img {float: left; width: 53px;}

#curl {
	width: 66px;
	height: 114px;
	position: absolute;
	left: 846px;
	top: 142px;
}

#middleBox {
	background-color: #fff;
	padding: 20px;
	width: 885px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
}
#logo {
	width: 255px;
	height: 93px;
	position: absolute;
	left: 9px;
	top: 21px;
}

.leftBox {
	width: 230px;
	float: left;
	position: relative;
}
.leftBox2 {
	width: 228px;
	float: left;
	border: #fff solid 1px;
}
.rightBox {
	width: 653px;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	border-left: 1px solid #f2f2f2;
}

* html .rightBox {width: 645px;}

.rightBox a:link {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.rightBox a:visited {padding-left: 1px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px;}
.rightBox a:hover {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#leftNav ul{margin: 0px; padding: 0px; list-style: none; margin-bottom: 50px; margin-top: 157px; padding-right: 0px;}
* html #leftNav ul{margin: 0px; padding: 0px; list-style: none; margin-bottom: 50px; margin-top: 140px; padding-right: 0px;}

#leftNav li {
	text-align: right;
	height: 10px;
	width: 218px;
	background-repeat: no-repeat;
	padding-top: 5px;
	text-transform: capitalize;
	margin-bottom: 10px;
	padding-right: 0px;
}


#news ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	text-align: right;
	padding-right: 15px;
	padding-left: 10px;
}
#news li {border-bottom: dotted #f2f2f2 1px; list-style: none; margin-left: 0px;}
#news h2 {color: #fdff28; font-size: 16px; margin: 0px; padding: 0px; margin-left: 0px; padding-left: 0px;}
#news h3 {
	color: #666666;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	font-style: italic;
}
#news p {
	font-size: 11px;
	color: #999999;
	line-height: 16px;
}

.clear {clear: both;}
.floatRight {float: right;}
.floatLeft {float: left;}
.marginRight15px {margin-right: 15px;}
.marginLeft15px {margin-left: 15px;}


#nav ul {list-style: none; margin: 0px; padding: 0px;}
#nav li {display: inline; padding-left: 15px; padding-right: 15px; border-right: 1px solid #fff; font-size: 12px;}
.content2 {
	margin-top: 22px;
	width: 612px;
	margin-left: 20px;
	padding: 3px;
	position: relative;
	height: 450px;
}
.content {
	margin-top: 22px;
	width: 612px;
	margin-left: 20px;
	padding: 3px;
	position: relative;
}
.content h1, content2 h1 {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666666;
	padding: 10px 0 10px 0;
	margin: 0 10px 0 0px;
}
.content h2, content2 h2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #666666;
}

.h1Box {
	width: 210px;
	float: left;
}

.h1Box h1 {float: left;}
.h2subBox {
	width: 100px;
	text-align: left;
	float: left;
	margin-top: 43px;
	margin-left: 18px;
}

.content p, content2 p  {
	color: #333;
	font-size: 11px;
	line-height: 16px;
}
#latestProject {
	height: 221px;
	background-image: url(../img/site/latestbg.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 1px #858585;
	width: 610px;
	position: relative;
	margin-top: 30px;
}

#latestProject .text {
	margin-top: 29px;
	float: right;
	width: 295px;
}
#latestProject .text h2 {font-family: "Times New Roman", Times, serif; font-size: 24px; color: #fff; margin: 0px; padding: 0px; font-weight: normal;}
#latestProject .text p {font-size: 14px; color: #fff;}
.bold14 {font-size: 16px; font-weight: bold;}


#latestImage {
	position: absolute;
	width: 310px;
	height: 253px;
	left: -11px;
	top: -16px;
	background-image: url(../img/site/latestimage.jpg);
}

#showreelImg {
	position: absolute;
	width: 310px;
	height: 253px;
	left: -11px;
	top: -16px;
	background-image: url(../img/site/showreelimg.jpg);
}

#latestImage img {
	margin-top: 45px;
	margin-left: 40px;
}

#showreelImg img {
	margin-top: 45px;
	margin-left: 40px;
}

#footer {
	margin: auto;
	position: relative;
	width: 885px;
	text-align: right;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	margin-top: 5px;
	padding-right: 10px;
	margin-bottom: 20px;
}

#footer a:link {padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;}
#footer a:visited {padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;}
#footer a:hover {padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;}


#footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 720px;
}
#footer li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
#copyright {
	float: left;
	width: 160px;
	text-align: left;
	font-weight: bold;
	color: #333333;
}

#bottomstars {
	position: absolute;
	width: 201px;
	height: 182px;
	left: -70px;
	top: -86px;
}

.teamBox {
	width: 610px;
	margin-bottom: 20px;
}

.teamBox img {
	float: left;
	width: 152px;
}

.clientBox {
	width: 590px;
	margin-bottom: 20px;
	border: solid 1px #878787;
	padding: 10px;
	background-image: url(../img/site/clientbg.jpg);
	background-repeat: repeat-y;
	background-position: top;
}

.clientImgQuote {
	float: left;
	width: 168px;

}

.clientImgQuote p {margin-left: 10px; margin-top: 0px; padding-top: 0px; margin-right: 10px;}
.teamText {
	float: left;
	width: 400px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.teamText h2 {font-family: "Times New Roman", Times, serif; font-size: 24px; color: #fff; margin: 0px; padding: 0px; font-weight: normal;}
.teamText h3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; margin: 0px; padding: 0px; font-weight: normal; margin-top: 5px;}



.backTop {
	text-align: left;
	font-size: 10px;
	width: 560px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.backTopInd {
	text-align: left;
	font-size: 10px;
	width: 560px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	margin-left: 20px;
}

* html .backTopInd {margin-left: 10px;}

.pageNumbers {
	text-align: left;
	font-size: 11px;
	margin-left: 15px;
	color: #fff;
	margin-bottom: 15px;
	width: 150px;
	float: left;
}
.prevNext {
	text-align: right;
	font-size: 11px;
	margin-left: 15px;
	color: #fff;
	margin-bottom: 15px;
	width: 150px;
	float: right;
	margin-right: 40px;
}

.backTop a:link{background-color: transparent; color: #333333; padding-left: 0px; padding-right: 0px;}
.backTop a:visited{background-color: transparent; color: #333333; padding-left: 0px; padding-right: 0px;}
.backTop a:hover{background-color: transparent; color: #333333; padding-left: 0px; padding-right: 0px; text-decoration: underline;}

.backTopInd a:link{background-color: transparent; color: #333333; padding-left: 0px; padding-right: 0px;}
.backTopInd a:visited{background-color: transparent; color: #333333; padding-left: 0px; padding-right: 0px;}
.backTopInd a:hover{background-color: transparent; color: #333333; padding-left: 0px; padding-right: 0px; text-decoration: underline;}

.style1 {font-size: 10px; line-height: normal;}
.largeLink {font-size: 16px; font-weight: bold;}

.servicesNav ul {margin: 0px; padding: 0px; list-style: none;}
.servicesNav li {display: inline; padding-left: 15px; padding-right: 15px; border-right: solid 1px #fff; font-size: 10px; color: #fff;}

.servicesNav a:link{color: #fff; text-decoration: none;}
.servicesNav a:visited{color: #fff; text-decoration: none;}
.servicesNav a:hover{color: #fdff28; text-decoration: none;}

#tele {
	position: absolute;
	width: 28px;
	height: 29px;
	z-index: 2;
	left: 584px;
	top: -31px;
}

#projects {margin-top: 15px; margin-left: 15px;}
#projects ul {list-style: none; margin: 0px; padding: 0px; float: left;}
#projects li {display: inline; margin: 0px; padding: 0px; float: left;}
#projects img {float: left; margin: 0px; padding: 0px; margin-right: 5px; margin-bottom: 5px;}

.grey {color: #666666;}
.yellow {color: #fdff28;}
.date {font-size: 10px; color: #fff; font-style: italic;}
.newsImg {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
	border: solid 1px #cccccc;
}

.newsBoxTitle {
	background-color: #515150;
	padding: 10px;
	border-bottom: solid 1px #878787;
}
.padding10px {padding: 10px;}

.contactTable {
	color: #ffffff;
	font-size: 11px;
	float: left;
	width: 186px;
}
.input {background-color: #ffffff; border: solid 1px #333333; width: 250px; padding: 4px;}
.comments {background-color: #ffffff; border: solid 1px #333333; width: 250px; height: 100px; padding: 4px; overflow: auto; font-family:Arial, Helvetica, sans-serif;}
.button {background-color: #a4a4a3; color: #000; font-size: 12px; border: 0px; padding: 5px;}
.addressBox {
	float: left;
	width: 200px;
	color: #ffffff;
	font-size: 12px;
	margin-left: 30px;
}


.clientBox {
background-image: none;
padding: 0px;
}

.errors				{color:#ff9900; font-size:12px; font-weight:bold;}
.thanksMsg {
	color: #ffffff;
	font-size: 11px;
	float: left;
	width: 186px;
	float:left;
	display:block;
}

.spacer {
	border-top: 1px dotted #f2f2f2;
	height: 1px;
	width: 610px;
	margin-top: 16px;
	margin-bottom: 26px;
}

* html .spacer {margin-bottom: 10px;}

#logo {
	position: absolute;
	width: 212px;
}

.topBox {
	width: 260px;
	margin-right: 65px;
	float: left;
	height: 260px;
	padding: 3px;
	margin-top: 15px;
}
.topBox2 {
	width: 260px;
	float: left;
	height: 240px;
	margin-top: 15px;
	padding-top: 3px;
}
.topBox h2, .topBox2 h2 {
	font-size: 16px;
	color: #666666;
}
.topBox p, .topBox2 p {color: #333333; font-size: 11px;}

.greenLight {
	height: 170px;
	width: 884px;
	font-size: 11px;
	background-repeat: repeat-y;
	background-position: left;
	background-image: url(../img/site/green_bg.jpg);
}

.greenDark {
	background-color: #e2ff94;
	height: 100px;
	width: 230px;
	font-size: 11px;
}

.latestNews {
	float: left;
	width: 176px;
	padding: 10px;
	padding-left: 44px;
	text-align: right;
	padding-bottom: 0px;
}

.latestNewsBig {
	float: left;
	width: 550px;
	padding: 10px;
	text-align: left;
	padding-left: 0px;
	margin-top: 45px;
}
.latestNews h2, .latestNewsBig h2 {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 14px;
}

.latestNews ul, .latestNewsBig ul {margin: 0px; padding: 0px; list-style: none; margin-top: 10px;}
.latestNews li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.newsList{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #f2f2f2;
}

.marginLeft10px {margin-left: 10px;}

.callstoAction {
	float: left;
	width: 630px;
	padding: 17px;
	color: #666666;
	padding-top: 20px;
	padding-bottom: 0px;
	position: relative;
	margin-top: 20px;
	padding-right: 0px;
	height: 120px;
}

* html .callstoAction {width: 620px;}

.font29px {
	font-size: 24px;
}

.telInfo {
	float: left;
	margin-top: 20px;
	width: 237px;
	padding-left: 10px;
	margin-right: 20px;
}
.phone {float: left; margin-top: 10px;}

#commentOn {
	position: absolute;
	width: 85px;
	height: 142px;
	left: 327px;
	top: -22px;
}

.commentOnTxt {
	float: left;
	margin-top: 20px;
	width: 220px;
	margin-left: 10px;
}

.commentOnTxt a:link {color: #ed1556; font-size: 36px; background-color: transparent; font-weight: normal; padding-left: 0px; margin-top: 0px; padding-top: 0px;}
.commentOnTxt a:visited {color: #ed1556; font-size: 36px; background-color: transparent; font-weight: normal; padding-left: 0px; margin-top: 0px; padding-top: 0px;}
.commentOnTxt a:hover {
	color: #cd0f48;
	font-size: 36px;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.featured {
	float: left;
	width: 622px;
	padding-left: 20px;
	padding-right: 10px;
}

.featured h2 {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #616161;
	line-height: 22pt;
	margin-bottom: 0px;
}

.featured p  {
	color: #666666;
	font-size: 11px;
	line-height: 16px;
}

.projectBox {
	float: left;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-right: 17px;
	margin-right: 17px;
	border-right: solid 1px #f2f2f2;
		height: 220px;
}

* html .projectBox {padding-right: 0px; margin-right: 12px;}

.projectBox2 {
	float: left;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}


.projectBox2 .projectImgBox {
	width: 170px;
	height: 97px;
	margin-bottom: 10px;
	margin-left: 8px;
	margin-top: 9px;
	border: solid 1px #CCCCCC;
}
.projectImgBox {
	width: 170px;
	height: 97px;
	margin-bottom: 10px;
	margin-left: 12px;
	margin-top: 9px;
	border: solid 1px #CCCCCC;
}
.projectBox h2, .projectBox2 h2 {font-family: arial; font-size: 16px; margin: 0px; padding: 0px; font-weight: bold;}
.projectBox ul, .projectBox2 ul {
	padding: 10px;
	margin-left: 3px;
	padding-bottom: 0px;
	font-size: 10px;
	margin-top: 0px;
	list-style: none;
	padding-top: 3px;
	text-align: left;
	margin-bottom: 0px;
}





.projectBox li, .projectBox2 li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
	color: #666666;
	list-style-image: url(../img/site/dot_white.jpg); 
	list-style-position: outside; 
	margin-left: 13px;
}

.projectBox p, .projectBox2 p {margin: 0px;}
.projectBox2 .list {
	float: left;
	width: 187px;
	font-size: 11px;
	border: solid 1px #cccccc;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	position: relative;
	height: 214px;
	
}

.projectBox .list {
	float: left;
	width: 197px;
	font-size: 11px;
	border: solid 1px #cccccc;
	margin-top: 3px;
	margin-bottom: 0px;
	position: relative;
	text-align: center;
	padding-bottom: 5px;
	
}

/*#mag1 {
	position: absolute;
	width: 61px;
	height: 64px;
	left: 132px;
	top: -18px;
}

#mag2 {
	position: absolute;
	width: 61px;
	height: 64px;
	left: 132px;
	top: -18px;
}

#mag3 {
	position: absolute;
	width: 61px;
	height: 64px;
	left: 132px;
	top: -18px;
}
*/


.latestNews .days {
	margin-top: 5px;
	width: 175px;
	text-align: right;
	color: #333333;
}


.days {
	margin-top: 5px;
	width: 175px;
	text-align: left;
	color: #333333;
	font-style:italic;
}
a:link {
	color:#333;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background-color:#e0e0e0;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 10px;
}
a:visited {
	color:#333;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	background-color:#e0e0e0;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}
a:hover {
	color:#666;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	background-color:#d8ff00;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.lowerPara  {
	padding-top: 20px;
}
.phoneAll {
	width: 220px;
	color: #666666;
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
}
.calluson {font-size: 11px; color: #666666; margin-top: 10px;}
.phoneAll h2 {font-weight: normal;}

#logo a:link {background-color: transparent; padding: 0px; margin: 0px;}
#logo a:visited {background-color: transparent; padding: 0px; margin: 0px;}
#logo a:hover {background-color: transparent; padding: 0px; margin: 0px;}
.projectImg {
	margin-top: 30px;
	margin-bottom: 20px;
	border: solid 1px #CCCCCC;
	float: left;
}

.siteMap ul {margin: 0px; padding: 0px; list-style: none; margin-top: 45px;}
.siteMap li {margin-bottom: 5px;}

.inputCheck {
	float: left;
	width: 140px;
}

.green {color: #d8ff00;}
.dkGreen {color: #bee001;}
#paws {
	position: absolute;
	width: 140px;
	height: 173px;
	z-index: 100;
	left: 491px;
	top: -40px;
	visibility: visible;
}
.testMargin {
	margin-left:100px;
}

* html .testMargin {margin-left: 0px;}

.style2 {
color: #000000;
font-size: 26px;
}
.style3 {font-size: 20px}

#hello {background-color: #d8ff00; width: 100%; height: 300px; color:  #333333; padding-top: 20px; padding-bottom: 20px;}
#helloButton {background-image: url(../img/site/panel.gif); background-position: center; background-repeat: no-repeat; text-align: center; height: 20px; border-top: 3px;border-top: 3px #d8ff00 solid;}

#helloButton a:link {background-color: transparent; padding: 0px;}
#helloButton a:visited {background-color: transparent; padding: 0px;}
#helloButton a:hover {background-color: transparent; padding: 0px;}

.projectBox a:link {margin: 0px; padding: 0px; font-size: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 0px;}
.projectBox a:visited {margin: 0px; padding: 0px; font-size: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;margin-bottom: 0px;}
.projectBox a:hover {margin: 0px; padding: 0px; font-size: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;margin-bottom: 0px;}

.projectBox2 a:link {margin: 0px; padding: 0px; font-size: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;margin-bottom: 0px;}
.projectBox2 a:visited {margin: 0px; padding: 0px; font-size: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;margin-bottom: 0px;}
.projectBox2 a:hover {margin: 0px; padding: 0px; font-size: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;margin-bottom: 0px;}

.servicesTable img {border: solid 1px #CCCCCC;}

#speedOfSightBanner		{float:right; width: 280px; padding-left:15px; border-left:#CCC solid 1px; margin-left:15px; padding-bottom:15px;}

.noRoll {
	position: absolute;
	width: 95px;
	left: 519px;
	top: 115px;
}


.caption p {
	font-size: 18px;
	line-height: 20pt;
	margin: 0px;
	padding: 0px;
}

.caption {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.faqs {
	float: left;
	width: 600px;
}
.faqs ol {margin: 0px; padding: 0px; margin-left: 0px; margin-left: 20px;}
.faqs ol li {margin: 0px; padding: 0px; margin-bottom: 10px;}
.faqs ul {margin: 0px; padding: 0px; list-style: none;}
.question {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 1px #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #F7F7F7;
	background-image: url(../img/site/question.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 55px;
	font-weight: bold;
	color: #cf283e;
	margin-bottom: 10px;
}
.answer {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../img/site/answer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 55px;
	background-color: #fff;
	margin-bottom: 40px;
}

.normalList ol {margin: 0px; padding: 0px; margin-left: 28px;}
.normalList li {padding-left: 10px;}

.floatDownload {
	float: left;
	width: 250px;
	margin-right: 20px;
	border: solid 1px #ccc;
	margin-bottom: 20px;
}

.floatDownload2 {
	float: left;
	width: 504px;
	border: solid 1px #ccc;
	padding: 10px;
	margin-top: 20px;
}
.floatDownload2 img {float: left; margin-right: 10px;}

.floatDownload2 img {border: solid 1px #ccc;}

.floatDownload2 a:link {padding: 0px; margin: 0px; background-color: transparent;}
.floatDownload2 a:visited {padding: 0px; margin: 0px; background-color: transparent;}
.floatDownload2 a:hover {padding: 0px; margin: 0px; background-color: transparent;}
.floatDownload2 a:active {padding: 0px; margin: 0px; background-color: transparent;}
.floatDownload2 a:focus {padding: 0px; margin: 0px; background-color: transparent;}