/*Globals*/

*
{
 margin: 0;
 padding: 0;
}

body 
{
	background: url(img/bg.gif) repeat fixed;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: .7em;
	color: #fff;
}

/*Master Page*/

#wrapper
{
    margin: 20px auto 10px auto;
    text-align: left;
    width: 890px;
    position: relative;
    left: 50%;
    margin-left: -445px;
    background: #2d2d2d url(img/wrapperBg.jpg) repeat-x;
    background-attachment: scroll;
    border: solid 1px #424242;
}

#branding
{
 float: left;
 width: 600px;
 height: 113px;
}

#branding img
{
    margin: 30px 0 0 30px;
}
 
#nav
{ 
 float: left;
 margin: 20px 0 10px 10px !important;
 margin: 20px 0 10px 5px;
 width: 590px;
 height: 29px;
 background: #2d2d2d url(img/nav-bg.gif) repeat-x;
 border: solid 1px #383838;
 font-size: 1em;
}
 
#nav ul
{
 display: inline;
 float: left;
}

#nav ul li 

{
 text-align: center;
 float: left;
 list-style: none;
 display: inline;
 line-height: 25px;
}

#nav ul li a

{
 float: left;
 height: 29px;
 display: block;
 color: #fff;
 text-decoration: none;
 padding: 0 10px !important;
  padding: 0 11px;
 text-transform: capitalize;
}
/*
#nav ul li a:active

{
 float: left;
 height: 29px;
 display: block;
 color: #fff;
 text-decoration: none;
 padding: 0 11px;
 text-transform: capitalize;
}
*/

#nav ul li a:hover

{
 display: block;
 background: #2d2d2d url(img/nav-dn.gif) repeat-x;
 color: #fff;
 text-decoration: none;
}

#mainContent
{
 float: left;
 margin: 5px 0 0 10px !important;
 margin: 5px 0 0 5px;
 width: 590px;
 border: solid 1px #444444;
 background-color: #000;
}

#col1
{
 float: left;
 width: 600px;
 margin: 0 0 20px 0;
 }

 #col1Cont
{
  height: 310px !important;
  height: 340px;
  font-family: Tahoma, Verdana, Helvetica;
  font-size: 1.2em;
  color: #fff;
}

 #col1Cont a
{
  color: #fff;
}

#col2
{
 float: left;
 margin: 30px 0 15px 10px !important;
 margin: 30px 0 15px 5px;
 width: 270px !important;
 width: 250px;
 height: 600px;
 background: #252525 url(img/rightcolBG.jpg) repeat-x;
 background-attachment: scroll;
 border: solid 1px #444444;
 }
 
#rightCol
{
 float: left;
 margin: 5px 5px;
 width: 255px !important;
 width: 240px;
}
 
#footer
{
    margin: 2px auto;
    text-align: left;
    width: 890px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -445px;
}

#footer ul
{
 display: inline;
 float: left;
 width: 890px;
}

#footer  ul li 

{
 float: right;
 margin-left: 0;
 margin-bottom: 0;
 padding: 2px 15px 0 0;
 list-style: none;
 display: inline;
}

#footer ul li a

{
 color: #6b6b6b;
 text-decoration: none;
}

#footer ul li a:hover

{
 color: #fff;
 text-decoration: none;
}


/*Homepage*/

#homecopy
{
 float: left;
}

#homecopy h1
{
  padding: 0 0 0 12px;
  font-family: Tahoma, Verdana, Helvetica;
  font-size: 1.1em;
  color: #fff;
}

#homecopy p
{
 padding: 12px 12px 21px 12px;
 text-align: justify;
 font-size: 1em;
 line-height: 20px;
}

#homeFlashimg
{
 float: left;
 width: 572px;
 height: 302px;
 border: solid 1px #383838;
 margin: 7px 0 12px 7px !important;
 margin: 7px 0 12px 4px;
}

#homeFlashimgProd
{
 float: left;
 width: 748px;
 height: 455px;
 border: solid 1px #383838;
 background: #252525 url(img/prodflmain-bg.gif) no-repeat;
}
 
.calloutboxNews
{
 float: left;
 width: 255px !important;
 width: 249px;
 border: solid 1px #383838;
 background-color: #000;
 margin: 10px 0;
}

.calloutboxNews h1
{
  margin: 10px 0 3px 10px;
  font-family: Helvetica;
  font-size: 1.1em;
  color: #7c7c7c;
  text-transform: uppercase;
}

.calloutboxNews h2
{
  margin: 5px 0 3px 10px;
  font-family: Helvetica;
  font-size: 1.1em;
  color: #aaaaaa;
  text-transform: uppercase;
}

.calloutboxNews p
{
 padding: 12px;
 text-align: left;
 text-align: justify;
 line-height: 16px;
}

.calloutboxNews a
{
 color: #c0c0c0; 
}

.calloutboxNews a:hover
{
 color: #dedede; 
}

/*
.calloutboxGlass
{
 float: left;
 width: 360px !important;
 width: 340px;
 height: 410px;
 border: solid 1px #383838;
 background: #252525 url(img/CallOutBox-Glass.gif) no-repeat;
 background-color: #000;
 margin: 10px 0;
}
*/
.calloutboxGlass
{
 float: left;
 width: 255px !important;
 width: 249px;
 height: 355px !important;
 height: 351px;
 border: solid 1px #383838;
 background: #252525 url(img/CallOutBox-Newglass.jpg) no-repeat;
 background-color: #000;
 margin: 10px 0;
}
/*
.calloutboxGlass p
{
 text-align: left;
 margin: 96px 10px 20px 180px;
 text-align: justify;
 line-height: 16px;
}
*/
.calloutboxGlass p
{
 text-align: left;
 margin: 195px 10px 20px 11px;
 text-align: justify;
 line-height: 23px;
}

.calloutboxGlass a
{
 color: #c0c0c0; 
}

.calloutboxGlass a:hover
{
 color: #dedede; 
}

.calloutboxStylo
{
 float: left;
 width: 360px !important;
 width: 340px;
 height: 210px;
 border: solid 1px #383838;
 background: #252525 url(img/CallOutBox-Stylo.gif) no-repeat;
 background-color: #000;
 margin: 10px 0;
}

.calloutboxStylo p
{
 padding: 12px;
 text-align: left;
 margin: 88px 165px 20px 0px;
 text-align: justify;
 line-height: 14px;
}

.calloutboxStylo a
{
 color: #c0c0c0; 
}

.calloutboxStylo a:hover
{
 color: #dedede; 
}

.imgNewsright
{
 float: right;
 margin: 10px 10px 10px 8px;
 border: solid 3px #4e4e4e;
}

.imgGlassleft
{
 float: left;
 margin: 10px 10px 10px 8px;
 border: solid 3px #4e4e4e;
}

.imgleft
{
 float: left;
 border: none;
}

.imghdrleft
{
 float: left;
 padding: 0 5px 0 22px;
}

.imgStyloright
{
 float: right;
 margin: 10px 10px 10px 8px;
 border: solid 3px #4e4e4e;
}

/*Brand History*/

#brandhdrspace
{
    height: 30px;
    padding-top: 30px;
    margin-bottom: 30px;
}

#rightColProd
{
 float: left;
 margin: 10px 10px;
 width: 255px;
}
#BrandHistory
{
   text-align: left;
   font-size: 1em;
   height: 438px !important;
   height: 572px;
}
#BrandHistory p
{
 padding: 0 12px 20px 55px;
 text-align: left;
 line-height: 16px;
 font-size: 1em;
}
#BrandHistory h1
{
 font-family: Tahoma, Verdana, Helvetica;
 font-size: 1.4em;
 color: #fff;
 height: 30px;
 text-transform: capitalize;
 line-height: 30px;
}
#BrandHistory h2
{
 line-height: -16px;
 margin: 10px 0 10px 30px;
 font-family: Tahoma, Verdana, Helvetica;
 font-size: 1.2em;
 color: #fff;
 height: 30px;
 text-transform: capitalize;
}
#BrandHistory ul
{ 
    margin: 10px 0 10px 30px; 
}
#BrandHistory li
{   
    margin:2px 0 0 25px; 
    display: list-item;
    list-style-type: square;
    list-style-image : url(img/list-style-box.gif);
    line-height: 18px;
}
#BrandHistory a
{
  color: #fff;
}


#BrandHistoryFAQ
{
   text-align: left;
   font-size: 1em;
}

#BrandHistoryFAQ p
{
 padding: 12px 12px 20px 55px;
 text-align: left;
 line-height: 16px;
}
#BrandHistoryFAQ h1
{
 font-family: Tahoma, Verdana, Helvetica;
 font-size: 1.4em;
 color: #fff;
 height: 30px;
 text-transform: capitalize;
 line-height: 30px;
}
#BrandHistoryFAQ h2
{
 line-height: -16px;
 margin: 5px 0 5px 30px;
 font-family: Tahoma, Verdana, Helvetica;
 font-size: 1.2em;
 color: #fff;
 height: 30px;
}
#BrandHistoryFAQ ul
{ 
    margin: 10px 0 10px 30px; 
}
#BrandHistoryFAQ li
{   
    margin:2px 0 0 25px; 
    display: list-item;
    list-style-type: square;
    list-style-image : url(img/list-style-box.gif);
    line-height: 18px;
}
#BrandHistoryFAQ a
{
  color: #fff;
}


/*Col 3*/

.hdrimage
{
 margin: -5px 0 0 5px;
 position: absolute;
 
}
#col3
{
 float: left;
 margin: 0 0 20px 15px !important;
 margin: 30px 0 30px 10px;
 width: 1140px;
 height: 200px;
 background: url(img/styloback.jpg) repeat-x;
 border: solid 1px #444444;
 }
 
 /*Products*/
 
 #col2Products
{
 float: left;
 margin: 130px 0 15px 10px !important;
 margin: 130px 0 5px 5px;
 width: 270px !important;
 width: 250px;
 border: solid 1px #444444;
 }
#col2Products a
{
color: #a42121
 }
 

 
 #col32
{
 float: left;
 width: 865px;
 height: 220px;
 margin: 0 0 20px 15px !important;
 margin: 30px 0 30px 10px;
 background: url(img/stylo-prod-bg.gif) repeat-x;
 border: solid 1px #444444;
 }
 
#rightColProducts
{
 float: left;
 margin: 0 10px 0 10px !important;
 margin: 0 5px 0 5px;
 width: 240px;
}

 /*Glass*/

#MainGlassProducts
{
 float: left;
 width: 250px !important;
 width: 250px;
 height: 383px;
 border: solid 1px #383838;
 background: #252525 url(img/prodMainGlass-bg.jpg) repeat-x;
 margin: 10px 0;
}

#MainGlassProducts p
{ 
 line-height: 15px;  
 padding: 10px;
 text-align: justify;
}


#MainGlassProducts h1
{   color: #fff; 
    font-family:Tahoma;
    font-size:1.4em;  
    margin: 10px;
    border-bottom: solid 1px #810D18;     
}

#MainGlassProducts a
{   
    color: #fff;   
}
#MainGlassProducts a:hover
{   
    color: #414141;   
}


 /*Glass*/


#MainGlassProductsVidrio
{
 float: left;
 width: 250px !important;
 width: 250px;
 height: 350px;
 border: solid 1px #383838;
 background: #252525 url(img/prodmain-bg.jpg) no-repeat;
 margin: 10px 0;
}

#MainGlassProductsVidrio p
{ 
 line-height: 15px;  
 padding: 10px;
 text-align: justify;
}


#MainGlassProductsVidrio h1
{   color: #fff; 
    font-family:Tahoma;
    font-size:1.4em;  
    margin: 10px;
    border-bottom: solid 1px #810D18;     
}

#MainGlassProductsVidrio a
{   
    color: #fff;   
}
#MainGlassProductsVidrio a:hover
{   
    color: #414141;   
}

 /*Stylo*/
 
 
#MainStyloProducts
{
 float: left;
 width: 350px !important;
 width: 350px;
 height: 483px;
 border: solid 1px #383838;
 background: #252525 url(img/prodMainGlass-bg.jpg) repeat-x;
 margin: 10px 0;
}

#MainStyloProducts p
{ 
 line-height: 15px;  
 padding: 10px;
 text-align: justify;
}

#MainStyloProducts h1
{   color: #fff; 
    font-family:Tahoma;
    font-size:1.4em;  
    margin: 10px;
    border-bottom: solid 1px #810D18;     
}

#MainStyloProducts a
{   
    color: #fff;   
}
#MainGlassProducts a:hover
{   
    color: #414141;   
}

.navspacetop
{
    margin-top: 150px;
}
.navspacebottom
{
    margin-top: 148px;
}

.price
{color: #FF0000; 
    font-family:Tahoma;
    font-size:10pt;
    font-style:italic;
    font-weight:bold;  
    
}

#stylo-menu
{
    margin: 10px 0 0 0;
}

 /*Products-Glass-Sub*/

#calloutboxProdGlass
{
 float: left;
 width: 350px !important;
 width: 350px;
 height: 483px;
 border: solid 1px #383838;
 background: #252525 url(img/prod-subbg.jpg) repeat-x;
 margin: 10px 0;
}
#calloutboxProdGlass p
{ 
 line-height: 15px;  
 padding: 10px;
 text-align: justify;
}
#calloutboxProdGlass h1
{   color: #fff; 
    font-family:Tahoma;
    font-size:1.4em;  
    margin: 10px;
    border-bottom: solid 1px #810D18;     
}
#calloutboxProdGlass ul
{ 
    margin: 10px 0 10px 0; 
}
#calloutboxProdGlass li
{   
    margin:2px 0 0 25px; 
    display: list-item;
    list-style-type: square;
    list-style-image : url(img/list-style-box.gif);
    line-height: 18px;
}

 /*Products-Stylo-Sub*/
 
#calloutboxProdStylo
{
 float: left;
 width: 250px !important;
 width: 250px;
 border: solid 1px #383838;
 background: #252525 url(img/prod-subbg.jpg);
 margin: 10px 0;
}
#calloutboxProdStylo p
{ 
 line-height: 15px;  
 padding: 10px;
 text-align: justify;
}
#calloutboxProdStylo h1
{   color: #fff; 
    font-family:Tahoma;
    font-size:1.2em;  
    margin: 10px;
    border-bottom: solid 1px #810D18;     
}

#calloutboxProdStylo ul
{ 
    margin: 10px 0 10px 0; 
}
#calloutboxProdStylo li
{   
    margin:2px 0 0 25px; 
    display: list-item;
    list-style-type: square;
    list-style-image : url(img/list-style-box.gif);
    line-height: 18px;
}
.navProdimg
{ 
     margin: 5px 0 5px 10px;
     border: solid 1px #383838;
}
.navProdimgMaintop
{ 
     margin: 55px 0 5px 10px;
     border: solid 1px #383838;
}
.navProdimgMainbottom
{ 
     margin: 50px 0 5px 10px;
     border: solid 1px #383838;
}

 /*Products-Glass-Video-Buttons*/
 
#navProd
{ 
 margin: 0 0 5px 10px !important;
 margin: 20px 0 10px 5px;
 width: 230px;
 height: 20px;
 background: #2d2d2d url(img/nav-bg.gif) repeat-x;
 border: solid 1px #383838;
 font-size: 1em;
}
 
#navProd ul
{
 display: inline;
 text-align: center;
}

#navProd ul li 

{
 list-style: none;
 display: inline;
 line-height: 18px;
}

#navProd ul li a

{
 text-align: center;
 height: 20px;
 display: block;
 color: #fff;
 text-decoration: none;
 padding: 0 11px;
}

#navProd ul li a:hover

{
 display: block;
 background: #2d2d2d url(img/nav-dn.gif) repeat-x;
 color: #fff;
 text-decoration: none;
}

#navProd2
{ 
 margin: 0 0 5px 10px !important;
 margin: 20px 0 10px 5px;
 width: 230px;
 height: 20px;
 background: #2d2d2d url(img/nav-bg.gif) repeat-x;
 border: solid 1px #383838;
 font-size: 1em;
 text-align: center;
}
 
#navProd2 ul
{
 display: inline;
}

#navProd2 ul li 

{
 text-align: center;
 list-style: none;
 display: inline;
 line-height: 18px;
}

#navProd2 ul li a

{
 text-align: center;
 height: 20px;
 display: block;
 color: #fff;
 text-decoration: none;
 padding: 0 11px;
 text-transform: capitalize;
}

#navProd2 ul li a:hover

{
 display: block;
 background: #2d2d2d url(img/nav-dn.gif) repeat-x;
 color: #fff;
 text-decoration: none;
}