/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Site
-------------------------------------------------------------- */

/* Always show scroll-bar in FF, Opera, Chrome & Safari */
html { overflow-y: scroll; }

/* Set ul margins to 0 */
ul { margin: 0; }

/* Hover fix for some IE versions */
body { behavior: url('htc/csshover.htc'); }

/* IE < 7 transparent PNG fix */
img, a, li { behavior: url('htc/iepngfix.htc'); }

/* No bullets on lists */
*
{ list-style: none;}

/* Set default link styles */
a { font-family: arial, sans-serif; font-weight: bold; color: #323A3F; }
a:hover, a:active { color: #000000; cursor: pointer; }

/* Set default form elements */
input { height: 20px; vertical-align: middle; background-color: transparent; border: none; }
#email { width: 300px; margin-top: 50px; text-align: right; }
#email input { background-color: #ffffff; border: 1px solid gray; }

/* Main background image */
body { background-image: url('../graphics/backgrounds/header.png'); background-repeat: repeat-x; }
.no_bg { background: none; }

/* Set header */
#header { height: 104px }

/* Position header images */
#main_logo { float: left; margin-top: 20px }
#tel_no { float: right; margin-top: 68px }

/* Set content background */
#content { background-image: url('../graphics/backgrounds/slideshow.png'); background-repeat: no-repeat; background-position: center 0; }

/* Set prev/next slide button styles */
#prev_slide { width: 34px; height: 34px; display: block; margin-top: 195px; background-image: url('../graphics/buttons/arrow_left.png'); background-position: left top; background-repeat: no-repeat; }
#next_slide { width: 34px; height: 34px; display: block; margin-top: 195px; background-image: url('../graphics/buttons/arrow_right.png'); background-position: left top; background-repeat: no-repeat; }
#prev_slide:hover , #next_slide:hover { background-position: right top; cursor: pointer; }
.dead { visibility: hidden; }

/* Set slide holder */
#slideshow { width: 600px; height: 420px; float: left; background-image: none; color: #CED9E1; }
#slideshow #slide_holder { float: left; }
#slideshow #slide_holder img { position: absolute; }
#slideshow img { width: 513px; height: 340px; margin: 38px 0 0 10px; }
#slideshow p { width: 500px; height: 340px; margin: 38px 0 0 18px; float: left; font-size: 125%; font-weight: bold; color: #CED9E1; }

/* Set slide info */
#slide_info { width: 200px; height: 325px; display: inline; float: right; margin: 50px 20px 0 0; }
#slide_info p { margin: 0 0 8px 0; color: #CED9E1; }
#slide_info p span { font-weight: bold; color: #323A3F; }
#slide_info ul { margin: -10px 0 9px 0; color: #CED9E1; }
#slide_info ul li a { font-weight: normal; color: #CED9E1; }
#slide_info ul li a:hover {  color: #000000; }

/* Set key tabs */
#slide_info p.key_tab { margin: -5px 0 10px 0; }
#slide_info p.key_tab a { width: 26px; height: 13px; display: inline-block; margin: 0 3px 0 0; }
.ColourLAM { background-image: url('../graphics/tabs/cl.png'); background-repeat: no-repeat; }
.DigiLAM { background-image: url('../graphics/tabs/dl.png'); background-repeat: no-repeat; }
.FabriLAM { background-image: url('../graphics/tabs/fl.png'); background-repeat: no-repeat; }
.Fused_Range { background-image: url('../graphics/tabs/fr.png'); background-repeat: no-repeat; }
.Fusing { background-image: url('../graphics/tabs/fu.png'); background-repeat: no-repeat; }
.Glass_Bonding { background-image: url('../graphics/tabs/gb.png'); background-repeat: no-repeat; }
.Glass_Painting { background-image: url('../graphics/tabs/gp.png'); background-repeat: no-repeat; }
.Kilnforming { background-image: url('../graphics/tabs/kf.png'); background-repeat: no-repeat; }
.Kilnformed_Range { background-image: url('../graphics/tabs/kr.png'); background-repeat: no-repeat; }
.Laminating { background-image: url('../graphics/tabs/la.png'); background-repeat: no-repeat; }
.Sandblasting { background-image: url('../graphics/tabs/sb.png'); background-repeat: no-repeat; }
.Stained_Glass { background-image: url('../graphics/tabs/sg.png'); background-repeat: no-repeat; }
.Sandblast_Range { background-image: url('../graphics/tabs/sr.png'); background-repeat: no-repeat; }

/* Set main nav */
#main_nav li { width: 85px; height: 32px; display: block; text-align: center; margin: 35px 4px -6px 0; padding: 8px 0 0 0; background-image: url('../graphics/buttons/tab_active.png'); background-repeat: no-repeat; }
#main_nav li a { width: 85px; height: 32px; display: block; text-align: center; margin: -8px 0 0 0; padding: 8px 0 0 0; background-image: url('../graphics/buttons/tab_dead.png'); background-repeat: no-repeat; }
#main_nav li#design_service { width: 119px; background-image: url('../graphics/buttons/tab_active_wide.png'); background-repeat: no-repeat; }
#main_nav li#design_service a { width: 119px; background-image: url('../graphics/buttons/tab_dead_wide.png'); background-repeat: no-repeat; }
#main_nav li#sub_categories { width: 240px; height: 32px; display: inline; float: right; background-image: url('../graphics/buttons/sub_cat_tab.png'); background-repeat: no-repeat; }

/* Set resources */
.resources { width: 230px; float: right; margin: 20px 4px 0 0; background-color: #E3E9EE; border: 3px solid #8C98A2; border-bottom: 2px solid #8C98A2; }
.resources li { border-bottom: 1px solid #8C98A2; padding: 2px 15px 2px 15px; }

/* Set breadcrumbs */
#breadcrumbs { width: 580px; margin: 0 0 20px 0; float: left; padding: 15px 15px 18px 25px; border-bottom: 1px solid #DDDDDD; }
#breadcrumbs * { display: inline; margin: 0 2px 0 0; }
#bc_1 a { color: #CCCECF; }
#bc_2 a { color: #989C9F; } 
#bc_3 a { color: #656B6E; }

/* Set description */
#description { width: 620px; float: left; }
.error_description { height: 388px; margin-top: 40px; }
.error_description a { font-size: 200%; color: #FFFFFF; }

/* Set search form */
#search { width: 408px; float: left; margin: 20px 0 0 0; }
#search fieldset { margin: 0; padding: 0; border: 0; }
#search p { float: left; margin: 0; padding: 1px 0 0 0; }
#query { width: 138px; margin: -1px 5px 0 12px; padding: 0 8px 0 6px; background-image: url('../graphics/backgrounds/search_query.png'); background-repeat: no-repeat; background-position: right top; color: #999999; }
#query:focus { background-position: right bottom; color: #323A3F; }
#submit { width: 30px; cursor: pointer; margin: -1px 0 0 0; padding: 0 0 4px 0; background-image: url('../graphics/backgrounds/search_submit.png'); background-repeat: no-repeat; background-position: right top; }
#submit:hover { background-position: left bottom; }

/* Set footer & full width footer background */
#footer_bg { width: 100%; height: 115px; display: block; margin: 40px 0 0 0; padding: 23px 0 0 0; text-align: center; background-image: url('../graphics/backgrounds/footer_main.jpg'); background-repeat: repeat-x; background-color: #383F45; }
#footer { width: 880px; display: block; margin: 0 auto 0 auto; padding: 15px 0 0 0; text-align: left;  background-image: url('../graphics/backgrounds/footer.jpg'); background-repeat: no-repeat; background-position: right top; }
#footer * { margin: 5px 0 0 0; color: #676F75; }
#footer a:hover { color: #000000; }
#footer ul.tabs li { margin: 0 15px 0 0; }