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, ins, kbd, q, s, samp,   
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,   
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;   
padding:0;   
border:0;   
outline:0;   
font-size:100%;   
vertical-align:baseline;
}     
ol, ul {
list-style:none;
}
blockquote, q {   
quotes:none;   
}   
blockquote:before, blockquote:after,   
q:before, q:after {   
content: '';   
content:none;   
}   
  

/* remember to define focus styles! */  
:focus {   
outline:0;   
}   
  
/* remember to highlight inserts somehow! */  
ins {   
text-decoration: none;   
}   
del {   
text-decoration: line-through;   
}   

/* tables still need 'cellspacing="0"' in the markup */  
table {   
border-collapse: collapse;   
border-spacing: 0;   
}




/* Corners */
.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#f0f0f0; 
border-left:1px solid #fff500;
border-right:1px solid #fff500;
}
.xb1 {
margin:0 5px; 
background:#fff500;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.color_a {
background:#fefff0;
color:#fff;
}
.color_b {
background:#feffe0; 
color:#000;
}
.color_c {
background:#f0fedd; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}




b.rblack { display:block; background:#fcfcfc; }
b.ryellow { display:block; }
b.ryellow b {
	display:block;
	height:1px;
	overflow:hidden;
	background-color:#345b9e;
}
b.rblack b {
	display:block;
	height:1px;
	overflow:hidden;
	background-color:#e5e5e5;
}
b.r1 { margin:0 5px; }
b.r2 { margin:0 3px; }
b.r3 { margin:0 2px; }
b.ryellow b.r4, b.rblack b.r4 { margin:0 1px; height:2px; }



* { margin:0px; padding:0px; }

html {background:#feffe0}

body { 
    margin:0px;
    padding:0px;
    text-align:center;
    font:normal 0.72em Arial, Helvetica, sans-serif;
    color:#555;
	background:url(../images/BG.gif) repeat-x top;
    line-height:1.5em;
    }
img {border-style:none; vertical-align:middle;}

hr {border:solid 1px #111;}

h1 {
	padding:5px 10px 0px 10px;
	margin-top:5px;
    text-align:left;
    color:#ff9900;
    font:bold 21px Arial, Helvetica, sans-serif;
    }

h2 {
    padding:0 5px;
	margin:10px 0 0 0;
    color:#555;
	font:bold 21px Arial, Helvetica, sans-serif;
    }
	
h3 {
    color:#fff;
    font:bold 17px Arial, Helvetica, sans-serif;
	line-height:60px;
    }
	
h4 {
	padding:5px 2%;
	margin:0px 3%;
    font:bold 17px Arial, Helvetica, sans-serif;
    color:#333;
	}
	
h5 {
	padding:6px 10px;
    text-align:center;
    color:#999;
    font:normal 12px Arial, Helvetica, sans-serif;
    }
	
h6 {
	color:#555;
	font:bold 15px Arial, Helvetica, sans-serif;
    }
	
p { padding:5px;}

a:link, a:visited {color:#000; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}
hr { border: 5px solid #fff500;}

label {
margin-left:15px;
vertical-align:middle;
color:#345b9e;
	}
label a:link, label a:visited {
	font-weight:bold;
	color:#000;
	}

ol li { list-style-type:disc; list-style-position:inside; font-weight:bold; }

ol li a:link { color:#000;}



/* search fields */
.field {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#999;
	background:#fff;
	width:170px;
	margin:0px;
	padding:2px;
	border:solid 2px #e0e0e0;
	vertical-align:middle;
}
.btn { 
	padding:2px 5px;
	border:none 0;
	color:#fff;
	background:#000;
	border:solid 1px #cc0000;
	font:normal 12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	cursor:pointer;
}





/* Layout */
#bodywarper {
	margin:0px auto;
	padding-bottom:10px;
	position:relative;
	overflow:hidden;
	}

.large {
	width:1252px;
	}

.short {
    width:996px;
    overflow:hidden;
    position:relative;
	}


.header {
	background:#ffff99;
	border-bottom:2px solid #fcdb00;
	}
.headercontainer {
	background:#ffcc00;
    overflow:hidden;
	}

.title {
	width:26%;
	float:left;
	height:60px;
	background:#000;
	line-height:60px;
	}
.nav {
    padding:0;
	width:70%;
	float:left;
	height:60px;
    }    
.nav li {
    list-style-type:none;
    display:inline;
    }
.nav li a:link, .nav li a:visited {
    padding:0 35px;
	height:60px;
    color:#333;
	background:#ffcc00;
    float:left;
    font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	line-height:60px;
    text-decoration:none;
    border:1px solid #fff500;
	border-top:none;
    }
.nav li a:hover {color:#fff; background:#333;}

.warper {
    width:96%;
	padding:0 2%;
    overflow:hidden;
	text-align:left;
	}

.left, .right {
    width:31%;
	padding:0 1%;
	margin:20px 0 0 0;
    text-align:left;
    float:left;
    overflow:hidden;
    }
.center {
    width:32%;
	padding:0 1%;
	margin:20px 0 0 0;
    text-align:left;
    float:left;
    overflow:hidden;
    }
.container {
    width:65%;
	padding:0 1%;
	margin:20px 0 0 0;
    text-align:left;
    float:left;
    overflow:hidden;
    }

.inner { padding:15px; border:1px solid #fff500; background:#ffff99; }

.left img, .center img { 
	margin-right:10px;
	padding:5px;
	background:#f5f5f5;
	border:1px solid #e0e0e0;
	}
	
.content img {	
	margin-left:10px;
	float:right;
	background:#f5f5f5;
	border:2px solid #e0e0e0;
	}

.click a{ 
	padding:10px 15px;
	margin:15px 0;
	display:block;
	text-align:right;
	background:#feffe0;
	font:bold 11px Arial, Helvetica, sans-serif;
	}
.click a:link, .click a:visited { color:#333; text-decoration:none; }
.click a:hover { color:#990000; background:#fcfcfc;}

.clear {line-height:0px; font-size:0; clear:both;}

.images img {
	margin:1px;
	padding:5px;
	background:#f5f5f5;
	border:1px solid #e0e0e0;
}

.producttable { margin-bottom:25px;}
.producttable th { padding:10px; font-size:13px; font-weight:bold; border:1px solid #fff500; text-align:left; color:#000; }
.producttable td { padding:10px; border:1px solid #fff500; }

.footer {
	padding:25px 50px;
	background:url(../images/footerBG.jpg) no-repeat center top;
	clear:both;
    }
.footer img { right:50px; position:absolute;}
.footul {
    padding:0px;
    margin:0px;
	text-align:left;
    }    
.footul li {
    list-style-type:none;
	display:inline;
    }
.footul li a:link, .footul li a:visited {
    padding:2%;
	width:auto;
	display:block;
	float:left;
    color:#333;
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration:none;
    }
.footul li a:hover {color:#fff; background:#333;}

.footline { 
	margin:40px 0 10px 0;
	padding:15px 25px;
	color:#999;
	background:#ffff99;
	font-size:11px;
	border:1px solid #fff500;
	text-align:right;
	}


/*Contact Form */

.formcont { margin:10px; font-weight:bold; text-align:right;}

.txt {
	border:solid 1px #999999;
	font-family: Arial, Helvetica, sans-serif;
	width:200px;
	margin:0px;
	padding:2px;
}

.txt:hover {
	border-color: #ff9900;
	border-width: 1px;
}
 
.txt:focus {
	border-color: #ff9900;
	border-width: 1px;
}
.txtarea {
	width: 200px;
	padding:2px;
	border:solid 1px #999;
	overflow:hidden;
}
.txtarea:hover {
	border-color: #ff9900;
	border-width: 1px;
}
.txtarea:focus {
	border-color: #ff9900;
	border-width: 1px;
}

.formcont option.black { background-color: #FFF; color:#333333;}
.formcont option.white { background-color: #FFF; color:#105299;}

.btun { margin:5px 0px; padding:5px; font-size:11px; color:#FFF; background:#000; border-style:none; cursor:pointer; }




/* quicktabs */

#quicktab li  {
	list-style-type:none;
	position:relative;
	}

#quicktab li a:link, #quicktab li a:visited {
	padding:0 10%;
	margin-bottom:5px;
	width:80%;
	height:50px;
	display:block;
	color:#555;
	font:bolder 19px Arial;
	line-height:50px;
	border-bottom:1px dotted #c9c9c9;
	position :relative;
	text-decoration:none;
	outline:none;
	}
	  
#quicktab li a:hover { color:#ff9900; }

#quicktab li a img, #quicktab li img {
	/* for IE */
	filter:alpha(opacity=100);
	opacity:1.0;
	right:10px;
	bottom:10px;
	position:absolute;
	}

#quicktab li.active { position :relative; }
#quicktab li.active a { color:#ff9900; }

.tabs, .director {
    height: 145px;
    padding:20px;
    overflow:hidden;
	}
.tabs div {
    height: 145px;
    padding:20px;
    overflow:hidden;
	}
.tabs .divisb {}
.tabs img  {
	margin-left:10px;
	float:right;
	border:2px solid #e0e0e0;
	}

#slideshowHolder { margin:0 auto; width:996px; overflow:hidden; clear:both;  }