@media screen {

/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }

body {
background-image: url(images/siteBg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #515151;
font-family: Arial, Verdana, Geneva, Helvetica, Lucida, sans-serif;
height: 100%;
margin: 0px;
padding: 0px;
}


/* Centered Website Start */
#websiteContainerBG {
background-image: url(images/siteContainerBgBottom.png);
background-position: center top;
background-repeat: repeat-y;
position: relative;
visibility: visible;
width: 1000px;
height: auto;
margin: 0 auto;
}

#websiteContainer {
background-image: url(images/siteContainerBg.png);
background-position: center top;
background-repeat: no-repeat;
position: relative;
visibility: visible;
width: 1000px;
height: auto;
}

/* Top Content Block */
#topSiteBlock {
background-image: url(images/contentBgTop.png);
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
visibility: visible;
width: 1000px;
height: 400px;
}

#logoBox {
position: absolute;
visibility: visible;
width: auto;
height: auto;
top: 43px;
left: 20px;
}

#menuBox {
background-image: url(images/navigationBG.png);
background-position: center top;
background-repeat: no-repeat;
position: absolute;
visibility: visible;
width: 206px;
height: 286px;
top: 73px;
left: 290px;
}

#menu {
position: absolute;
visibility: visible;
width: 186px;
height: auto;
top: 14px;
left: 15px;
}

ul#topnav {
	padding: 0; 
	list-style: none;	
	font-size: 14px;
	letter-spacing: -1px;
	width: 182px;
}
ul#topnav li {
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	font-weight: bold;
	overflow: hidden; 
	float: left; 
	height:25px;
	width: 182px;
}
ul#topnav a, ul#topnav span {
	float: left;
	cursor: pointer;
	padding-left: 7px;
	text-decoration: none; 
	color: #111111;
	clear: both;
	height: 25px;
	width: 182px; 
}

ul#topnav.v2 span{
	background: url(images/a_bg.gif) repeat-x left top;
	padding-top: 4px;
}
ul#topnav.v2 a {
	color: #ffffff;
	background: url(images/a_bg.gif) repeat-x left bottom;
}

li.activeNav {
	background: url(images/a_bgA.gif) repeat-x left bottom;
	text-decoration: none;
	visibility: visible;
	height: 25px;
	width: 182px;
}

#bannerBox {
background-image: url(images/bannerImg.png);
background-position: center top;
background-repeat: no-repeat;
position: absolute;
visibility: visible;
width: 520px;
height: 342px;
top: 43px;
left: 469px;
}

/* Image Slider Plugin */
.slideContainer {
	width: 462px;
	height: 279px;
	position: relative;
	top: 32px;
	left: 30px;
}

.folio_block {
	position: relative;
}
 
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:279px;
	width: 462px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	font-size: 10px;
	bottom: -26px;
	right: 5px;
	width: auto;
	height: auto;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 25px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 10px;
	text-decoration: none;
	color: #f9f9f9;
}
.paging a.active {
	color: #d88019;
	font-weight: bold; 
	background-color: #1c1c1c; 
	border: 1px dotted #b7b7b7;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.paging a:hover {
	color: #d88019;
	font-weight: bold; 
	background-color: #1c1c1c; 
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}


/* Middle Content Block */
#middleSiteBG {
background-image: url(images/contentBgMid.png);
background-position: center top;
background-repeat: repeat-y;
position: relative;
visibility: visible;
width: 1000px;
height: auto;
}

#middleSiteBlock {
color: #f9f9f9;
letter-spacing: 2px;
line-height: 20px;
background-image: url(images/contentBgMidTop.png);
background-position: center top;
background-repeat: no-repeat;
position: relative;
visibility: visible;
width: 1000px;
height: auto;
}

#middleSiteBlock a {
color: #b7b7b7;
font-weight: bold;
text-decoration: underline;
}

#middleSiteBlock a:hover {
color: #d88019;
font-weight: bold;
text-decoration: underline;
}

/* Left Content Container */
#leftContentBox {
float: left;
font-size: 12px;
position: relative;
visibility: visible;
width: 235px;
height: auto;
margin-left: 50px;
}

#left01 {
position: relative;
visibility: visible;
width: 191px;
height: auto;
}

#leftContentBox h2 {
position: relative;
visibility: visible;
letter-spacing: -1px;
font-size: 18px;
font-weight: bold;
width: 191px;
padding-bottom: 4px
}

/* Right Content Container */
#rightContentBox {
float: left;
position: relative;
visibility: visible;
width: 697px;
height: auto;
top: -7px;
left: 7px;
}

#rightContentTop {
background-image: url(images/rightContentBgTop.png);
background-position: center top;
background-repeat: no-repeat;
position: relative;
visibility: visible;
width: 697px;
height: 13px;
}

#rightContentMiddle {
background-image: url(images/rightContentBgMid.png);
background-position: center top;
background-repeat: repeat-y;
position: relative;
visibility: visible;
width: 697px;
height: auto;
}

#rightContentBottom {
background-image: url(images/rightContentBgBottom.png);
background-position: center top;
background-repeat: no-repeat;
position: relative;
visibility: visible;
width: 697px;
height: 28px;
}

/* Right Content */
#rightContentC {
position: relative;
visibility: visible;
width: auto;
height: auto;
padding-top: 10px;
padding-left: 20px;
padding-right: 21px;
padding-bottom: 10px
}

#rightContentC h1 {
background-image: url(images/contentTitleBG.jpg);
background-position: left top;
background-repeat: repeat-x;
position: relative;
visibility: visible;
color: #111111;
letter-spacing: -1px;
font-size: 20px;
font-weight: bold;
height: 32px;
width: auto;
padding-top: 6px;
padding-left: 10px;
padding-bottom: 8px
}

#rightContentContact {
position: relative;
visibility: visible;
font-size: 12px;
width: auto;
height: auto;
padding-top: 10px;
padding-left: 20px;
padding-right: 21px;
padding-bottom: 10px
}

#rightContentContact ul {
	list-style: none;
	list-style-position: outside;
}

#rightContentContact li {
	text-align: left;
	font-size: 12px;
	letter-spacing: 2px;
}

#rightContentContact h1 {
background-image: url(images/contentTitleBG.jpg);
background-position: left top;
background-repeat: repeat-x;
position: relative;
visibility: visible;
color: #111111;
letter-spacing: -1px;
font-size: 20px;
font-weight: bold;
height: 32px;
width: auto;
padding-top: 6px;
padding-left: 10px;
padding-bottom: 8px
}

#rightContentContact h2 {
visibility: visible;
letter-spacing: -1px;
font-size: 16px;
font-weight: bold;
padding-bottom: 6px;
padding-top: 3px;
}

#container ul.menu li#menuStyle {
font-size: 16px;
letter-spacing: -1px;
display: block;
font-weight: bold;
text-decoration: none;
padding-top: 0px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 20px;
position: relative;
color: #f9f9f9;	
}

#container ul.menu li#menuStyle:hover {
color: #f9f9f9;
cursor: default;
}

#clear {
clear: both;	
}

/* Bottom Content Block */
#bottomSiteBlock {
background-image: url(images/contentBgBottom.png);
background-position: center top;
background-repeat: no-repeat;
position: relative;
visibility: visible;
width: 1000px;
height: 210px;
}

#proLogoLink {
position: absolute;
visibility: visible;
padding: 6px;
top: 46px;
left: 146px;
}

#proLogoLink:hover {
background-color: #f2f2f2;
padding: 5px;
border: thin dotted #999999;
}

#bottomLinks {
position: absolute;
visibility: visible;
color: #d88019;
font-size: 10px;
font-weight: bold;
letter-spacing: 0px;
top: 1px;
left: 312px;
}

#bottomLinks a {
color: #b7b7b7;
text-decoration: underline;
}

#bottomLinks a:hover {
color: #d88019;
text-decoration: underline;
}

#copyright {
position: absolute;
visibility: visible;
color: #f9f9f9;
font-size: 10px;
letter-spacing: 2px;
padding: 4px;
top: 45px;
left: 369px;
}

/* Classes */
.floatImgLeft {
float: left;
background-color: #1c1c1c;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 6px;
margin-right: 16px;
margin-bottom: 10px;
border: dotted 1px #b7b7b7;
}

.floatImgLeft:hover {
background-color: #272727;
border: dotted 1px #c9c9c9; 
}

.floatImgRight {
float: right;
background-color: #1c1c1c;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin-top: 6px;
margin-left: 16px;
margin-bottom: 10px;
border: dotted 1px #b7b7b7;
}

.floatImgRight:hover {
background-color: #272727;
border: dotted 1px #c9c9c9;
}

.imgStandard {
background-color: #1c1c1c;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 6px;
margin-bottom: 10px;
border: dotted 1px #b7b7b7;
}

.imgStandard:hover {
background-color: #272727;
border: dotted 1px #c9c9c9; 
}

.titleFloat {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

.bold {
font-weight: bold;
}

.boldTitle {
font-size: 14px;
font-weight: bold;
text-decoration:underline;
}

.boldTitleSquished {
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
}

.boldProdTitle {
color: #d88019;
font-size: 14px;
font-weight: bold;
text-decoration:underline;
}

.hide {
visibility: hidden;	
}

}