/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Page Header/Navigation
4. Content
5. Footer

[Color Guide]

Dark Gray: #222222
Deep Red: #CA002E
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
1. Body
-------------------------------------------------------------------*/

html, body 
{
    background-color:#E6E6E6;
    background-image: url('/images/site/background.jpg');
    background-repeat:repeat-x;
    margin: 0px;
    padding: 0px;
    font: normal 100%/1.5em 'Verdana', Lucida Grande, Geneva, Lucida, Helvetica, Arial, sans-serif;
    height:880px;
font-size:12px;
}

h1
{
    font-size:24px;
font-family:georgia;
padding:10px 0 0 0;
    
}

h2
{
    margin-top:25px;
    font-weight:bold;
}

h3
{
    font-size:20px;
    color:#777777;
    padding-bottom: 5px;
    font-family: georgia;
}

p, table
{
    font-size:12px;
    line-height:25px;
    margin:10px 0px 10px 0px;
    color:#222222
}

a:link, a:visited
{
    color:#CA002E
}
a:hover, a:active
{
    color:#CA002E
}

img, iframe
{
    border:solid 1px #222222;
    margin-top:30px;
    /*float: none;
    text-align: justify;*/
}

/*------------------------------------------------------------------
2. Page Header/Navigation
-------------------------------------------------------------------*/

#pageHeader
{
background-image: url('/images/site/header.jpg');
    width:995px;
    height:127px;
    margin-left:auto;
    margin-right: auto;
    text-align: right;
    font-size:16px; 
    font-family:georgia;           
}

#pageHeader li
{
    padding-right:30px; padding-top:5px;
}

#pageHeader li a:link, #pageHeader li a:visited
{
    color:White;
    text-decoration:none;
}

#pageHeader li a:hover, #pageHeader li a:active 
{
    color:White;
    text-decoration:underline;    
}

/*------------------------------------------------------------------
3. Content
-------------------------------------------------------------------*/
#contentBlock
{
    margin:33px auto 0px auto;
    width:996px;
    height:570px;    
    background-image:url('/images/site/content.jpg');
    background-repeat:no-repeat;
    
}

#content
{
    padding:10px 30px 10px 30px;
}
/*For Home Page */
#content table
{
    margin-left:auto;
    margin-right:auto;

}

#content table img
{
    margin-left:30px;
    margin-right:30px;
    
}

#content td
{
    text-align:center;
}

/*For Contact Page */
.leftColumn
{
    width:450px;    
    float:left;

}
.rightColumn
{
    margin-left:500px;

}
/*For Products Page */
.subMenuColumn
{
    width:223px;
    margin-top:30px;
    float:left;
    text-align:right;
    font-size:14px;
}

.subMenuColumn li a:link, .subMenuColumn li a:visited
{
    display:block;
    border-right: solid 1px #999999;
   border-bottom:dashed 1px #999999;
    padding: 10px 10px 5px;
    color: #CA002E;
    text-decoration:none;
}

.subMenuColumn li a:hover, .subMenuColumn li a:active
{
    background-color:#CCCCCC;
    
}

.subMenuContent
{
    margin-left:260px;
    padding-right:20px;
}

.subMenuContent img
{
    float:right;
    margin-left:25px;
    margin-top:5px;
}

.subMenuContent li
{
    list-style-type:disc;
    font-size:12px;
    line-height:25px;
    margin:10px 0px 15px 15px;
    color:#222222
}

.subMenuContent p
{
    color:#CA002E;
    margin:0px 0px 0px 0px
}

.subMenuContent2
{
    float:right;
    width:300;
    height: 296px;
    padding-right:200px;
    padding-top:54px;
}

.subMenuContent2 li
{
    list-style-type:disc;
    font-size:12px;
    line-height:25px;
    margin:10px 0px 15px 15px;
    color:#222222
}

.slideshow
{
    height:400px;
    width:640px;
    border:1px solid black;
    margin-top:30px;
}


/* For Sitemap */

#sitemap
{
    padding-left:15px;
    font-size:12px;
    line-height:25px;
    margin:15px 0px 25px 0px;
}

#sitemap ul
{  
  padding-left:20px;
  margin:10px;
}

#sitemap li
{
    padding:3px;
}

/*------------------------------------------------------------------
4. Footer
-------------------------------------------------------------------*/

#footer
{
    margin:25px auto 0 auto;
    width:994px;
    height:157px;
    font-size:12px;
    line-height:22px;
    color:White;
    background-image:url('/images/site/footer.jpg');
    background-repeat:no-repeat;
    padding-top:15px;
    
}

#footer a:link, #footer a:visited
{
    color:White
}
#footer a:hover, #footer a:active
{
    color:White
}

#nav
{

    width:300px;
    padding:0px 15px 0px 15px;
    height:140px;
    float:left;
}

.navleft
{
    float:left;
    height:140px;
    padding-left:10px;
    padding-right:10px;   
    
}

.navright
{
    padding-top:27px;
    height:130px;
    padding-left:10px;
    padding-right:10px;
}

.navright li
{
    padding-left:30px;
}

.contact
{
    width:300px;
    float:left;
    padding:0px 15px 0px 15px;
    height:140px;
    border-left:solid 1px #777777;
}

.copyright
{
    width:300px;
    float:left;
    padding:0px 15px 0px 15px;
    border-left:solid 1px #777777;
    height:140px;
}

/*------------------------------------------------------------------
5. Showcase
-------------------------------------------------------------------*/

#showcase a img		 	{float:left; padding:10px 20px; width:145px; height:145px; margin-top:15px;}

.block					{float:left; padding:5px 20px 0  20px; text-align:center}

.block img				{margin-top:15px; width:145px; height:145px;}

.clear    {clear:both}