/* CSS Document */
div {border:px solid #e2e2e2; }
body.body  {text-align:center; margin:0; padding:0; font:12px/14px Arial, Helvetica, sans-serif; background-color:white;}
p,ul,ol,body.editor p,body.editor ul,body.editor ol {color:#001155; font:13px/16px Arial, Helvetica, sans-serif;}

.clr {clear:both; font-size:1px; line-height:1px; height:1px;}
a { text-decoration:none; color:#FF3300;}
a:hover { text-decoration:underline;}
strong {font-weight:bold;}

form {margin:0; padding:0;}
.left { float:left; padding-right:10px;}
.right { float:right; padding-left:10px;}
.small {font-size:.9em;}
.author, span.author {font-size:.8em; font-style:italic;}
br {font-size:1px; line-height:1px; height:1px; margin:0; padding:0; clear:both;}
hr (height:0px; border:0; border-top:1px solid #AAADC9;)

#strip {background-color:#01387E; padding:5px 0 5px 0; clear:both;display:none;}
#strip-wrap {width:870px; margin:0 auto 0 auto; text-align:left;}

#bc {clear:both; height:1%; }
#bc span {float:left;font-size:10px; margin:0 5px 0 0; padding:0; color:#AAADC9; }
#bc ul.breadcrumbs {float:left; font-size:10px; margin:0; padding:0; color:#AAADC9; width:700px; }
#bc ul.breadcrumbs li {}
#bc ul.breadcrumbs a {color:#AAADC9;padding:0 10px 0 0; background:url(../images/sce/bullet-arrow-1.gif) center right no-repeat; }

#wrapper {width:870px; margin:0 auto 0 auto; text-align:left; line-height:14px; position:relative;}

#headerlinks { float:right; color:#AAADC9; clear:both; padding-top:5px;}
#headerlinks a {font-size:11px; color:#AAADC9; padding:0 4px;}

#header {clear:both; z-index:50; padding-top:20px;  height:86px;}
#logo  { width:308px; height:76px; float:left;  }

#nav-bar {clear:both; background:url(../images/sce/nav-bg.gif) top left repeat-x; margin-top:0px; padding:0;}

#jump-list {position:absolute; top:33px; left:670px;}

#search {float:right; width:200px; padding:8px 0 10px 0; text-align:right; background:url(../images/sce/search-bg.gif) bottom right no-repeat; margin-right:7px;}
#search input#keywords {background: transparent; border:0; float:right; width:105px; margin:4px 11px 0px 0; font-size:13px; padding:5px 8px; color:#0D1B73;}
#search input#search-go {margin:4px 6px -2px 0; float:right;}

#mainbody {margin-top:; background:url(../images/sce/main-bg.gif) bottom right no-repeat; }

#content {width:599px; float:left; }
#content a {font-weight:bold;text-decoration:none; color:#FF3300; }
#content a:hover {text-decoration:underline; }
#content h1,body.editor h1,table h1 {font-size:170%; line-height:110%; font-weight:normal; margin:5px 10px 15px 0; color:#0D1B73;}
#content h2,body.editor h2 {font-size:140%; margin:5px 10px 5px 0; color:#0D1B73;}
#content h3,body.editor h3 {font-size:130%; margin:5px 10px 5px 0; color:#FF3300;}
#content h4,body.editor h4 {font-size:120%; margin:5px 10px 5px 0; color:#0D1B73;}
#content h5,body.editor h5,table h5,#right h5 {font-size:110%; margin:5px 10px 5px 0; color:#FF3300;}
#content h6,body.editor h6 {font-size:100%; margin:5px 10px 5px 0; color:#0D1B73;}
	
#panel {margin-top:0; width:599px; height:225px; overflow:hidden;}
#panel div.cycle {width:599px; height:225px; z-index:2;}
.panel-ic {background:url(../images/sce/panel-intel.png) top left no-repeat; position:; z-index:3;}
.panel-adv {background:url(../images/sce/panel-adv.png) top left no-repeat; position:; z-index:4;}
.panel-des {background:url(../images/sce/panel-design.png) top left no-repeat; position:; z-index:5;}
.panel-web {background:url(../images/sce/panel-web.png) top left no-repeat; position:; z-index:6;}
/* #panel div.cycle img.btn-more {position:absolute; top:18px; left:485px; z-index:7;}*/
#panel div.cycle a img.btn-more {
float:right; margin:40px 20px 0 0; height:22px; width:96px; position:relative;}

#gallery-img { background:url(../images/sce/work-gallery-bg.jpg) no-repeat; position:relative; height:438px; width:870px; padding-top:20px;}
#gallery-img img.back { position:absolute; top:380px; left:0;}
#gallery-img img.next {position:absolute; top:380px; left:790px;}
#gallery-text p {margin-bottom:8px;}
#gallery-text a {color:#ff3300;}
#gallery-text h1 {font-size:200%; font-weight:normal; margin:5px 10px 10px 0; color:#0D1B73; border-bottom:1px solid #e2e2e2; padding-bottom:8px;}
#gallery-text ul { list-style-image: url(../images/sce/bullet-arrow-1.gif); margin-top:0px;}
#gallery-text ul li {margin-top:7px;}
.thumbs {float: left; width: 160px; height:400px; margin:0 30px;}
#nav {  margin: 0; padding:0; list-style-type:none; }
#nav li { width: 101px; float: left; margin: 2px; list-style: none; padding: 2px; display: block; }
#nav a { width: 100px; padding: 0px; display: block;  }
#nav li.activeLI { background: #0066FF; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
#nav br {display:none;}
#slideshow { border:; width:600px; height:400px; float:left; overflow:hidden;}
#output {border-bottom:1px solid #ff3300; margin:-10px 0 15px 0; padding:0;}
#output {}
#output h4 {color:#ff3300; font-size:13px; padding:0 0 10px 0; margin:0;font-weight:normal;}
#sub-menu {width:180px; float:left; margin-top:10px; }

#content {position:relative; z-index:10;}
#content #text {margin-top:15px; font-size:1.1em; line-height:1.3em;}
#content #text p,body.editor p {margin:0 0 14px 0;}
#content #text ul,body.editor ul {margin-top:0px;}
#content #text li,body.editor li {padding-top:4px;}
#content #text ul.arrows {list-style-image: url(../images/sce/bullet-arrow-1.gif); margin-left:14px; padding-left:14px;}
#content #text ul.arrows2 {list-style-image: url(../images/sce/bullet-arrow-1.gif); margin-left:7px; padding-left:7px; font-size:12px; line-height:14px;}
#content #text ul.arrows2 li { margin-bottom:6px;}

#content #text div.testimonial,body.editor div.testimonial {border:1px solid #e2e2e2; padding:11px 13px 3px 13px; clear:both; margin-bottom:10px;}
#content #text div.testimonial p,body.editor div.testimonial p {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:18px; color:#666666;}
#content #text div.testimonial p.test-name,body.editor div.testimonial p.test-name {font-family: Arial; color:#0D1B73; font-size:11px; line-height:12px; font-style:normal;}
#content #text div.testimonial span.quotemark,body.editor div.testimonial span.quotemark {font-size:20px;}

#text div.text-col1 {width:290px; margin-right:10px; float:left;}
#text div.text-col2 {width:290px; float:left;}

#right {width:200px; float:right; margin-left:40px; font-size:1em; }
#right p { margin:0; color:#0D1B73;line-height:1.3em; }
#right img {margin:10px 0 5px 0;}
#right img#enquire-btn {margin:0;}
#right div.indent {margin:0 0 0 34px;}
#right h5 {font-size:110%; margin:10px 10px 5px 0; color:#FF3300;}
#right h3 {font-size:120%; margin:10px 10px 5px 0; color:#0D1B73;}

#turbo-form {margin:10px 0 10px 0; }
#turbo-form td [margin:0; padding:2;]
#turbo-form td input {border:1px solid #CFD1E3; width:80px; margin:0 3px;}
div#turbo-form table td input#truiik-truiik,div#turbo-form table td input#name {border:1px solid #CFD1E3; margin:0 3px; width:80px;}
#turbo-form input#turbo-submit {}

#footer {clear:both;font-size:10px; color:#AAADC9; padding-top:20px; width:870px; margin:0 auto 0 auto; text-align:left;}
#footercopy { float:left;}  
#footerlinks { float:right;}
#footer a {font-size:10px; color:#AAADC9;}

#quicklinks {clear:both; font-size:10px; padding:10px 0 10px 20px; background: #EAECF4 url(../images/sce/footer-bg.gif) 482px 0 no-repeat;}
table.ql {width:720px; float:left;}
table.ql td.ql-head, body.editor table-ql td.ql-head {font-size:10px; height:20px; color:#0D1B73; font-weight:bold;}
table.ql td.ql-col ul, .ql-col ul { list-style-type:none; margin:0; padding:0; color:#AAADC9; font-size:9px; }
table.ql td.ql-col ul li a {color:#AAADC9; }

table.contact, body.editor table.contact {width:500px; color:#0D1B73; font-size:90%; margin:10px 0 10px 0;}
table.contact td, body.editor table.contact td {padding:4px;}
table.contact td.contactBy, body.editor table.contact td.contactBy {width:100px; color:#ff3300; font-weight:bold; font-size:100%;vertical-align:top;}

table.websites-table p { font-size:11px;}
table.websites-table td a img { border:2px solid #e2e2e2;}
table.websites-table td a:hover img { border:2px solid #ff3300;}

/* NEWS STYLING */

.news_manager { }
.news_manager span.news_date {font-size:9px; display:block; color:#AAADC9; padding-top:6px;}
.news_manager a.news_title {font-weight:bold; display:block; font-size:14px; line-height:16px; color:#ff3300; padding:2px 0 5px 0; }
.news_manager a.news_title:hover {text-decoration:none; color:#0D1B73;}
.news_manager span.news_title { font-size:11px; color:#0D1B73; margin:3px 0 6px 0;display:block;}
.news_manager div.news_headline {padding:0 0 3px 0;line-height:15px; font-size:12px; color:#0D1B73; }

.VolNewsDetail span.news_title {font-size:20px; line-height:22px; color: #ff3300; margin-bottom:10px;}
.VolNewsDetail span.news_date {display:none;}
.VolNewsDetail span.news_headlines {display:none;}

/* Right COl NEWS STYLING */
#right div.news_manager div.news_headline {display:none;}
#right div.news_manager a.news_title {font-size:12px;}



/* FORM STYLING */
.form-layout {border:; padding:15px 0 10px 0; width:420px;}
.form-layout label {color:#0D1B73; padding:3px 3px 0 0; }
.form-layout span.form_data input,.form-layout span.form_data textarea {border:1px solid #cccccc; padding:2px 5px; font-family:arial; color:#666666; font-size:14px; width:250px;}
.form-layout .separator {height:10px;}
.form-layout .indent {margin-left:120px;}

#contactform p label {color:#0D1B73; padding:3px 3px 0 0; }
#contactform p input,#contactform p textarea {border:1px solid #cccccc; padding:2px 5px; font-family:arial; color:#666666; font-size:14px; width:250px;}
#contactform #formsend input { padding-left:115px;}
#contactform select#ctl00_MainContent_ctl03_field5 {border:1px solid #cccccc; width:250px;}


#design-form {border:1px solid #FF3300; width:160px; position:absolute; top:30px; left:670px; z-index:1000; }
#design-form form {width:156px; border:0;}
#design-form #contactform {border:0;}
#design-form #contactform #formsend input {width:88px; padding-left:25px;}
#design-form form table {width:156px; border:0;}
#design-form label#interested {display:none;}
#design-form h2 {color:#FF3300; font-size:170%; font-weight:normal; margin:10px 10px 0px 10px; }
#design-form #contactform select#ctl00_MainContent_ctl03_field5 {display:none;}
#design-form textarea#ctl00_MainContent_ctl03_field6 {height:80px;}



#site_map {margin-left:40px; font-size:18px; line-height:18px;}
#site_map li {margin-bottom:2px;}
#site_map ul {list-style:none; margin-bottom:15px; margin-top:10px;display:block;}
#site_map ul a {font-size:18px;}
#site_map ul ul {list-style:none; font-weight:normal; margin:2px 0 5px 20px; }
#site_map ul ul a {color:#8B8978; font-size:14px;}
#site_map ul ul ul {list-style:none; font-weight:normal; margin:0 0 5px 25px; }
#site_map ul ul ul a {color:#8B8978;font-size:12px;}

#content table#grid-work img {padding:0 5px 5px 0;}

body.editor {font-family: Arial, Helvetica, sans-serif; text-align:left;  }
body.editor p { margin-top:5px; color:#001155; font-size:12px;}