body { margin:0; padding:0; background-color:#000; font-family:Tahoma Arial, Verdana;}

/* Text */
.text_white { font-size:11px; color:#FFF;}
.text_bwhite { font-size:12px; color:#FFF; font-weight:bold;} 
.text_silver { font-size:11px; color:#999;}
.text_red { font-size:11px; color:red; font-weight:bold;}
.text_bsilver { font-size:13px; color:#313131;}
.text_yellow { font-size:11px; color:#FF0; text-decoration:none}

/* Links */
a.link_yl { font-size:11px; color:#FF0; text-decoration:none}
a.link_yl:hover { font-size:11px; color:#FFF; text-decoration:none}
a.link_yl:active { font-size:11px; color:#FFF; text-decoration:none}
a.link_pr { font-size:11px; color:#999; text-decoration:none}
a.link_pr:hover { font-size:11px; color:#FFF;text-decoration:none}

/* inputs */
input.quote {background-image:url(../images/field_bg.jpg); height:20px; border:0;} 
input checkbox {margin:0;padding:0;}
input.send {background-image:url(../images/field_button.jpg); border:0; height:28px; width:74px; font-weight:bold;}
input.quote_select {background-image:url(../images/field_bg.jpg); height:20px; border:0; width:150px;} 
.specification , .desc {width:219px; height:94px; background-image:url(../images/area_bg.jpg); border:0;}
.desc{width:322px;}
.desc,{width:330px;}
#whole {margin:0 auto;}
#top_bg { width:100%; height:177px; background-image:url(../images/top_bg.jpg); background-position:center; background-repeat:no-repeat}
#top_bg_home { width:100%; height:177px; background-image:url(../images/top_bg_home.jpg); background-position:center; background-repeat:no-repeat}
#top { width:1000px; margin:0 auto;}
#top #top_left { float:left; width:260px; height:177px;}
#top #top_left #logo { padding:20px 0 0 20px;}

#top #top_links { float:left; width:740px; height:61px;}
#top #top_links #menu { padding:0 0 0 173px;}
#top #top_links #menu .link { float:left}

#top #top_flash { float:left; width:740px; height:116px; background-image:url(../images/home_05.jpg)}
#top #top_flash_home { float:left; width:740px; height:116px; background-image:url(../images/home_05_home.jpg)}

.page_img{ padding:30px 0 0 0;text-align:right;}


/* Page Home */
#middle_bg { width:100%;background-image:url(../images/middle_bg.jpg); background-position:center top; background-repeat:no-repeat}
#middle_bg_home { width:100%;background-image:url(../images/middle_bg_home.jpg); background-position:center top; background-repeat:no-repeat}
#middle { margin:0 auto; clear:both;width:1000px;}
#middle #welcome { float:left; padding:40px 0 0 0; width:485px;}
#middle #orange { margin:0 0 0 25px; float:left; width:482px; height:197px; background-image:url(../images/orange.png); }
#middle #orange #buttons { padding:151px 0 0 10px}

/* Page Reference */
#middle #quote { float:left; width:250px;}
#middle #quote #quote_head {width:250px;  height:127px; background-image:url(../images/form_head.jpg);}
#middle #quote #quote_head #head_info {padding:8px 0 0 15px; width:220px; }
#middle #quote #quote_contents {width:250px; background-image:url(../images/form_bg.jpg); }
#middle #quote #quote_contents table { margin-top:10px;width:220px;}
#middle #quote #quote_contents #address { padding:20px 15px;}
#middle #quote #quote_contents p { margin:0;}
#middle #quote #quote_contents table .belt{ height:12px; border-bottom:1px solid #363636}
.table_quote { margin:0 auto; table-collapse:collapse;}
.table_quote td {padding:0; margin:0;}
.table_quote p {margin:0; padding:0; }
.table_quote .label { text-align:right}
.table_quote .td_left { text-align:left; padding-left:5px;}
#middle #quote #quote_bottom {width:250px; height:51px; background-image:url(../images/form_bottom.jpg); }
#middle #quote #quote_bottom .send { margin:0 0 0 160px;}
#page_text { float:left; width:735px; padding:15px 0 0 10px;}
#page_text #page_text_head { float:left; width:455px}
#page_text #page_text_contents { float:left; width:475px; text-align:justify;}
#page_text #page_text_services { float:left; width:455px; text-align:justify;}
#page_text #page_text_img{ padding:33px 0 0 0;margin-left:0; float:right;}
#page_text #reference_paper { clear:both; }
#page_text #reference_paper .paper{ margin:0 5px;float:left; width:230px;}
.client {float:left; padding:0 10px;}


/* Page Services */
#services_contents { width:435px;}
#website_type {clear:both; padding:20px 0;}
#website_type .type {padding:20px 0; clear:both;}
#website_type .website_img{float:left; width:240px;}
#website_type .website_contents{float:left;padding:5px 0; width:480px;}
#website_type .website_contents .text_silver{padding:0; margin:3px; text-align:justify;}

/* Page About us */
#recent_projects {clear:both;}
#recent_projects .project_card { float:left; text-align:center; padding:5px 3px; }

/* Page contatc us */
#middle #contact_bottom {text-align:right; width:438px;}



/* Page Portfolio */
#middle #quote #portfolio_head {width:250px; height:72px;  background-image:url(../images/form_head.jpg);}
#middle #quote #portfolio_head #portfolio_head_info {padding:8px 0 0 15px; width:220px; }
#middle #quote #portfolio_bottom {width:250px; height:61px;background-image:url(../images/form_portfolio_bottom.jpg); }
#middle #quote #portfolio_bottom p { float:left;padding:30px 10px; width:150px; margin:0; text-align:center}
#middle #quote #portfolio_bottom img { float:left; padding:30px 10px;}
#middle #quote #portfolio_contents {width:250px; background-image:url(../images/form_bg.jpg); }
#middle #quote #portfolio_contents p{ width:220px; margin:0 auto; padding:4px 0; }
#middle #page_text #project_contents { float:left; width:180px; text-align:right;}
#middle #page_text #project_images { padding:1px 0 0 5px;float:left; width:540px;}


#belt_bg{ clear:both;width:100%; height:106px; background-image:url(../images/belt_bg.jpg); background-position:center; background-repeat:no-repeat}
#belt { width:1000px; margin:0 auto; height:69px;}

#bottom_bg{ width:100%;}
#bottom { width:1000px; margin:0 auto;}
#bottom #contents { padding:32px 0 30px 10px;}
.box { float:left;width:240px; padding:10px 5px;}
.box p { margin:0; padding:0;}
.box .box_head { width:240px; padding:0 0 15px 0; border-right:1px solid #666;}
.box .box_topic { width:240px; padding:0 0 15px 0; border-right:1px solid #666;}
.box .box_img { width:240px; padding:0 0 15px 0;  border-right:1px solid #666;}
.box .box_contents { width:240px; padding:0 0 15px 0;  border-right:1px solid #666;}
.box .box_link { width:240px; text-align:right; border-right:1px solid #999;}
.box .box_link a { padding-right:10px;}

#contact { float:left; width:228px; height:262px; background-image:url(../images/box_contact.jpg);}
#contact .box_head { width:108px; padding:10px 15px;}
#contact #address {  padding:0 15px;}

#footer_bg{ clear:both;width:100%; height:133px; background-image:url(../images/foot_bg.jpg); background-position:center; background-repeat:no-repeat}
#footer { width:1000px; margin:0 auto; height:133px;}
#footer p { margin:0; padding:0;}
#footer #foot_menu { float:left; padding:45px 0 0 10px; color:#4d7d34;}
#footer #logo_small { float:right; padding:25px 10px 0 0; }
#footer #foot_belt { clear:both; height:12px; background-image:url(../images/foot_belt.jpg); padding:0; margin:0; background-repeat:no-repeat; background-position:bottom}
#footer #copyrights { text-align:right; padding:5px 0 0 0;}

.clear { clear:both;}
.refer {float:left}