html, body { 
height : 100%; 
} 
body { 
font-family : Arial, Tahoma, Verdana; 
font-size : 12px; 
margin : 0; 
padding : 0; 
color : #000000; 
height : 100%; 
line-height : 20px; 
background-image : url(images/bg.jpg); 
background-repeat : repeat-x; 
} 
* { 
margin : 0; 
padding : 0; 
} 
*:focus { 
outline : none; 
} 
.clr { 
clear : both; 
} 
form { 
margin : 0; 
padding : 0; 
} 
hr { 
border : 0; 
background-color : #ff6600; 
height : 1px; 
margin : 5px 0 5px 0; 
padding : 0; 
} 
* + html hr { 
margin : 0 0 5px 0; 
} 
h1, h2 { 
margin-bottom : 15px; 
font-family : "Trebuchet MS", Arial, Verdana; 
font-size : 11px; 
font-weight : normal; 
color : #6d6d6d; 
} 
h3, h4, h5, h6 { 
margin-bottom : 8px; 
font-family : "Trebuchet MS", Arial, Verdana; 
font-size : 11px; 
font-weight : normal; 
color : #6d6d6d; 
} 
h1 { 
font-size : 24px; 
line-height : 26px; 
} 
h2 { 
font-size : 20px; 
line-height : 22px; 
} 
h3 { 
font-size : 18px; 
line-height : 20px; 
} 
h4 { 
font-size : 14px; 
line-height : 15px; 
} 
h5, h6 { 
font-size : 13px; 
line-height : 15px; 
} 
a { 
text-decoration : none; 
color : #000000; 
} 
a:hover { 
text-decoration : none; 
color : #ff6600; 
} 
a img { 
border : none; 
} 
.imgleft { 
float : left; 
margin-right : 15px; 
margin-top : 5px; 
} 
.imgborder { 
padding : 0; 
margin : 5px 0; 
} 
.imgright { 
float : right; 
margin-left : 15px; 
} 
.imgcenter { 
margin : 5px auto 10px auto; 
display : block; 
text-align : center; 
} 
p, ul, ol, blockquote { 
font-size : 12px; 
margin-bottom : 20px; 
} 
ul, ol { 
margin : 10px 0 20px 20px; 
} 
li ol, li ul { 
list-style : square; 
margin-bottom : 0; 
margin-top : 0; 
} 
li ol { 
list-style : decimal; 
} 
blockquote { 
font-style : italic; 
font-size : 12px; 
margin : 20px 0 25px 0; 
color : #6b6b6b; 
padding : 15px 20px 10px 35px; 
background-image : none; 
line-height : 20px; 
border : 1px dotted #f2f2f2; 
border-width : 1px 0; 
} 
blockquote.quote { 
font-style : italic; 
font-size : 14px; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-weight : bold; 
margin : 20px 0 20px 0; 
color : #6b6b6b; 
padding : 15px 20px 10px 35px; 
background-image : url(../images/blockquote.gif); 
background-repeat : no-repeat; 
line-height : 27px; 
border : 0; 
} 
code { 
font-family : Verdana, Arial; 
letter-spacing : 1px; 
margin : 25px 0 25px 0; 
display : block; 
font-size : 0.9em; 
border-left : 4px solid #e0e0e0; 
padding : 15px 10px; 
} 
#wrapper { 
width : 100%; 
} 
#wrapper-graph { 
background-image : url(images/bg_effect.jpg); 
background-repeat : no-repeat; 
width : 100%; 
} 
#container { 
width : 1020px; 
margin : 0 auto; 
} 
#top { 
width : 940px; 
padding : 10px 40px 10px 40px; 
} 
.title { 
font-family : "Century Gothic", Arial, Verdana; 
font-size : 44px; 
color : black; 
vertical-align : top; 
margin : 45px 0 0 10px; 
position : absolute; 
} 
.toon { 
position : absolute; 
margin : 12px 0 0 405px; 
} 
.sitemap { 
position : absolute; 
margin : 45px 0 0 780px; 
} 
#nav { 
width : 1020px; 
height : 66px; 
} 
#home { 
position : relative; 
float : left; 
} 
#home a { 
background : url(images/home.png); 
width : 160px; 
height : 66px; 
display : block; 
} 
#home a:hover { 
background : url(images/home_a.png); 
width : 160px; 
height : 66px; 
display : block; 
} 
#about_us { 
position : relative; 
float : left; 
} 
#about_us a { 
background : url(images/about.png); 
width : 140px; 
height : 66px; 
display : block; 
} 
#about_us a:hover { 
background : url(images/about_a.png); 
width : 140px; 
height : 66px; 
display : block; 
} 
#services { 
position : relative; 
float : left; 
} 
#services a { 
background : url(images/services.png); 
width : 140px; 
height : 66px; 
display : block; 
} 
#services a:hover { 
background : url(images/services_a.png); 
} 
#portfolio { 
position : relative; 
float : left; 
} 
#portfolio a { 
background : url(images/portfolio.png); 
width : 140px; 
height : 66px; 
display : block; 
} 
#portfolio a:hover { 
background : url(images/portfolio_a.png); 
} 
#career { 
position : relative; 
float : left; 
} 
#career a { 
background : url(images/career.png); 
width : 140px; 
height : 66px; 
display : block; 
} 
#career a:hover { 
background : url(images/career_a.png); 
} 
#training { 
position : relative; 
float : left; 
} 
#training a { 
background : url(images/training.png); 
width : 140px; 
height : 66px; 
display : block; 
} 
#training a:hover { 
background : url(images/training_a.png); 
} 
#contact_us { 
position : relative; 
float : left; 
} 
#contact_us a { 
background : url(images/contact_us.png); 
width : 160px; 
height : 66px; 
display : block; 
} 
#contact_us a:hover { 
background : url(images/contact_us_a.png); 
} 
#content { 
width : 960px; 
height : 1040px; 
background-image : url(images/content_bg.png); 
padding : 10px 30px 10px 30px; 
} 
#hc_header { 
background-color : gray; 
border : 1px solid black; 
width : 960px; 
height : 250px; 
} 
#hc_welcome { 
margin-top : 15px; 
width : 960px; 
height : 230px; 
} 
#hc_welcome_txt { 
width : 600px; 
height : 100%; 
float : left; 
padding : 10px; 
} 
.subtitle_txt { 
font-family : Calibri, Arial, Verdana; 
font-size : 20pt; 
color : black; 
} 
.orange_txt { 
color : #ff6600; 
} 
#hc_testimonials { 
width : 302px; 
height : 100%; 
float : left; 
padding : 10px; 
} 
.testimonials_container { 
background-image : url(images/testimonial_bg.png); 
height : 162px; 
width : 302px; 
} 
#testimonials { 
position : relative; 
overflow : hidden; 
top : 15px; 
left : 15px; 
width : 267px; 
height : 125px; 
text-align : justify; 
} 
.testimonial { 
text-align : right; 
border-bottom : 1px dotted #666666; 
} 
.testimonial_txt { 
text-align : justify; 
} 
.testimonial_name { 
font-weight : bold; 
color : #ff4400; 
} 
.testimonial_company { 
font-weight : bold; 
color : #666666; 
} 
.testimonial_website { 
color : #666666; 
font-style : italic; 
} 
#onyx_map { 
background-image : url(images/map.png); 
height : 670px; 
width : 927px; 
border : 1px solid #333333; 
} 
#hc_services { 
width : 960px; 
height : 250px; 
} 
#hc_service { 
background-image : url(images/services_bg.jpg); 
width : 225px; 
height : 227px; 
margin-right : 15px; 
float : left; 
} 
.service_img { 
position : relative; 
margin-top : 17px; 
margin-left : 25px; 
float : left; 
} 
.service_title { 
color : #ffffff; 
font-family : Calibri, Arial, Verdana; 
font-size : 20px; 
position : absolute; 
margin-top : 20px; 
margin-left : 85px; 
} 
.service_txt { 
position : absolute; 
color : #000000; 
margin-left : 33px; 
margin-top : 55px; 
width : 180px; 
text-align : justify; 
} 
#hc_recent_work { 
margin-top : 10px; 
width : 960px; 
} 
#hc_recent_work_slide { 
background-image : url(images/recent_work_bg.jpg); 
background-repeat : no-repeat; 
background-position : 20px 40px; 
width : 546px; 
height : 261px; 
float : left; 
padding : 10px; 
} 
#slider { 
width : 500px; 
margin : 0 auto; 
position : relative; 
padding : 0 23px 0 23px; 
} 
.scroll { 
overflow : hidden; 
width : 480px; 
position : relative; 
margin-top : 10px; 
margin-left : 20px; 
} 
.scrollContainer { 
position : relative; 
} 
.scrollContainer div.panel { 
padding : 5px 10px 5px 10px; 
width : 174px; 
height : 231px; 
} 
.inside { 
padding : 5px 10px 5px 10px; 
} 
.inside img { 
display : block; 
border : 1px solid #666; 
margin : 0 0 10px 0; 
width : 150px; 
} 
.inside h2 { 
font-weight : normal; 
color : #111; 
font-size : 16px; 
margin : 0 0 8px 0; 
} 
.inside p { 
font-size : 11px; 
color : #ccc; 
} 
.scrollButtons { 
position : absolute; 
top : 95px; 
cursor : pointer; 
} 
.scrollButtons.left { 
left : 11px; 
} 
.scrollButtons.right { 
right : -9px; 
} 
.hide { 
display : none; 
} 
#hc_requestquote { 
background-image : url(images/raq_bg.jpg); 
background-repeat : no-repeat; 
background-position : 20px 40px; 
width : 358px; 
height : 263px; 
float : left; 
padding : 10px; 
} 
#footer { 
width : 100%; 
} 
#footer_item { 
float : left; 
padding : 10px; 
margin-left : 25px; 
} 
.footer_title { 
font-family : "Century Gothic", Arial, Verdana; 
font-size : 14pt; 
color : #000000; 
border-bottom : 1px solid #ff6600; 
margin-left : 10px; 
} 
#footer_menu { 
margin : 10px 10px 10px 0; 
} 
#footer_menu ul { 
list-style : none; 
margin : 0; 
padding : 0; 
} 
#footer_menu li a { 
height : 28px; 
voice-family : "\"}\""; 
voice-family : inherit; 
height : 24px; 
text-decoration : none; 
} 
#footer_menu li a:link, #footer_menu li a:visited { 
color : #000000; 
display : block; 
background : url(images/footer_nav.png); 
padding : 4px 0 0 30px; 
} 
#footer_menu li a:hover { 
color : #000000; 
background : url(images/footer_nav.png) 0% -28px; 
padding : 4px 0 0 30px; 
} 
.f_contact { 
margin-left : 10px; 
font-family : Calibri, Verdana, Arial; 
font-size : 10pt; 
} 
.social_network { 
padding : 8px; 
} 
#c-inner { 
padding : 15px; 
} 
#c-inner-inner { 
padding-right : 15px; 
height : 900px; 
overflow : auto; 
} 
#c-inner-top-left { 
float : left; 
} 
#c-inner-top-right { 
text-align : right; 
} 
#hc_requestquote_inner { 
background-image : url(images/raq_bg.jpg); 
background-repeat : no-repeat; 
background-position : 0 30px; 
width : 350px; 
height : 283px; 
float : left; 
} 
.sidebar_title { 
font-family : Calibri, Arial, Verdana; 
font-size : 14pt; 
color : #666666; 
margin-left : 10px; 
} 
.sub-title { 
color : #ff6600; 
font-size : 12pt; 
} 
.read-more { 
background-image : url(images/read_more.png); 
background-position : 3px 4px; 
background-repeat : no-repeat; 
padding-left : 20px; 
color : #ff4400; 
} 
.read-more:hover { 
color : #000000; 
text-decoration : none; 
} 
.para { 
font-size : 10pt; 
text-align : justify; 
} 
.arrow { 
background-image : url(images/3d-arrow.png); 
background-repeat : no-repeat; 
padding-left : 20px; 
} 
#fillform { 
background-image : url(images/form_bg.png); 
padding : 15px; 
color : #000000; 
border : 1px dotted #ff6600; 
} 
.button { 
background-image : url(images/btn_bg.png); 
text-align : center; 
line-height : 26px; 
color : #000000; 
} 
.button:hover { 
color : #000000; 
} 
#portfolio_swf { 
background-color : #ff6600; 
border : 1px solid #000000; 
height : 600px; 
width : 925px; 
} 
.raq_main { 
margin : 25px 0 0 30px; 
height : 200px; 
width : 350px; 
} 
.customTextBox { 
border : 1px solid #000000; 
background-color : #ffffff; 
color : #000000; 
font-family : Arial, Verdana; 
} 
.highlight { 
border : 1px solid #000000; 
background-color : #ffffcc; 
color : #000000; 
font-family : Arial, Verdana; 
} 
.customCalloutStyle div, .customCalloutStyle td { 
border : 1px solid #000000; 
background-color : #666666; 
color : #ffffff; 
} 
.customCalloutStyle .ajax__validatorcallout div, .ajax__validatorcallout td { 
border : 1px solid #000000; 
background-color : #666666; 
} 
.customCalloutStyle .ajax__validatorcallout_popup_table { 
display : none; 
border : none; 
background-color : transparent; 
padding : 0; 
} 
.customCalloutStyle .ajax__validatorcallout_popup_table_row { 
vertical-align : top; 
height : 100%; 
background-color : transparent; 
padding : 0; 
} 
.customCalloutStyle .ajax__validatorcallout_callout_cell { 
width : 20px; 
height : 100%; 
text-align : right; 
vertical-align : top; 
border : none; 
background-color : transparent; 
padding : 0; 
} 
.customCalloutStyle .ajax__validatorcallout_callout_table { 
height : 100%; 
border : none; 
background-color : transparent; 
padding : 0; 
} 
.customCalloutStyle .ajax__validatorcallout_callout_table_row { 
background-color : transparent; 
padding : 0; 
} 
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell { 
padding : 8px 0 0 0; 
text-align : right; 
vertical-align : top; 
font-size : 1px; 
border : none; 
background-color : transparent; 
} 
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { 
font-size : 1px; 
position : relative; 
left : 1px; 
border-bottom : none; 
border-right : none; 
border-left : none; 
width : 15px; 
background-color : transparent; 
padding : 0; 
} 
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { 
height : 1px; 
overflow : hidden; 
border-top : none; 
border-bottom : none; 
border-right : none; 
padding : 0; 
margin-left : auto; 
} 
.customCalloutStyle .ajax__validatorcallout_error_message_cell { 
font-family : Tahoma; 
font-size : 11px; 
padding : 5px; 
border-right : none; 
border-left : none; 
width : 100%; 
} 
.customCalloutStyle .ajax__validatorcallout_icon_cell { 
width : 20px; 
padding : 5px; 
border-right : none; 
} 
.customCalloutStyle .ajax__validatorcallout_close_button_cell { 
vertical-align : top; 
padding : 3px 10px 0 0; 
text-align : right; 
border-left : none; 
} 
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { 
border : none; 
text-align : center; 
width : 10px; 
padding : 1px; 
cursor : pointer; 
} 
.msg_green { 
color : #009911; 
font-size : 10pt; 
margin-left : 30px; 
} 
.msg_red { 
color : #cc0000; 
font-size : 10pt; 
margin-left : 30px; 
} 
.msg_black { 
color : #000000; 
font-size : 10pt; 
margin-left : 30px; 
} 
#contact_page { 
padding : 175px 0 0 50px; 
}