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

* {margin:0; padding:0;}
body {background:url(images/bg.jpg) fixed top center repeat #383838; font-family:Arial, Helvetica, sans-serif; font-size:12px; 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}

.maintextimage {float:right; margin:0 0 15px 15px;}
.thankyoucontact {color:#53ace9; font-weight:bold; font-size:14px; margin:0 10px 0 0;}

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

#mainpicturebar {width:990px; margin:0px 0 0 0; float:left; height:180px; border:5px solid #525252;}

#navbar {width:1000px; float:left; margin:10px 0 0 0;}
#navbar ul{
list-style-type: none;
margin:0;
padding:0;
}

#navbar li{
display:inline;
margin:0;
padding:0;
}

#navbar a {
float:left;
background:url(images/tab_left.png) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
margin-right:3px;
cursor:pointer;
}

#navbar a span {
float:left;
background:url(images/tab_right.png) no-repeat right top;
padding:12px 25px 12px 16px;
font-weight:bold;
color:#fff;
}

#navbar a:hover {
float:left;
background:url(images/tab_left_hover.png) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
margin-right:3px;
}

#navbar a:hover span {
float:left;
background:url(images/tab_right_hover.png) no-repeat right top;
padding:12px 25px 12px 16px;
font-weight:bold;
color:#fff;
}

#navbar .active {
float:left;
background:url(images/tab_left_hover.png) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
margin-right:3px;
}

#navbar .active span {
float:left;
background:url(images/tab_right_hover.png) no-repeat right top;
padding:12px 25px 12px 16px;
font-weight:bold;
color:#fff;
}

#maincontentcontainer {width:1000px;float:left; margin:10px 0 0 0; padding:0;}

#maincontent {width:510px; float:left; margin:0 10px 0 0}
#maincontent p {width:510px; margin:0 0 10px 0; line-height:22px;}
#maincontent h1 {margin:0 0 10px 0; color:#ccc; font-size:22px; font-weight:lighter;}
#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;}


#maincontentpages {width:754px; float:left; margin:0 0 0 0px}
#maincontentpages p {margin:0 0 10px 0; line-height:22px;}
#maincontentpages h1 {margin:0 0 10px 0; color:#ccc; font-size:22px; font-weight:lighter; width:100%; border-bottom:1px dotted #666; padding:0 0 6px 0;}
#maincontentpages h2 { font-size:14px; color:#53ace9; text-transform:uppercase; margin:0 0 10px 0}
#maincontentpages ul {width:400px; margin:15px 0 35px 40px; list-style:url(images/webtick.png);}
#maincontentpages ul li {margin:0 0 15px 0;}

#maincontentpagesquoteform {float:left; width:680px; margin:0 0 0 30px; padding:0;}
#maincontentpages fieldset {border: 1px solid #666; background:#444; padding:12px 0 0 0; margin:0px 0 0px 0px; width:680px; float:left;}
#maincontentpages .fieldset {float:left; margin:20px 0 10px 0px; padding:0; width:200px;}
#maincontentpages input { float:left;width:300px; padding:10px; background:#333; border:#666 1px solid; margin:0 0 12px 12px; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#maincontentpages textarea { float:left;width:300px; padding:10px; height:142px; background:#333; border:#666 1px solid; margin:0 0 12px 12px; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
#maincontentpages select {background:#333; width:320px; height:30px; color:#fff; border:1px solid #444; margin:0 0 12px 12px; vertical-align:middle; padding:5px}
#maincontentpages .check { margin:0 15px 0 0; padding:0; width:13px; height:13px;}
#maincontentpages label {display:block; float:left; margin:3px 0 15px 20px; width:200px;}
#maincontentpages .submit {background:url(images/send_button.png) bottom; border:none; width:90px; height:30px; margin:20px 0 8px 0px; cursor:pointer;}
#maincontentpages .submit:hover { background-position:0 60px ;}


/* Contact Us Page */
#contact-container {width:754px; float:left; margin:20px 0 0 0;}
.contactsides {width:360px; margin:0 10px 0 0; float:left; padding:0 0 0 70px}
.contactsides1 {width:220px; margin:10px 10px 0 30px; float:left;}
#contact-container fieldset {border: 1px solid #666; background:#444; padding:12px 0 4px 0; margin:0; width:360px; float:left;}
#contact-container input { float:left;width:312px; padding:10px; background:#333; border:#666 1px solid; margin:0 0 12px 13px; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#contact-container textarea { float:left;width:312px; padding:10px; height:142px; background:#333; border:#666 1px solid; margin:0 0 12px 13px; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
#contact-container .submit {background:url(images/send_button.png) bottom; border:none; width:90px; height:30px; margin:0px 0 8px 12px; cursor:pointer;}
#contact-container .submit:hover { background-position:0 60px ;}
#contact-container p {width:220px; margin:0 0 10px 0; line-height:22px; border-bottom:1px dotted #666; padding:0 0 5px 0}
#contact-container h1 {margin:0 0 1px 0; color:#ccc; font-size:22px; font-weight:lighter; width:100%; padding:0 0 6px 0; border:0; color:#53ace9;}

/* portfolio */
.portfoliobox {width:754px; float:left; margin:0px 0 20px 0;}
.portfoliobox h3 { margin:5px 0 2px 8px; color:#333; font:14pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
.portfoliobox h1 {margin:0px 0 10px 0; color:#ccc; font-size:22px; font-weight:lighter; width:730px; border-bottom:1px dotted #666; padding:0 0 6px 0;}
.viewlink {margin:0 10px 0 0; float:left;}

.portfoliobox .boxgrid{ 
				width: 230px; 
				height: 150px; 
				margin:0 8px 8px 0; 
				float:left; 
				background:#161613; 
				border: solid 4px #444; 
				overflow: hidden; 
				position: relative;
				
			}
			
			.portfoliobox .boxgrid:hover {border:4px solid #53ace9;} 
				.portfoliobox .boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.portfoliobox .boxgrid p{ 
					padding:0 0 0 8px; 
					color:#333; 
					font-weight:bold; 
					font:10pt Arial, sans-serif; line-height:22px;
				}
				
			.portfoliobox .boxcaption{ 
				float: left; 
				position: absolute; 
				background: #53ace9; 
				height: 100px; 
				width: 100%; 
				opacity: .95; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 			}
 				.captionfull .boxcaption {
 					top: 300px;
 					left: 0;
 				}
 				 .caption .boxcaption {
 					top: 50px;
 					left: 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 10px 0 0;}
#enquirycontainerindex {width:235px; float:left; margin:0 0px 0 0;}
.topcont {width:100%; background:url(images/container_tops.png); height:37px; float:left;}
.topcont h1 {font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 0 0 10px; color:#fff; font-weight:bold; display:block; width:200px; float:left;}
#longtopcont {width:100%; background:url(images/long_container_top.png); height:37px; float:left; margin:10px 0 0 0;}
#longtopcont h1 {font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 0 0 10px; color:#fff;}
.maincont {width:233px; background:#222; float:left; padding:10px 0 0 0; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.maincont p {width:205px; margin:5px 0 5px 15px; font-size:12px; line-height:19px; float:left;}
.botcont {width:235px; float:left; background:url(images/container_bots.png) bottom; height:12px; margin:0 0 10px 0;}
#longbotcont {width:510px; float:left; background:url(images/long_container_bots.png); height:11px;}

#topcontport {width:100%; background:url(images/portfolio_tab.png); height:37px; float:left; margin:5px 0 0 0;}
#maincontport {width:752px; background:#222; float:left; padding:8px 0 0px 0; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#maincontport ul {list-style:none; width:750px; float:left; margin:0; padding:0 0 0 2px;}
#maincontport ul li {float:left; margin:0; padding:0;}
#maincontport ul li a {float:left; margin:8px 0 8px 15px; width:226px; height:96px; border:2px solid #444;}
#maincontport ul li a:hover {border:2px solid #3485c6;}
#botcontport {width:754px; float:left; background:url(images/portfolio_tab_bot.PNG) bottom; height:10px; margin:0 0 10px 0;}
.port-full-link {float:left; margin:13px 0 0 320px; padding:0; height:15px; font-size:10px;}
#topcontport h1 {font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 0 0 10px; color:#fff; font-weight:bold; display:block; width:300px; float:left; border:0;}

.testname {color:#3485c6;}

#tickerbox {width:990px; height:20px; float:left;background:url(images/ticker_bg.png) no-repeat bottom; padding:0 0 0 10px}
#tickerbox p {float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 9px 0 0; }
.ticker {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden; width:800px;}

#featuresmain {width:493px; border-right:1px solid #ccc; border-left:1px solid #ccc; float:left; background:#222; padding:5px 0 0 15px;}
#packagedetailsindex {width:510px; float:left; margin:3px 0 0px 0;}
.packageimages {margin:0 10px 0 0;}
#enquirycontainer  img {margin:0 0 10px 0;}
#enquirycontainer form {width:225px; margin:3px 0 0 5px; float:left;}
#enquirycontainer input {width:186px; margin:0 0 8px 8px; background:#333; border:#444 1px solid; padding:10px; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#enquirycontainer .textarea {width:186px; margin:0 0 8px 8px; background:#333; border:#444 1px solid; padding:10px; float:left; height:170px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; overflow:hidden;}
#enquirycontainer .submit {background:url(images/send_button.png); border:none; width:90px; height:30px; margin:0px 0 8px 8px; cursor:pointer;}
#enquirycontainer .submit:hover { background-position:0 -30px ;}

#enquirycontainerindex img {margin:0 0 10px 0;}
#enquirycontainerindex form {width:225px; margin:3px 0 0 5px; float:left;}
#enquirycontainerindex input {width:186px; margin:0 0 8px 8px; background:#333; border:#444 1px solid; padding:10px; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#enquirycontainerindex .textarea {width:186px; margin:0 0 8px 8px; background:#333; border:#444 1px solid; padding:10px; float:left; height:170px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; overflow:hidden;}
#enquirycontainerindex .submit {background:url(images/send_button.png); border:none; width:90px; height:30px; margin:0px 0 8px 8px; cursor:pointer;}
#enquirycontainerindex .submit:hover { background-position:0 -30px ;}

#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; margin:0 10px 0 0px}
#recentworkcontainer ul {width:225px; list-style:none; float:left; margin:-5px 0 0 5px;}
#recentworkcontainer ul li {width:215px; height:200px; border:0px solid #fff; margin:8px 0 0 4px; padding:0}
#recentworkcontainer-portfolio {width:217px; float:left; margin:0; text-align:right; padding:8px 11px 0px 5px; font-size:10px;}

#footer {width:1000px; margin:10px 0 0 0; float:left; font-size:12px; padding:20px 0 30px 0; border-top: dotted #ccc 1px;}
#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 : 983px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 983px;
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 : 990px;
height : 180px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
	width : 990px;
	height : 180px;
	overflow : hidden;
	position : absolute;
	left: 0px;
	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;
}
#notice {width:988px; float:left; border:1px solid #ccc; background:#6C6C6C; color:#fff; padding:5px; margin:0 0 10px 0; line-height:1.6;}