body { font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color:#000; background:/* url(../layout/bg_body8.jpg)*/ fixed #010204;}
html {text-align:center; color: black; overflow-y: scroll;}
.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}
.border {border:1px solid #ccc; background:#fff; margin:4px; padding:2px}
.disclaimer-txt {font-size: 12px; color:#666}
.script {font-family: Geneva, Arial, Helvetica, sans-serif}
.s1dblue {color:#3c71a7}
.s1dgrey {color:#3c71a7}
.s1dwhite {color:#fff}


/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {font-size:150%; color:#fff; font-weight:bold}
h2 {font-size:130%; color:#2e86b2; font-weight:bold; margin:0; padding:0;}
h3 {font-size:110%; color:#256281; font-weight:bold;}
h4 {font-size:100%; color:#fff}
h5 {font-size:100%; color:#fff}

table.whatweoffer { margin-top:10px; margin-left:10px;}

table.whatweoffer td {
border:1px dotted #999;
padding:8px;
background:#eee;
vertical-align:middle;
}

td.servicetypes {
color:#5B6166;
/*color:#5B6166;*/
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
text-align:center;
}

td.prices {
color:#fff;
font-size:1.2em;
font-weight:normal;
letter-spacing:-1px;
text-align:left;
}

.servicetypes {
color:#3c71a7;
/*color:#5B6166;*/
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
padding-left:10px;
margin-bottom:5px;
}

#content p.introQuote {font-size:1.6em; color:#d4bb47; background:#5B6166; letter-spacing:-1px; line-height:1.2em; margin:10px auto; padding:15px; font-weight:normal; -moz-border-radius: 10px; -webkit-border-radius: 10px;} /*nice green quote*/

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li {margin:0; padding:0;}

/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#fff; text-decoration:none; font-weight:bold}
a:hover {color:#3c71a7;}

input, select, textarea {-moz-border-radius: 5px; -webkit-border-radius: 5px;}

/******************************************************************************** HOMEPAGE BASE CSS ELEMENTS ************************************************************************/

#topWrap {width:100%; height:100px;}
#header {width: 960px; height:100px; margin:auto; position:relative}
#logo {width:130px; height:90px; position:absolute; top:10px; left:10px;}
#navigation {width:700px; height:40px; padding:10px; text-align:left; position:absolute; left:170px; top:25px;}

#outerWrap {
background:rgba(255, 255, 255, 0.1);
margin:0px auto;
overflow:hidden;
padding:0px 15px;
width:974px;
border-right:1px solid rgba(60,113,167,0.3);
border-left:1px solid rgba(60,113,167,0.3);
}

#content .titleHeadTag { position:absolute; right:-90px; top:0; width:200px; height:60px; background:#fff; z-index:999}

#enquiryForm {width:938px; height:200px; margin:0px auto 10px; background:#010204;}
#enquiryForm table {text-align:right; margin-top:20px; font-size:1em; float:right; margin-right:15px;}
#enquiryForm table td{ vertical-align:top;}
#enquiryForm table tr{ vertical-align:top;}
#enquiryForm table label {color:#fff;}
#enquiryForm input { padding:5px; font-size:1.4em; background:#fff; color:#333; border:1px solid #666; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);}
#enquiryForm textarea {padding:5px; font-size:14px; background:#fff; color:#333; width:300px; height:100px; font:14px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; border:1px solid #666; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);}
#enquiryForm input.btn {background:#0d0d0d; border:2px solid #0d0d0d; color:#fff;}
#enquiryForm input.btn:hover {background:#0d0d0d; border:2px solid #fff; color:#828282; cursor:pointer;}
#enqInfo {position:absolute; top:10px; left:10px; width: 230px; padding:15px; height:150px; background:#5B6166; border:1px solid #fff; color:#fff; text-align:left}

#navigation ul { padding-top:5px;}
#navigation li {display:inline; color:#fff; margin-right:20px; text-decoration:none; font: normal 1.8em 'Yanone Kaffeesatz', arial, serif; text-shadow:0 2px 2px rgba(0, 0, 0, 0.9); line-height:25px; text-transform:uppercase; }
#navigation li a:hover {border-bottom:4px solid #247094; padding-bottom:3px; text-decoration:none; color:#fff; line-height:25px;}
#navigation li .current {border-bottom:4px solid #247094; padding-bottom:3px;}

#navigation li.welcome a:hover {border-bottom:4px solid #6f4b7a;}
#navigation li.services a:hover {border-bottom:4px solid #557a4b;}

#showcase {width:920px; height:190px; position:relative; padding:10px; margin:0px auto 15px; background: #fff/*url(../layout/bg_showcase.jpg) right no-repeat*/;   text-align:left;}

#enquiryTab {position:absolute; right:-60px; bottom:13px; padding:10px; font-size:2em; font-family: 'Yanone Kaffeesatz', arial, serif; cursor:pointer; text-transform:uppercase; background:#010204; border:2px solid #010204; color:#fff; -webkit-transition: -webkit-transform .2s ease-in-out;}
#enquiryTab:hover {border:2px solid #fff; color:#828282; cursor:pointer;  -webkit-transform: scale(1.2);}

#contentWrap {width:940px; overflow:hidden; margin:0px auto; padding:0px 10px 0px; position:relative;}
#content {width:940px; position:relative; text-align:left}

#contentLeft {width:918px; position:relative; color:#444; padding:0px 10px; margin-bottom:20px; background: /*url(../layout/bg_leftContent.jpg) top left no-repeat*/ #f9f9f9;  float:left;}
#contentLeft h1 a {background:#fff; padding:5px;}

#contentLeft p {padding:0 0 0 10px; text-align:justify;}

#contentRight {width:298px; float:left; background: url(../layout/bg_rightContent.jpg) top right no-repeat #0d0d0d;  border:1px solid #333; padding:25px 5px; display:none;}
.adBox {width:135px; height:135px; border:5px solid #ddd; float:left; margin:0px 8px 8px 0px}



.homeSlideWrap {width:908px; position:relative; padding:20px 5px; margin:10px 0px; overflow:hidden;}

.homeSlideWrapImg {width:80px; height:80px; background:#ddd; float:left; margin-left:5px; border:2px solid #fff; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);}
.homeSlideWrapImg:hover {-moz-transform:scale(0.9)}
.homeSlideWrapTxt {float:left; width:452px; padding:0px; margin-bottom:10px; padding-left:15px; text-align:justify;}

.homeSlideWrapTxt p {line-height:1.3em; font-size:1.2em;}

.homeSlideWrapTxt strong {font: normal 1.6em 'Yanone Kaffeesatz', arial, serif;}

.hswPortfolioBox {width:300px; height:150px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border:1px solid #999999; padding:10px; -moz-border-radius: 5px;-webkit-border-radius: 5px; float:left; margin-left:20px; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.2); position:relative;}

a.hswTestimonial {width:40px; height:40px; position:absolute; right:-5px; top:0px; background:url(../layout/testimonial-bubble.png) no-repeat;}

a.hswTestimonial:hover { background-position:0 -40px}

a.link_portfolio {padding:5px; font-size:1.4em; font-family: 'Yanone Kaffeesatz', arial, serif; cursor:pointer; text-transform:uppercase; background:#fff; border:2px solid #ddd; color:#0d0d0d;}

a.link_portfolio:hover {border:2px solid #ccc; color:#111; cursor:pointer;}

a.btn_top {padding:5px; font-size:1.1em; letter-spacing:1px; font-family: 'Yanone Kaffeesatz', arial, serif; cursor:pointer; text-transform:uppercase; background:#fff; border:2px solid #ddd; color:#0d0d0d;}

a.btn_top:hover {border:2px solid #ccc; color:#111; cursor:pointer;}

a.getQuote { position:relative; top:27px; left:-4px; padding:5px; padding-left:25px; font-size:1em; letter-spacing:1px; font-family: 'Yanone Kaffeesatz', arial, serif; cursor:pointer; text-transform:uppercase; background: url(../layout/bg_quote.png) no-repeat #010204; border:2px solid #000; color:#fff; }

a.getQuote:hover {border:2px solid #2e567f; background:url(../layout/bg_quote.png) no-repeat #396a9c; color:#ddd; cursor:pointer;  }

a.viewScreenshots { position:relative; top:27px; left:0px; padding:5px; padding-left:25px; font-size:1em; letter-spacing:1px; font-family: 'Yanone Kaffeesatz', arial, serif; cursor:pointer; text-transform:uppercase; background: url(../layout/bg_camera.png) no-repeat #010204; border:2px solid #000; color:#fff;}

a.viewScreenshots:hover {border:2px solid #2e567f; background:url(../layout/bg_camera.png) no-repeat #396a9c; color:#ddd; cursor:pointer;}

.testimonialBox {float:left; width:455px; padding:10px 10px 0px 38px; margin-left:66px; text-align:justify; line-height:1.3em; background:url(../layout/testimonial-bubble.png) #ddd no-repeat; background-position:0 -40px; color:#333; font-style:italic; border:1px solid #ccc;}

.hswPortfolioDetails {width:875px; margin-top:55px; margin-left:5px; height:21px; background:#cdd9e6; float:left; padding:8px 10px; border-top:1px dashed #ccc; font-weight:bold;}
.hswPortfolioDetails a {color:#111;}

div.portfolio_logos {width:488px; float:left; padding:20px 0px 50px 8px;}

div.portfolio_text {width:400px; float:left; padding:10px;}

div.portfolio_logos ul li {float:left;}

div.portfolio_logos ul li a img {
height:80px;
margin:10px 9px;
position:relative;
width:80px;
z-index:1;
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
border:1px solid #999999;
padding:10px;
 -moz-border-radius: 5px; -webkit-border-radius: 5px;
 -webkit-transition: -webkit-transform .2s ease-in-out;
 -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
}

div.portfolio_logos ul li a img:hover {background:none repeat scroll 0 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(1.1);}

div.portfolio_logos ul li a {position:relative;}
div.portfolio_logos ul li a span {display:none; position:absolute; bottom:-10px; right:0px; z-index:2; width:90px; text-align:center; line-height:1.2em; color:#fff; padding:10px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

div.portfolio_logos ul li a:hover span {display:block; background:rgba(60, 113, 167, 1);}


.carouselImg {width:588px; height:180px; border:5px solid #fff; float:left;}
.carouselTxt {width:292px; height:180px; margin-left:10px; padding:5px; color:#fff; float:left;}
.carouselTxt h1 {color:#333}
.carouselTxt p {color:#828282}
a.carouselBtn {height:25px; position:absolute; right:0px; bottom:0px; font-size:0.8em; padding:5px 5px 0px; text-align:center; background:#0d0d0d; border:2px solid #0d0d0d; color:#fff;}
a.carouselBtn:hover {border:2px solid #fff; color:#828282; cursor:pointer;}


/******************************************************************** MAIN PAGE CONTENT & PROMO BOXES *************************************************************************************/

.homeThumb {width:260px; height:200px; background:#fff; margin-right:20px; border:10px solid #082039; float:left; position:relative}
.homeThumbTag {height:32px; background:#082039; border:1px solid #0c2d51; border-top:none; position:absolute; right:10px; bottom:-45px; padding:5px 10px 0px; font-size:14px; font-weight:bold; color:#fff;}

/******************************************************************** PORTFOLIO BOXES *************************************************************************************/

.portfolioWrap {width:908px; position:relative; padding:20px 5px; margin:10px 0px; background:#333; overflow:hidden; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.9);}

.portfolioTitle {font: normal 1.6em 'Yanone Kaffeesatz', arial, serif; text-shadow:0 2px 2px rgba(0, 0, 0, 0.9); padding:0px; padding-left:5px; margin-bottom:5px; clear:both;}

.portfolioBox {width:286px; height:150px; background:#ddd; float:left; border:2px solid #fff; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.9); position:relative; margin-left:6px; margin-right:6px; margin-bottom:10px;}

/******************************************************************************** FOOTER / DISCLAIMER / BOTTOM LINKS CSS **********************************************************/

#footer {width:940px; height:50px; border-top:5px solid #ddd; padding:0px 10px 5px; text-align:left; background:#fff; clear:both; position:relative;}
#footer  a:link, #footer  a:visited {color:#435070}
#footer  a:hover {color:#333}
#footer .footerOption{height:25px; color:#fff; padding-top:5px; float:left; padding-left:10px; margin-right:10px;}

#footer .designby {width:50px; height:50px; position:absolute; right:0px; top:0px;}

#disclaimer {width:940px; height:30px; text-align:center; border-top:2px dotted #ddd; padding:10px 10px 5px; background:#fff; clear:both;}