/* SVN FILE: $Id: screen.css 159 2008-11-30 17:25:54Z francis $ */
/**
 * Styltesheet for standard screen.
 *
 * @site        southernphotonics.com
 * @author      Francis Park
 * @copyright   Copyright 2008, Binz Solutions Ltd.
 * @version     $Revision: 159 $
 * @modifiedby    $LastChangedBy: francis $
 * @lastmodified  $Date: 2008-12-01 06:25:54 +1300 (월, 01 12 2008) $
 */
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Typography */
body {color:#333;font-size:90%;font-family:arial,"lucida grande",helvetica,sans-serif;}
a {color:#369;font-weight:bold;}
a:hover {color:#CC6730;text-decoration:none;}
#breadcrumb {font-size:80%;}
#footer {color:#999;font-size:75%;}
#footer a {color:#444;}
#footer a:hover {color:#999;}
h1, h2, h3, h4, h5, h6 {font-weight:lighter;}
h1 {font-size:200%;padding-bottom:8px;}
h2 {font-size:180%;padding-bottom:8px;}
h3 {font-size:170%;padding-bottom:8px;}
h4 {font-size:110%;color:#000;font-weight:bold;}
h5, h6 {font-size:100%;color:#000;font-weight:bold;}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {font-style:normal;font-weight:bold;color:#000;}

.text_section p {line-height:1.3;font-size:94%;}
.designation, .date {line-height:1.3;font-size:80%;text-transform:uppercase;}
.description, .text {padding-bottom:12px;font-size:88%;line-height:1.3;}
.description {padding-left:102px;}
.text {color:#797979;font-weight:bold;}
#recent_news .text {padding-top:0px;}
#introduction p {font-size:120%;}
.more {padding-left:13px;}

/* Page structure */
.container, .clearfix {display:block;}
.center-col {width:704px;padding:18px 48px;margin:0 auto;text-align:left;}
.no-padding {width:800px;padding:0;}
.no-repeat-bg {background-repeat:no-repeat;}
.clear {clear:both;}
.last {padding-bottom:44px;}
img {padding:0 10px 2px 0;}
.more {float:right;}

/* Background colors/images */
body {background-color:#fff;background-image:url("../img/layout/body_bg.gif");background-repeat:repeat-x;background-position:top;}
#top .center-col {height:125px;background:url("../img/layout/top_center-col_bg.gif");background-position:top;}
#top h2 a {display:inline;float:left;width:260px;height:77px;margin:32px 0 0 44px;}
#global_nav .center-col, #main_img .center-col, #introduction .center-col, #breadcrumb .center-col, #contents .center-col {background-color:#EAEAEA;}
#left_nav {background-color:#484949;}
#introduction .center-col {height:125px;background-image:url("../img/main/introduction_bg.gif");background-position:top;}
#footer .center-col {height:48px;background-color:#000;}
body#Home #main_img .center-col {height:233px;background-image:url("../img/main/main_img.jpg");background-position:top;}
body#Home #contents #recent_news {background-color:#E1E1E1;}
.more {background-image:url("../img/arrow_bullet1.gif");background-position:left;}
#top, #global_nav, #main_img, #breadcrumb, #introduction, #contents, #footer {background-image:url("../img/layout/shadow.png");background-position:center;background-repeat:repeat-y;}
#end_ornament {background-image:url("../img/layout/end_ornament_bg.png");background-repeat:no-repeat;background-position:center;}

/* Hide texts */
#top h2 span, #global_nav ul li span, #main_img span, #left_nav ul li span {display:none;}

/* Layout - default */
#global_nav {height:56px;}
#global_nav ul li {display:inline;}
#global_nav ul li a {float:left;display:block;width:160px;height:56px;}
#global_nav ul li a#global_nav_company {background:url("../img/layout/global_nav_company.gif") no-repeat top;}
#global_nav ul li a#global_nav_company:hover,
#global_nav ul li.selected a#global_nav_company {background-position:bottom;}
#global_nav ul li a#global_nav_news {background:url("../img/layout/global_nav_news.gif") no-repeat top;}
#global_nav ul li a#global_nav_news:hover,
#global_nav ul li.selected a#global_nav_news {background-position:bottom;}
#global_nav ul li a#global_nav_products {background:url("../img/layout/global_nav_products.gif") no-repeat top;}
#global_nav ul li a#global_nav_products:hover,
#global_nav ul li.selected a#global_nav_products {background-position:bottom;}
#global_nav ul li a#global_nav_technology {background:url("../img/layout/global_nav_technology.gif") no-repeat top;}
#global_nav ul li a#global_nav_technology:hover,
#global_nav ul li.selected a#global_nav_technology {background-position:bottom;}
#global_nav ul li a#global_nav_contact {background:url("../img/layout/global_nav_contact.gif") no-repeat top;}
#global_nav ul li a#global_nav_contact:hover,
#global_nav ul li.selected a#global_nav_contact {background-position:bottom;}
#left_nav {float:left;width:220px;height:233px;left:50%;position:relative;margin-left:-400px;}
#left_nav .center-col {border-top:1px solid #868686;}
#left_nav ul {margin-top:33px;}
#left_nav ul li {width:220px;height:48px;margin-bottom:1px;}
#left_nav ul li a {display:block;width:220px;height:39px;}
#breadcrumb .center-col,
#contents .center-col {padding-left:248px;width:504px;background-image:url("../img/layout/left_nav_bg.gif");background-repeat:repeat-y;background-position:left;}
#breadcrumb .center-col {padding-bottom:0px;}
#footer {height:48px;}
#footer .center-col div {margin-top:8px;}
#footer #copyright {float:left;padding-left:25px;}
#footer #admin_login {float:right;padding-right:0px;clear:none;}
#footer #credit {float:right;padding-right:25px;clear:none;}
#footer .separator {float:right;}
#end_ornament .center-col {width:800px;height:44px;margin-bottom:55px;}
.separator {margin-left:4px;margin-right:4px;padding:0;}
.text_section, .list_section, .form_section {padding-bottom:22px;}
.text_section p {padding-left:24px;background-image:url("../img/bar_type2.gif");background-repeat:repeat-y;background-position:left;}
ul {list-style:none;}
ul.ul_with_bullet li {padding-left:37px;background-image:url("../img/ul_bullet.gif");background-repeat:no-repeat;background-position:left 6px;}
ul.ul_with_image li {margin-bottom:8px;}
ul.ul_with_image li img {float:left;}
.error, .notice, .success {font-family:Courier,monospace;font-size:120%;line-height:140%;padding:0.8em;margin:1em 0;}
.error {background-color:#e32;color:#fff;}
.error em {color:#000;font-weight:normal;line-height:140%;}
.notice {clear:both;color:#900;font-size:140%;font-weight:bold;}
.success {background:green;color:#fff;}
.error a {}
.notice a {}
.success a {}
form label {float:left;position:absolute;}
form input, form textarea {margin-left:80px;}
form .submit {margin-top:20px;margin-bottom:20px;}
form .reset {margin-left:6px;}
form #NewsDateDay {margin-left:80px;}

/* Page - home */
body#Home #contents .center-col {height:393px;width:704px;padding:28px 48px;background-image:none;}
body#Home #contents #featured_products {float:left;width:336px;padding:0px 0 0 32px;background:url("../img/bar_type1.gif") repeat-y left;}
body#Home #contents #featured_products ul {list-style-type:none;}
body#Home #contents #recent_news {width:275px;margin-left:399px;padding:12px 23px;}
body#Home #contents #recent_news hr {color:#797979;background-color:#797979;height:1px;}
body#Home #contents #recent_news .more {margin-top:-36px;background-image:url("../img/arrow_bullet2.gif");}
body#Home #introduction .center-col {padding-top:26px;}

/* Company only style */
body#Company #main_img .center-col {height:233px;background-image:url("../img/company/main_img.jpg");background-position:top right;}
body#Company #left_nav li#nav_li_profile {background:url("../img/layout/left_nav_company_profile.gif");background-position:top;}
body#Company #company_sab ul li {margin-bottom:15px;}

/* News only style */
body#News #main_img .center-col {height:233px;background:url("../img/news/main_img.jpg");background-position:top right;}
body#News #left_nav li#nav_li_latest {background:url("../img/layout/left_nav_latest_news.gif");background-position:top;}
body#News .paging {margin-bottom:40px;text-align:center;}
body#News .paging div {display:inline;margin-right:10px;}
body#News .paging a {text-decoration:none;}

/* Products only style */
body#Products #main_img .center-col {height:233px;background:url("../img/products/main_img.jpg");background-position:top right;}
body#Products #left_nav li#products {background:url("../img/layout/left_nav_products.gif");background-position:top;}
body#Products img#pa_frog, 
body#Products img#frogrec,
body#Products img#pa_freag, 
body#Products img#freagrec {float:right;clear:right;padding:5px 0px 5px 5px;}
body#Products #products_introduction.hr150 {background-image:url("../img/products/HR150_FULL.gif");background-repeat:no-repeat;background-position:right 46px;}
body#Products #products_introduction.hr150 p {padding-right:190px;}
body#Products #products_introduction.sr100 {background-image:url("../img/products/SR100_FULL.gif");background-repeat:no-repeat;background-position:right 46px;}
body#Products #products_introduction.sr100 p {padding-right:190px;}
body#Products #products_introduction.eg150 {background-image:url("../img/products/EG150_FULL.gif");background-repeat:no-repeat;background-position:right 84px;}
body#Products #products_introduction.eg150 p {padding-right:215px;}
body#Products #products_introduction.osa {background-image:url("../img/products/OSA150_FULL.gif");background-repeat:no-repeat;background-position:right 46px;}
body#Products #products_introduction.osa p {padding-right:190px;}
body#Products .description {padding-left:0px;}
body#Products ul img {padding-top:2px;}
body#Products ul.ul_with_image li {height:125px;margin-bottom:0px;}

/* Technology only style */
body#Technology #main_img .center-col {height:233px;background:url("../img/technology/main_img.jpg");background-position:top right;}
body#Technology #left_nav li#nav_li_technology {background:url("../img/layout/left_nav_technology.gif");background-position:top;}
body#Technology img#frogspectro, 
body#Technology img#freagspectro {float:right;}

/* Contact only style */
body#Contact #main_img .center-col {height:233px;background:url("../img/contact/main_img.jpg");background-position:top right;}
body#Contact #left_nav li#nav_li_detail {background:url("../img/layout/left_nav_contact_detail.gif");background-position:top;}