body 
{
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-attachment:fixed;
	position:absolute;
	left: 50%;
	width:950px;
	margin-left: -480px; /*set to a negative number 1/2 of your width*/
	margin-top:0px;
    background-color: #3266AF;
	font-family: Tahoma, Helvetica, Arial, serif;
	font-size: 10px;
        color: #333333;
}

/*-- Headers --*/
h1{
font-weight:bold;
font-size:12px;
}


/*-- Links --*/
a:link {
    COLOR: #336699; 
    TEXT-DECORATION: none;
}
a:visited {
    COLOR: #336699;
    TEXT-DECORATION: none;
}
a:hover {
    COLOR: #000000;
    TEXT-DECORATION: underline;
}    
a:active {
    COLOR: #6491CC;
    TEXT-DECORATION: none;
}


/*- Menu Tabs-- */

    #tabs {
      float:left;
      width:100%;
      background:#275189;
      font-size:93%;
      line-height:normal;
      font: bold 11px/1.5em Verdana;
      }
    #tabs ul {
        margin:0;
        padding:6px 10px 0 10px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/tabs/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/tabs/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#CC0000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

        #tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
        }
/*- Menu Tabs End--------------------------- */

/* ------ Heading of page (Logo Area) ------*/
#heading
{
 padding:10px 0 10px 0;
 text-align:center;
 width:950px;
 height:100px;
}

/* Main navigation code */
.menucontainer { width:100%; height:42px; padding-bottom:10px; font-size:12px; }
.menuinnercontainer { float:left; width:926px; height:42px; background-image:url(images/menubg.png); background-repeat:repeat-x; }
/* Menu Caps */
.menuleft { float:left; width:12px; height:42px; background-image:url(images/menuleft.png); background-repeat:no-repeat; }
.menuright { float:right; width:12px; height:42px; background-image:url(images/menuright.png); background-repeat:no-repeat; }
/* Menu Left */
.menuoptionleft {float:left; height:42px; text-align:center; font-weight:bold; margin:12px 0px 0px 0px; }
.menuoptionleft a { color:#FFFFFF; text-decoration:none; padding:12px 7px 11px 7px; }
.menuoptionleft a:hover {
	color:#024364;
	text-decoration:none;
	font-weight:bold;
	background-color:#87B7F1;
	padding:15px 7px 22px 7px;
}
/* Menu Right */
.menuoptionrightw {float:right; height:42px; width:50px; margin-top:3px;}
.menuoptionrightw:hover {
	margin-top:-5px;
	text-decoration:none;
	font-weight:bold;
	background-color:#FFFFFF;
	padding:12px 7px 0 7px;
}
/* Menu Right */
.menuoptionright { color:#FFFFFF; float:right; height:42px; text-align:center; font-weight:bold; margin:5px 7px 11px 7px; }
.menuoptionright a { color:#FFFFFF; text-decoration:none; padding:5px 7px 11px 7px; }
.menuoptionright:hover {
	color:#024364;
	text-decoration:none;
	font-weight:bold;
	background-color:#87B7F1;
}
/* End Main navigation code */


/* Main content Shadow */
.contentshadow{
	margin: 0 auto;
height:100%; /* IE6 NEEDS THIS! */
width:100%; /* IE6 NEEDS THIS! */
width:950px;
overflow:hidden;
background-image:url(images/tile.png);
background-position:center;
background-repeat:repeat-y;
}

/* Top of main content clearer */
.ctop {
	clear:both;
margin: 0 auto;
width:950px;
height:30px;
background-image:url(images/tiletop.png);
background-position:center;
background-repeat:no-repeat;
}

/* Bottom of main content clearer */
.cbtm {
clear:both;
margin: 0 auto;
width:950px;
height:30px;
position:relative;
background-image:url(images/tilebottom.png);
background-position:center;
background-repeat:no-repeat;
}

/* inside */
.cbtmin{
float:left;
margin: 0 auto;
width:190px;
background-color:#275189;
}

/* inside */
.cbtmin ul{
list-style:none;
text-align:left;
}

.cbtmin li{
padding-top:3px;
font-weight:bold;
}

.cbtmin li.first{
text-decoration:underline;
font-size:18px;
}

.cbtmin li a{
color:#ffffff;
}
.cbtmin li a:hover{
color:#ffffff;
text-decoration:underline;
}

/* Main Content Container for product pages etc. */
.main_content{
	margin: 0 auto;
height:100%; /* IE6 NEEDS THIS! */
width:100%; /* IE6 NEEDS THIS! */
width:926px;
overflow:hidden;
}

/* Main Content Container for just the home page */
.main_content_front{
	margin: 0 auto;
height:100%; /* IE6 NEEDS THIS! */
width:100%; /* IE6 NEEDS THIS! */
width:926px;
overflow:hidden;
background-color: #F0F0F0;
background-image: url("images/stripe.png");
background-position: bottom;
background-repeat: repeat-x;
}

/* For flash video */
#left_content_top{
 margin: 0 310px 0 0;
}

/* For home page */
#left_content{
 padding: 10px;
 margin-right: 310px;
 background-color: #ffffff
}

/* For home page */
#right_content{
padding: 10px;
float: right;
 width: 258px;
 height: 100%;
}

/* Footer Code */
#footer
{
margin-top:10px;
clear:both;
background-color:#275189;
}

.copy
{
background-color:#275189;
position:relative;
margin-top:10px;
clear:both;
float:left;
color:#FFFFFF;
}

.copy1
{
position:relative;
margin-top:10px;
clear:both;
float:left;
color:#FFFFFF;
}


/* Items (should have only 3 max) */

.catitem
{
 width:100px;
 height:100px;
 padding: 10px;
 float: left;
}

.catitem a
{
COLOR: #336699; 
display:block;
width:100%;
height:100%;
padding-top:10px;
}

.catitem a:hover
{
background-image:url(/images/prodbgsml.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

/* for the smaller menus */
.prodcatitem
{
 width:80px;
 height:100px;
 padding: 10px;
 float: left;
}
.prodcatitem a
{
COLOR: #336699; 
display:block;
width:100%;
height:100%;
padding-top:10px;
}
.prodcatitem a:hover
{
background-image:url(/images/prodbg80px.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
/* end for the smaller sport menus */

/* for the smaller sport menus */
.prodcatitems
{
 width:60px;
 height:50px;
 padding: 10px;
 float: left;
}
.prodcatitems a
{
COLOR: #336699; 
display:block;
width:100%;
height:100%;
padding-top:10px;
}
.prodcatitems a:hover
{
background-image:url(/images/prodbg80px.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
/* end for the smaller sport menus */

/* for the larger content */
.prodcatitem1
{
 width:140px;
 height:170px;
 float: left;
}

.footerlogo
{
float:left;
padding: 10px;
margin:0 auto;
}

.prodcatitem1 a
{
COLOR: #336699; 
padding-top: 10px;
padding-bottom: 10px;
background-image:url(/images/prodbgsmlro.png);
background-repeat:no-repeat;
display:block;
position:relative;
width:100%;
height:100%;
float:right;
}

.prodcatitem1 a:hover
{
background-image:url(/images/prodbgsmlr.png);
background-repeat:no-repeat;
text-decoration:none;
}
/* end for the larger content */


/* for the exampleas page */
.examples
{
 width:435px;
height:200px; 
 padding: 10px;
 float: left;
}
/* end for the examples page */

/* #aditem
{
 width:auto;
 padding: 10px;
 float: left;
}

#catitems
{
 width:100px;
 padding: 5px;
 float: left;
}

#catitems a
{
COLOR: #336699; 
display:block;
width:100%;
height:100%;
padding-top:10px;
}

#catitems a:hover
{
background-image:url(/images/prodbgsml.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

#catitems2
{
 width:120px;
 padding: 2px;
 float: left;
} */

.galitems
{
 width:200px;
 padding: 5px;
 float:left;
}

.galitems a
{
COLOR: #336699; 
display:block;
width:100%;
height:100%;
padding-top:10px;
}

.galitems a:hover
{
background-image:url(/images/prodbg.jpg);
background-position:center top;
background-repeat:no-repeat;
text-decoration:none;
}


.left_contentserv{
 padding: 10px;
 margin-right: 370px;
}
.right_contentserv{
padding: 10px;
float: right;
 width: 500px;
}


.left_contentcat1{
 padding: 10px;
 margin-right: 350px;
}
#right_contentcat1{
padding: 10px;
float: right;
width: 330px;

}

.left_contentcat{
 padding: 10px;
 margin-bottom: 20px;
border: 1px solid #ffffff;
overflow: hidden;

 clear: both;
}

#right_contentcat{
padding: 10px;
width: 100%;
border: 1px solid #ffffff;
overflow: hidden;
}

#box
{
padding:10px;
border:solid thin;
border-color:#0066CC;
}

#box1
{
margin-top:10px;
margin-bottom:10px;
height:490px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:50px;
border:#818CDC;
border:solid thin;
border-color:#0066CC;
overflow: inherit;
}

#special
{
 width:300px;
 padding: 5px;
}

#viewgal
{
width:183px;
height:46px;
background-image:url(images/buttons/view_gallery.gif);
}

#viewgal:hover {
     background-image:url(images/buttons/view_gallery_hover.gif);
}

#catitemss
{
 width:100px;
 padding: 10px;
 float: left;
}

.quote
{
background-image:url(images/quotemark.png);
background-repeat:no-repeat;
background-position:top left;
}


.productdescription
{
border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
}

.prodcode
{
border:solid 1px #90ac13; 
		background:#eef4d3;
		color:#000000;
		font-weight:bold;
		padding:4px;
		text-align:center;
}

#example
{
border:solid 1px #004080; 
		background:#E6F2FF;
		color:#000000;
		font-weight:bold;
		padding:4px;
		text-align:center;
}

#special
{
border:solid 1px #FF6600; 
		background:#FFE3D7;
		color:#000000;
		font-weight:bold;
		padding:4px;
		text-align:center;
}


#title
{
/*font-size:large;*/
}

.special
{
margin-top:10px;
margin-left:100px;
position:absolute;
z-index:2;
}

.frontspace
{
width:500px;
}

.adminfloat
{
float:left;
padding:10px;
}

/* Quovolver */
code { background: #f2f2f2; margin-bottom: 20px; display: block; padding: 20px; }	
blockquote p { margin-bottom: 10px; font-style: italic;}
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase;}
blockquote {
	font-family: Georgia, Times, serif;
	width: 220px; /* required */
	margin: 0 auto;
	}
#quote_wrap { 
	background: #fbffec url(images/quotemark.png) no-repeat 20px 20px;
	margin: 0; padding: 20px; border: 1px solid #edffaf;
}

.clear{
float:left;
position:relative;
background-color:red;
clear:both;
}

