@charset "utf-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	background: #04738E url(img-lo/body-bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
h1 {
	font-size: 24px;
	font-weight: bold;
	color: #024059;
	line-height: 1.3em;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #03698F;
	line-height: 1.3em;
}
h3 {
	font-size: 15px;
	font-weight: bold;
	color: #222222;
}
h4 {
	font-size: 13px;
	font-weight: bold;
}
p {
	font-size: 1em;
	font-weight: normal;
}
li { padding-bottom: 5px; }

a:link, a:visited {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}
a:hover { color: #CC3333; text-decoration:underline; }
:focus { outline: 0; }

/****** Layout Styles ******/
.AVstorage #wrap {
	margin: 0;
	padding: 0;
	background: url(img-lo/navbar-bg.gif) repeat-x 0px 190px;
}
.AVstorage #wrap #container {
	width: 900px;
	margin: 0 auto;
	text-align: left; 
} 
.AVstorage #header { padding: 0;  
} 
.AVstorage #header h1 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	margin: 6px 0px 10px;
}

.AVstorage #header #AVlogo {
	float: left;
	width: 225px;
	padding-left: 24px;
}
.AVstorage #header #adSpecial {
	float: left;
	width: 310px;
	background: url(images/av-ad-bg2.png) no-repeat;
	height: 164px;
	padding: 0px 10px;
	margin-right: 40px;
}

/*************start Vertical Nav****************/
.AVstorage #header #contactNav {
	float: right;
	color: #ffffff;
	font-weight: bold;
}
.AVstorage #header #contactNav #navBarV {
	width: 200px;
	\width: 210px;
	w\idth: 250px;
	margin: 0px 0px 14px;
	padding: 0;
}
.AVstorage #header #contactNav #navBarV ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.AVstorage #header #contactNav #navBarV li {
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 0;
}	
.AVstorage #header #contactNav #navBarV li a:link, .AVstorage #header #contactNav #navBarV li a:visited {
	font: bold 14px Verdana, Arial, Helvetica;
	color: #fcbb44;
	display: block;
	padding: 6px 0;
	text-decoration: none;
}
.AVstorage #header #contactNav #navBarV li a:hover, .AVstorage #header #contactNav #navBarV li a:active{
	color: #ffffff;
	text-decoration: none;
}

/********* start Horizontal Nav ********/
.AVstorage #navBar {
	margin: 0px;
	padding: 0px;
	height: 40px;
	/*background: url(img-lo/navbar-bg.gif) repeat-x;*/
}
.AVstorage #navBar #navBarHDD, 
.AVstorage #navBar #navBarHDD ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	white-space: nowrap;
	width: 100%;
	/*margin-left: 12px;*/
	line-height: 1.5em;
}

.AVstorage #navBar #navBarHDD a:link, 
.AVstorage #navBar #navBarHDD a:visited {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 0.5em 1.5em;
	text-align: left;
	text-transform: uppercase;
	font: bold 14px "Trebuchet MS", Verdana, sans-serif;
}

.AVstorage #navBar #navBarHDD a:hover {
	text-decoration: none;
	color: #F2DB66;
}

.AVstorage #navBar #navBarHDD li { /* all list items */
	float: left;
	margin: 0;
	padding: /*2px*/ 0;
	display: block;
	 /* width needed or Opera goes nuts */
}

.AVstorage #navBar #navBarHDD li ul { /* second-level lists */
	position: absolute;
	z-index: 10000;
	background: #66CCFF;
	font-size: 12px;
	line-height: 2em;
	padding: 0;
	left: -999em;
}
.AVstorage #navBar #navBarHDD li li {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #003366;
	display: block;
	width: 160px;   /*change block size here*/
} 
.AVstorage #navBar #navBarHDD li li a:link, 
.AVstorage #navBar #navBarHDD li li a:visited {
                color: #000000;
                margin: 0 0 0 5px;
                font-size: 11px;
                padding: 5px 2px; /*this changes how the dropdown list items are positioned in the block*/
}

.AVstorage #navBar #navBarHDD li li a:hover { color: #CC3300; }

.AVstorage #navBar #navBarHDD li:hover ul, 
.AVstorage #navBar #navBarHDD li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	padding-left: 1px;
	margin-left: 8px;
	width: 160px;        /* size of drop-down block */
	display: block;
	border: 1px solid #58743b;
	filter: alpha(opacity=95);
	opacity: 0.95;
}
/********* end Nav ********/

.AVstorage #sidebar1 {
	float: right;
	width: 160px;
	padding: 15px 0px 15px 20px;
	color: #ffffff;
	text-align: right;
}
.AVstorage #sidebar1 img { border: 2px solid #FFFFFF; }
.AVstorage #sidebar1 img:hover { border: 2px solid #cc3300; }

.AVstorage #sidebar1 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.AVstorage #sidebar1 li {
	margin: 0px 0px 12px;
	padding: 0px;
	list-style: none;
	text-align: right;
}


.AVstorage #mainContent {
	margin: 0; 
	padding: 0px;
	width: 720px;
} 
.AVstorage #mainContent #homepgInfoBar {
	background: url(img-lo/newsbar-bg.jpg) repeat-x;
	margin: 0px 0 0;
	padding: 0;
	height: 165px;
}
.AVstorage #mainContent #homepgInfoBar .infoLeft {
	padding: 16px 7px 16px 27px;
	float: left;
	width: 180px;
	height: 132px;
}
.AVstorage #mainContent #homepgInfoBar .infoLeft ul {
	margin: 0px;
	padding: 0px;
	list-style: square;
}
.AVstorage #mainContent #homepgInfoBar .infoLeft li {
	padding-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
}

.AVstorage #mainContent #homepgInfoBar .infoMid {
	float: left;
	width: 320px;
	margin-top: 0px;
}
.AVstorage #mainContent #homepgInfoBar .infoRight {
	padding: 5px 6px 6px 12px;
	float: left;
	width: 166px;
	height: 153px;
}
.AVstorage #mainContent #homepgInfoBar .infoRight h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0px;
	color: #000000;
}
.AVstorage #mainContent #homepgInfoBar .infoRight p {
	margin: 0px;
	line-height: 1.5em;
}
.AVstorage #mainContent #mainCopy {
	background: #dbe6e8;
	padding: 21px 16px 0px;
	margin: 14px 0px 0px;
}
.AVstorage #mainContent #mainCopy h1 {
	margin: 0px;
	padding: 0px;
}
.AVstorage #mainContent #mainCopy .colL {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 336px;
}
.AVstorage #mainContent #mainCopy .colR {
	margin: 0px;
	padding: 0px;
	width: 335px;
	float: right;
	background: url(img-lo/boxes-bg.jpg) no-repeat right 0px;
}
.AVstorage #mainContent #childCopy {
	width:852px;
	padding: 24px;
	background: #dbe6e8;
	margin: 14px 0px 0px;
}




.AVstorage #footer { padding: 0 10px; } 
.AVstorage #footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}
.AVstorage #footer a:link, .AVstorage #footer a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.AVstorage #footer a:hover, .AVstorage #footer a:active {
	color: #FFFFCC;
	text-decoration: underline;
}

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 12px;
}
.fltlft {
	float: left;
	margin-right: 12px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.important { font-size:1.1em; font-weight:bold; }
.smaller { font-size:.9em; }
.small10 { font-size: 10px; }
.normal12 { font-size: 12px; }

.phoneNo {
	font-size: 21px;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	line-height: 1.6em;
}
.boldCaps {
	text-transform: uppercase;
	font: bold 19px "Trebuchet MS", Verdana, sans-serif;
}
.colorWhite { color: #FFFFFF; }
.colorTeal { color: #03738c; }
.colorRed { color: #CC3300; }

.colorBrown { color: #7A552C; }


.AV-services  {
	margin: 0;
	padding: 0 0 0 14px;
}
.AV-services ul {
	list-type: square;
	margin: 0;
	padding: 0;
	list-style: square;
}
.AV-services li {
	list-type: square;
	padding-bottom: 8px;
	list-style: square;
	margin: 0;
}
table.sizeGuide, table.sizeGuideHdr {
	padding: 0;
	margin: 0 auto 10px;
	width: 85%;
	border: 1px solid #333333;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.sizeGuide td, table.sizeGuide th {
	background: #FFFFFF;
	padding: 8px;
	border-style: none;
	-moz-border-radius: 3px;
}
table.sizeGuide td { text-align: center; }
table.sizeGuide th {
	background: #04738E;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
table.sizeGuideHdr th {
	background: #569DB1;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 4px;
}