body { font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color:#000; background: fixed #0d0d0d;}
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}

/************************************************************************ <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}

/************************************************************************ 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:#256281;}

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:190px; height:90px; position:absolute; top:10px; left:10px;}
#navigation {width:700px; height:40px; padding:10px; background: #0d0d0d /*277fa5*/; border:1px solid #333; text-align:left; position:absolute; right:10px; top:25px;}

#enquiryForm {width:938px; height:200px; margin:0px auto 10px; background:#333; border:1px solid #828282;}
#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:#fff; border:1px solid #ccc;}
#enquiryForm textarea {padding:5px; font-size:1.2em; background:#fff; color:#fff; width:300px; height:100px; font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; border:1px solid #ccc;}
#enquiryForm input.btn {background:#0d0d0d; border:1px solid #0d0d0d; color:#fff;}
#enquiryForm input.btn:hover {background:#0d0d0d; border:1px solid #0d0d0d; color:#828282; cursor:pointer;}
#enqInfo {position:absolute; top:10px; left:10px; width: 170px; padding:15px; height:150px; background:#0d0d0d; border:1px solid #828282; color:#fff; text-align:left}

#navigation ul { padding-top:5px;}
#navigation li {display:inline; color:#fff; margin-right:20px; text-decoration:none; width:80px; line-height:25px;}
#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;}

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

#enquiryTab {height:30px; width:100px; position:absolute; right:20px; bottom:13px; border:3px solid #fff; background: url(../layout/bg_enquiry.jpg) top left; background-position: 0px -40px;}
#enquiryTab a {display:block; width:100%; height:100%;}
#enquiryTab:hover {cursor:pointer; border:3px solid #fff; background-position: 0px 0px;}

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

#contentLeft {width:598px; position:relative; color:#fff; padding:20px 10px; background: /*url(../layout/bg_leftContent.jpg) top left no-repeat*/ #0d0d0d;  border:1px solid #333; float:left; margin-right:10px;}
#contentLeft h1 a {background:#fff; padding:5px;}

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

/******************************************************************************** TUTORIAL HEADER CSS ELEMENTS ************************************************************************/

#cssTab {height:25px; width:70px; position:absolute; left:20px; font-size:10px; color:#fff; top:10px; text-align:center; background: url(../layout/bg_css.jpg) bottom;}
#cssTab:hover {cursor:pointer; height:30px; background-position: 0px -30px; top:5px;  color:#fff; }
#cssTab.selected {height:30px; background-position: 0px 0px; top:5px; color:#fff;}

#psTab {height:25px; width: 70px; position:absolute; left:95px; font-size:10px; color:#fff; top:10px; text-align:center; border:1px solid #828282; background:url(../layout/bg_css.jpg) bottom;}
#psTab:hover {cursor:pointer;  height:30px; background-position: 0px -30px; top:5px;  color:#fff; }
#psTab.selected {height:30px; background-position: 0px 0px; top:5px; color:#fff;}

#ajaxTab {height:25px; width:70px; position:absolute; left:170px; font-size:10px; color:#fff; top:10px; text-align:center; border:1px solid #828282; background:url(../layout/bg_css.jpg) bottom;}
#ajaxTab:hover {cursor:pointer; height:30px; background-position: 0px -30px; top:5px; color:#fff; }
#ajaxTab.selected {height:30px; background-position: 0px 0px; top:5px; color:#fff;}

#jqTab {height:25px; width:70px; position:absolute; left:245px; font-size:10px; color:#fff; top:10px; text-align:center; border:1px solid #828282; background:url(../layout/bg_css.jpg) bottom;}
#jqTab:hover {cursor:pointer;  height:30px; background-position: 0px -30px; top:5px; color:#fff; }
#jqTab.selected {height:30px; background-position: 0px 0px; top:5px; color:#fff;}

#phpTab {height:25px; width:70px; position:absolute; left:320px; font-size:10px; color:#fff; top:10px; text-align:center; border:1px solid #828282; background: url(../layout/bg_css.jpg) bottom;}
#phpTab:hover {cursor:pointer;  height:30px; background-position: 0px -30px; top:5px; color:#fff; }
#phpTab.selected {height:30px; background-position: 0px 0px; top:5px; color:#fff;}



.homeSlideWrap {width:588px; height:120px; position:relative; padding:10px 5px 30px; margin:5px 0px; background:#333;}
.homeSlideWrapImg {width:80px; height:80px; background:#ddd; position:absolute; left:10px; top:10px; border:2px solid #fff;}
.homeSlideWrapTxt {position:absolute; width:470px; top:10px; right:0px; padding:0px; padding-right:10px; text-align:justify;}
.homeSlideWrapMore{position:absolute; bottom:7px; right:10px; padding:4px; border:1px solid #fff; font-size:0.9em; background: #0d0d0d; color:#fff}
.homeSlideWrapMore:hover {border:1px solid #fff; background: #828282; cursor:pointer; color:#fff;}
.homeSlideWrapMore a {color:#fff}
.carouselImg {width:588px; height:180px; border:5px solid #247094; float:left;}
.carouselTxt {width:292px; height:180px; margin-left:10px; padding:5px; color:#fff; float:left;}
a.carouselBtn {height:25px; position:absolute; right:0px; bottom:0px; font-size:0.8em; padding-top:5px; padding:5px 5px 0px; color:#fff; text-align:center; border:1px solid #fff; background: #4a7fb5;}
a.carouselBtn:hover { border:1px solid #828282; background: #0a2b49; cursor:pointer; color:#fff;}


/******************************************************************** 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;}

/******************************************************************************** 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;}