@charset "utf-8";
/* CSS Document */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #ffffff;
	background-image: url(../images/bg.jpg);
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* End style reset */

body {
	margin: 20px 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.3;
}
p {
	margin: 10px;
}
strong {
	color: #ffffff;
}
h1, h2, h3, h4 {
	font-family: Tahoma, Geneva, sans-serif;
	margin: 10px;
	font-weight: 600;
	color: #cf9;
}
h1 {
	font-size: 1.7em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color:#636363;
	text-decoration: none;
}
a:hover {
	color: #602d71;
	text-decoration: underline;
}
div#wrapper {
	margin: 0px auto;
	text-align: left;
	background-image: url(../images/wrapper_bg.png);
	background-repeat: repeat;
	width: 990px;
	overflow: hidden;
}
div#main { width: 970px; margin: 10px; background-image: url(../images/left_column_bg.gif); }
div#header { text-align: right;	background-image: url(../images/header_background.gif);	background-repeat: repeat-x; height: 140px; }
div#header strong {	color:#ffffff; }
.left_top {
	float: left;
	margin-top: 0px;
	display: inline;
}
.ad {
	margin-right: 140px;
}		
.right_top {
	background: url(../images/store-ad.gif) top right no-repeat;
	height: 119px;
}
.left {
	float: left;
	margin: 10px;
	display: inline;
}
.right {
	float: right;
	margin: 0px 10px 10px 10px;
	display: inline;
}

/*Main Navigation Begins */
.noText { display : none; }
div#nav {
	float: right;
	margin: 62px 40px 0px 0px;
	display: inline;
}
#nav li {
	display: inline;
}
.navigation {
    width: 605px;
    height: 30px;
    background: url(../images/main_nav.gif) no-repeat;
	position: relative;
}
.navigation li a:link, .navigation li a:visited {
    position: absolute;
    top: 0px;
    height: 30px;
	width: 515px;
    text-indent: -9000px;
    overflow: hidden;
	z-index: 10;
}

/*Home Nav*/
.navigation .home a:link, .navigation .home a:visited {
    left: 0px;
    width: 70px;

}
.navigation .home a:hover, .navigation .home a:focus, .navigation .home a:active {
    background: url(../images/main_nav.gif) no-repeat 0px -30px;
}
.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/main_nav.gif) no-repeat -0px -30px;
		cursor: default;
}
.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 70px;
		height: 30px;
		background: url(../images/main_nav.gif) no-repeat -0px -30px;
}
.nav-home-click {
		background: url(../images/main_nav.gif) no-repeat -0px -30px;
}



/*About Nav*/
.navigation .about a:link, .navigation .about a:visited {
    left: 70px;
	width: 110px;
	
}
.navigation .about a:hover, .navigation .about a:focus, .navigation .about a:active {
    background: url(../images/main_nav.gif) no-repeat -70px -30px;
}
.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/main_nav.gif) no-repeat -70px -30px;
		cursor: default;
}
.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 70px;
		width: 110px;
		height: 30px;
		background: url(../images/main_nav.gif) no-repeat -70px -30px;
	}
	.nav-about-click {
		background: url(../images/main_nav.gif) no-repeat -70px -30px;
	}



/*Services Nav*/
.navigation .services a:link, .navigation .services a:visited {
    left: 180px;
    width: 90px;
}
.navigation .services a:hover, .navigation .services a:focus, .navigation .services a:active {
    background: url(../images/main_nav.gif) no-repeat -180px -30px;
}
.current-services .services a:link, .current-services .services a:visited {
		background: url(../images/main_nav.gif) no-repeat -180px -30px;
		cursor: default;
}
.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 180px;
		width: 90px;
		height: 30px;
		background: url(../images/main_nav.gif) no-repeat -180px -30px;
	}
	.nav-services-click {
		background: url(../images/main_nav.gif) no-repeat -180px -30px;
	}


/*Products Nav*/
.navigation .products a:link, .navigation .products a:visited {
    left: 270px;
	width: 130px;
}
.navigation .products a:hover, .navigation .products a:focus, .navigation .products a:active {
    background: url(../images/main_nav.gif) no-repeat -270px -30px;
}
.current-products .products a:link, .current-products .products a:visited {
		background: url(../images/main_nav.gif) no-repeat -270px -30px;
		cursor: default;
}
.nav-products, .nav-products-click {
		position: absolute;
		top: 0;
		left: 270px;
		width: 130px;
		height: 30px;
		background: url(../images/main_nav.gif) no-repeat -270px -30px;
	}
	.nav-products-click {
		background: url(../images/main_nav.gif) no-repeat -270px -30px;
	}
	
	
/*Contact Nav*/
.navigation .contact a:link, .navigation .contact a:visited {
    left: 400px;
	width: 115px;
}
.navigation .contact a:hover, .navigation .contact a:focus, .navigation .contact a:active {
    background: url(../images/main_nav.gif) no-repeat -400px -30px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/main_nav.gif) no-repeat -400px -30px;
		cursor: default;
}
.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 400px;
		width: 115px;
		height: 30px;
		background: url(../images/main_nav.gif) no-repeat -400px -30px;
}
	.nav-contact-click {
		background: url(../images/main_nav.gif) no-repeat -400px -30px;
}


/*Store Nav*/
.navigation .store a:link, .navigation .store a:visited {
    left: 515px;
	width: 90px;
}
.navigation .store a:hover, .navigation .store a:focus, .navigation .store a:active {
    background: url(../images/main_nav.gif) no-repeat -515px -30px;
}
.current-store .store a:link, .current-store .store a:visited {
		background: url(../images/main_nav.gif) no-repeat -515px -30px;
		cursor: default;
}
.nav-store, .nav-store-click {
		position: absolute;
		top: 0;
		left: 515px;
		width: 90px;
		height: 30px;
		background: url(../images/main_nav.gif) no-repeat -515px -30px;
}
	.nav-store-click {
		background: url(../images/main_nav.gif) no-repeat -515px -30px;
}

/* End of nav */

/* Begin content area */
div#content_area {
	clear: both;
}
div#content_area a:link {
	color: #ffffff;
	text-decoration: underline;
}
div#content_area a:visited {
	color: #f9a517;
	text-decoration: none;
}
div#content_area a:hover {
	color: #f9a517;
	text-decoration: underline;
}

/* end content area */

/* Begin main image area */
div#main_image {
	width: 970px;
	width: 280px;
}
div#main_image img {
	width: 970px;
	height: 270px;
	border-bottom: 10px solid #ffffff;
}
/* End main image area */

/* Begin right column */
div#right_column {
	float: right;
	width: 668px;
	border-left: 2px solid #85afdf;
	background-color: #ffffff;
	color: #777777;
	line-height: 1.6;
}
div#right_column h1, h2, h3, strong {
	color: #369;
}
div#right_column a:link { color: #333333; }


/* End right column */

/* Begin left column */
div#left_column {
	float: left;
	width: 300px;
}
/* End left column */

/* Begin footer */
div#footer {
	clear: both;
	border-top: 2px solid #85afdf;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	font-size: 0.7em;
	line-height: 1.6;
}
div#footer a:link {
	color: #ffffff;
	text-decoration: none;
}
div#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
div#footer a:hover {
	color: #fc0;
	text-decoration: underline;
}
div#footer_left {
	float: left;
	margin-left: 1%;
	width: auto;
}
div#footer_right {
	margin-right: 1%;
	float: right;
	width: auto;
}
div#footer_middle {
	text-align: center;
	clear: both;
}
div#footer h2 {
	color: #ffffff;
}
/* End footer */

/* Home page */
div#left_column_home {
	float: left;
	width: 300px;
}
div#right_column_home {
	float: right;
	width: 668px;
	background-color: #1f82ee;
	line-height: 1.7;
	border-left: 2px solid #85afdf;
	font-weight: 600;
}

div#right_column_home .promo_links {
	float: left;
	display: inline;
	width: 130px;
	margin: 10px 0px 0px 30px;
	padding-top: 5px;
}
div#right_column_home .promo_links a:link {
	text-decoration: none;
}
.orange { color: #f9a517; }
.purple { color: #636; }
.red { color: #F00; }
.yellow { color: #d0d03a; }
.white { color: #ffffff; }

.clear { clear: both; 
}
div#uploader input {
	float: right;
	display: inline;
	margin: 0px 5px 5px 0px;
}
/* End Home page */
/* form styles */
div#right_column .c_form  {
	width: 75%;	
	margin: 10px;
	padding: 0px;
}
div#right_column .c_form p {
	vertical-align: top;
}
div#right_column .c_form #f1 fieldset {
	border: 1px solid #333333;
	margin: 5px;
	padding: 10px;
}
div#right_column .c_form #f1 legend {
	color: #8a888a;
}
div#right_column .c_form #f1 label {
	width: 7em;
	float: left;
	text-align: left;
	margin-right: 1.5em;
	display: block;
	vertical-align: top;
}
div#right_column input {
	color: #777777;
	background-color: #ffc;
	border: 2px outset #999999;
	margin-left: 2px;
}
div#right_column input #custFile {
	color: #777777;
	background-color: #ffc;
	border: 2px outset #999999;
	margin-left: 2px;
}
div#right_column textarea {
	color: #777777;
	background: #ffc;
	border: 2px outset #999999;
}
div#right_column .c_form #f1 .submit {
	margin-left: 8.5em;
	width: 15em;
	padding: .5em;
	color: #ffffff;
}
div#right_column .c_form #f1 .submit input {
	border: 2px outset #999999;
}
/*div#right_column #visitor {
	margin-left: 41px;
}
div#right_column #telephone {
	margin-left: 9px;
}
div#right_column #visitormail {
	margin-left: 45px;
}
div#right_column #notes {
	margin-left: 10px;
}
*/
div#left_column #uploadBox {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 5px;
	border: 5px solid #85afdf;
	width: 260px;
	font-size: 0.9em;
}
div#left_column #uploadBox strong {
	color: #ffffff;
}
/* end form styles */

/* Begin list styles */
.s_list li { margin: 10px 40px;	list-style-type: disc; padding-bottom: 13px; }
div#right_column .s_list li a:link { font-weight: 600; color: #777777; text-decoration: none; }
div#right_column .s_list li a:visited { font-weight: 600; color: #777777; text-decoration: none; }
div#right_column .s_list li a:hover { font-weight: 600; color: #777777; text-decoration: underline; }

.s_list2 li { margin: 10px 40px; list-style-type: disc; }


/* End list styles */

/* Begin Gallery Box */
#gal_holder { text-align: center; width: 90%; padding: 0px; background: #1f82ee; overflow: hidden; border: 5px solid #cccccc;
              margin: 0px auto; }
.gal_column { float: left; display: inline; width: 25%; border-bottom: 2px solid #cccccc; border-right: 2px solid #cccccc; background: #1357a0;
              color: #ffffff; padding: 3px 0px; }
.gal_column2 { float: left; display: inline; width: 24%; border-bottom: 2px solid #cccccc; background: #1357a0; padding: 3px 0px; color: #ffffff; }
div#content_area .gal_column a:link, div#content_area .gal_column2 a:link { color: #777777; text-decoration: none; }
div#content_area .gal_column a:visited, div#content_area .gal_column2 a:visited { color: #777777; text-decoration: none; }
div#content_area .gal_column a:hover, div#content_area .gal_column2 a:hover { color: #ffffff; text-decoration: underline; }
/* End Gallery Box */

/* Begin Gallery Styles */
#slideshow { left: 30px; float: left; margin: 20px; border: 1px solid #333333; }
#gal { width: 600px; margin: 15px 15px 15px 33px; float: left }
#gal li { width: 50px; float: left; margin: 8px; list-style: none }
#gal a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#gal a:hover { background: #C93;}
#gal a.activeSlide { background: #88f }
#gal a:focus { outline: none; }
#gal img { border: none; display: block }
/* End Gallery Styles */

/* css img hover */
.hov a { display: block; width: 160px; height: 32px; background:  url(../images/upload.gif) no-repeat; }
.hov a:hover { background-position: -162px 0; }