/*
    CSS DOCUMENT: Southern Ceramic Supplies Limited
    VERSION: 1.0
    AUTHOR: Erskine Design
*/



/*
	RESET STYLES
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, 
address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, 
var,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;
	outline:0;
}



/*
    Body
*/

body { background:#787872; font-family:Arial, sans-serif; font-size:12px; line-height:18px; color:#333; }



/*
    Layout
*/

#container { width:770px; background:#fff url(/images/site/main_bg.jpg) repeat-y top left; margin:0 auto; padding-left:10px; padding-right:10px; }



/*
    Nav Access
*/

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/*
    Default Styles
*/

p,ul,dl,ol { margin-bottom:18px; }
ul li ul,
ol li ol { margin-bottom:0; margin-top:6px; }
ul { }
li { margin-left:18px; margin-bottom:6px; }
hr { height:0px; border:0; border-top:2px solid #ccc; margin:30px 0; clear:both; }



/*
    Headings
*/

h1,h2,h3,h4,h5,h6 { font-weight:bold; margin-bottom:18px; }
h1,h2 { font-size:14px; }
h3,h4 { font-size:12px; }
h5,h6 { font-size:11px; }

#content_sec h3 { color:#333; margin-bottom:6px; }



/*
    Links
*/

a:link, a:visited { color:#cc0000; font-weight:bold; }
a:hover, a:focus { color:#233090; }

#content_sec a:link,
#content_sec a:visited { color:#777; text-decoration:none; }
#content_sec a:hover,
#content_sec a:focus { color:#555; }



/*
    Paragraphs
*/

p.caption { font-style:italic; float:left; margin:3px 10px 5px 0; font-size:10px; }
p.caption img { border:3px solid #999; display:block; }
p.caption span { display:block; text-transform:uppercase; }
p.caption.alt { float:right; margin:3px 0 5px 10px;  }

p a.supplier_logo { float:right;margin:0 0 10px 10px; }



/*
    Images
*/

img.fl { float:left; margin:3px 10px 5px 0; border:3px solid #999; }
img.fr { float:right; margin:3px 0 5px 10px; border:3px solid #999; }



/*
    Branding
*/

#branding { height:275px; background:url(/images/site/masthead_bg_home.jpg) no-repeat top left; position:relative; }
body.products #branding { background:url(/images/site/masthead_bg_products.jpg) no-repeat top left; }
body.about #branding { background:url(/images/site/masthead_bg_about.jpg) no-repeat top left; }
body.contact #branding { background:url(/images/site/masthead_bg_contact.jpg) no-repeat top left; }
#branding h1 { width:123px; height:195px; background:#fff url(/images/site/h1.jpg) no-repeat center; text-indent:-9999px; padding:30px; position:absolute; top:20px; left:25px; z-index:2; }
#branding h2 { color:#fff; font-weight:bold; position:absolute; top:0; right:0; text-transform:uppercase; padding:10px 15px; background:url(/images/site/call_us.png); font-size:12px; }



/*
    Navigation
*/

ul#navigation { list-style:none; margin:0; overflow:hidden; position:absolute; bottom:0; left:0; background:#233090; width:562px; padding-left:208px; }
ul#navigation li { float:left; margin:0;  }
ul#navigation li a:link,
ul#navigation li a:visited { color:#fff; text-transform:uppercase; text-decoration:none; display:block; padding:5px 20px; }
ul#navigation li a:hover,
ul#navigation li a:focus { background:#1b256f; }

body.home ul#navigation li.home,
body.products ul#navigation li.products,
body.about ul#navigation li.about,
body.contact ul#navigation li.contact,
body.membership ul#navigation li.membership { background:#cc0000; }

/*body.contact ul#navigation li.contact { width:140px; }*/

body.home ul#navigation li.home a:hover,
body.home ul#navigation li.home a:focus,
body.products ul#navigation li.products a:hover,
body.products ul#navigation li.products a:focus,
body.about ul#navigation li.about a:hover,
body.about ul#navigation li.about a:focus,
body.contact ul#navigation li.contact a:hover,
body.contact ul#navigation li.contact a:focus { background:#990000; }


/*
    Content Layout
*/

#content_wrapper { overflow:hidden; }
#content_pri { float:right; width:470px; padding:35px 46px 20px 46px; background:url(/images/site/content_pri_bg.jpg) no-repeat top left; }
#content_sec { float:left; width:143px; background:url(/images/site/content_sec_bg.jpg) no-repeat 5px 0; padding:71px 20px 20px 45px; position:relative; }



/*
    Products List
*/

ul#products { list-style:none; overflow:hidden;  }
ul#products li { width:220px; margin:0; float:left; }
ul#products li.neoceram { float:right; }
ul#products li img { display:block; width:210px; height:100px; background:#ddd; margin-bottom:12px; border:5px solid #ddd; }
ul#products li em { display:block; margin-top:6px; font-style:normal; }



/*
    Contact
*/

fieldset#contact { background:#efefef; padding-bottom:0px; padding:15px; }
fieldset#contact label { display:block; margin-bottom:6px; width:100px; }
fieldset#contact input[type="text"], fieldset#contact textarea { border:2px solid #ddd; font-family:Verdana,Arial,sans-serif; font-size:10px; margin-bottom:18px; padding:5px; width:300px; }
fieldset#contact input[type="text"]:hover, fieldset#contact textarea:hover { border:2px solid #ccc; }
fieldset#contact input[type="text"]:focus, fieldset#contact textarea:focus { background:#FFF; none repeat scroll 0%; border:2px solid #ccccc0; }
fieldset#contact input[type="submit"] { display:block; font-family:Verdana,Arial,sans-serif; padding:2px; }
fieldset#contact p { background:transparent url(/images/site/contact_bg2.png) no-repeat scroll left bottom; margin:0pt; padding-bottom:15px; }
fieldset#contact em { font-weight:bold; }



/*
    Content Sec
*/

#content_sec { font-size:11px; }

#content_sec ul li { border-top:1px solid #ccc; list-style:none; margin:0; padding:7px 0; color:#777; font-weight:bold; }
#content_sec ul li.cur a { color:#cc0000; }

#content_sec ul.vcard span.adr span { display:block; }

p.ggf { background:#efefef; padding:10px; margin-top:30px;  }
p.ggf img { float:right; margin:0 0px 0px 10px;  }
p.ggf a { display:block;font-weight:normal; }


/*
    Site Info
*/

#siteinfo { width:770px; padding:20px 10px 0 10px; background:url(/images/site/footer_bg.jpg) no-repeat top left; margin:0 auto; text-align:center; font-weight:bold; color:#43423e; }
#siteinfo p { margin-bottom:8px; font-size:10px; }
#siteinfo a:link,
#siteinfo a:visited  { color:#5e5d59; }
#siteinfo a:hover,
#siteinfo a:focus { color:#494844; }
#siteinfo span.tel,
#siteinfo span.adr,
#siteinfo span.email { display:none; }

#siteinfo ul#iso { float:right;list-style:none; }
#siteinfo ul#iso li {float:left;margin-right:0 0 0 5px; }