/* CSS Document */
/* Design - Mark Abrams 2/2009 */
/* Reset tags */
/* Normalizes margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
 { margin : 0; padding : 0; }
/* Normalizes font-size for headers */ 
h1, h2, h3, h4, h5, h6 
 { font-size : 100%; }
/* Removes list-style from lists */ 
ol,ul 
 { list-style: none; }	
/* Normalizes font-style and font-weight to normal */ 
address, caption, cite, code, dfn, em, strong, th, var 
 { font-style: normal; font-weight: normal; }
/* Remaves borders and spacing from tables */ 
 table { border-width: 0px;}
/* Removes border from fieldset and img */ 
fieldset, img 
 { border : 0; }
/* Left-aligns text in caption and th */ 
caption,th 
 { text-align : left; }
/* Remaves quotation marks from q */ 
 q:before, q:after { content: ''; }
 
body {
	background-color: #C00000;
	background-image: url(../images/layout/BG_Gradiant.jpg);
	background-repeat: repeat-x;
	}
#transBG {
	background: url(../images/layout/bg_bluedot_Tile.png) repeat;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	position: absolute;
	top: 1px;
	z-index: 2;
}

/* Page Layout - float center  */

#header{
	padding: 0px;
	height: 165px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	margin-top: 0px;
	background-color: #9B0000;
	background-image: url(../images/layout/banner.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#headerInset{
	float: left;
	width: 447px;
	position: relative;
	left: 10px;
	top: 0px;
}


#content {
	width:740px;
	margin-left: auto;
	margin-right: auto;
	font-size: 85%;
	padding-left: 20px;
	padding-right: 20px;
	color: #555;
	background-color: #FFF;
	top: 0px;
 	}
#contentShadowSide {
	background-image: url(../images/layout/shadow_Center.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}
#contentShadowBottom {
	height: 15px;
	background-image: url(../images/layout/shadow_Bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#contentCol {
	min-height: 300px;
	width: 64%;
	font: 100%/1.4em Verdana, Arial, Helvetica, sans-serif;
}
#contentSidebar {
	width:33%;
 	}
#contentBottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }


#content #form1 {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: thin groove #630063;
	padding: 25px;
}
#menubar {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	background-color: #333;
	height: 30px;
}
#navbar {
	position: absolute;
	width:780px;
	z-index: 99;
	visibility: visible;
	top: 166px;
	left: -390px;
	font: normal 80% Arial, Helvetica, sans-serif;
	margin-left: 50%;
	border-top: 2px solid #600;
	border-bottom: 2px solid #600;
	background-color: #333;
	height: 25px;
   }
  
#navbar ul    {
	padding-left: 1em;
}
#navbar .l{
	border-right: 1px solid #600;
}
#navbar .r {
	border-left: 1px solid #BE0105;
 }


#navbar ul ul {
	padding-left: 0em;
}

#navbar #MenuBar1 li a{
	padding-left: 0.75em;
	line-height: 1em;
	padding-right: .75em;
}
#navbar #MenuBar1 li .MenuBarItemSubmenu {
	padding-right: 1.5em;
	padding-left: 1.5em;
}
.menulable {
	font-style: italic;
	font-weight: 500;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	clear: both;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C00000;
 }
#preFooter {
	margin-top: 1em;
	clear: both;
}




 
 h1	{
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
 	}
h1 .alt {
	display: none;
}
h1 img {
	margin-top: 0.5em;
}

 
 
h2	{
	font-weight: bold;
	background-image: url(../images/layout/page-horizontal-break.gif);
	font-variant: normal;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px;
	font-size: 105%;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: -0.5em;
	margin-left: 0em;
	line-height: 1.5em;
	color: #306AD6;
	}
imgz  + h2	{
	background-image: url(../images/layout/page-horizontal-break.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 100%;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: -1em;
	margin-left: 0px;
	border: 1px none #00FF00;
	padding: 0em;
	line-height: 1em;
	}
h3	{
	font-size: 95%;
	font-weight: 900;
	font-style: italic;
	text-indent: 1em;
	padding: 0px;
	color: #C00000;
	}
h3 + p{
	margin-left: 1.5em;
}
table tr .center h3 {
	color: #FFDF9D;
	font-weight: bold;
	font-size: 110%;
}
#contentShadowSide #content #contentSidebar table tr td h3 {
	color: #C00000;
	font-size: 120%;
}



h4	{
	font-size: small;
	font-weight: 900;
	color: #600;
	font-style: italic;
	text-indent: 1em;
	}
p {
	text-align: left;
	margin-bottom: .7em;
}
#content ul   {
	list-style-type: square;
	padding-left: 20px;
}

#content ul li {
	padding-left: 20px;
	list-style-type: none;
	margin-bottom: .5em;
	list-style-position: outside;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: url(../images/layout/check.gif) no-repeat 0 0.5em;
}
#content  ol li {
	padding-bottom: 0.75em;
}
#content address {
	font-size: 130%;
}






strong {
	font-weight: 600;
	color: #900;
	font-style: italic;
}
em {
	color: #2D5EAB;
	font-weight: bold;
}


blockquote {
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
}
#content #contentSidebar .quoteBox {
	margin: 0px;
}


blockquote, q {
	font-style: normal;
	margin: 1em auto 1em auto;
	width: 85%;
}
.quoteBox {
	border: thin dotted #996600;
	background-color: #FFDF9D;
	color: #000;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

.run-in {
	font-weight: bold;
	margin-bottom: -1em;
}


cite {
	width: 55px;
}
/*  Controls SEO Div visability and position  */	
#splash {
	position: absolute;
	z-index: 2;
	width: 640px;
	height: 360px;
	margin-left: -320px;
	left: 50%;
	top: 15%;
	visibility: visible;
	background-color: #FFF3D6;
}
.imageCol {
 	margin-left: 4em;
 }


 
.img_left {
	float: left;
	margin-top: 0px;
	margin-left: 10px;
  }
 .img_left_Portriat {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/shadows/shadow_Portriat.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 0px;
	clear: both;
	}
 .img_left_Landscape {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/shadows/shadow_Landscape.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 0px;
	clear: both;
	}
   
.img_left_Panaramic{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url(../images/shadows/shadow_Panoramic.png);
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 0px;
	clear: both;
 }

.img_right {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
}
.img_right_Portriat {
	float: right;
	margin-left: 20px;
	background-image: url(../images/shadows/shadow_Portriat.png);
	clear: both;
	padding-right: 6px;
	padding-bottom: 5px;
	background-position: center bottom;
}

.img_right_Landscape {
	float: right;
	margin-left: 0px;
	background-image: url(../images/shadows/shadow_Landscape.png);
	background-repeat: no-repeat;
	clear: both;
	padding-right: 6px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-position: right bottom;

 }
.img_right_Panaramic {
	float: right;
	margin-left: 20px;
	background-image: url(../images/shadows/shadow_Panoramic.png);
	background-repeat: no-repeat;
	clear: both;
	padding-right: 9px;
	padding-bottom: 9px;
	margin-top: 20px;

}
#contentShadowSide #content #contentCol #FLVSplash {
	text-align: center;
	background-image: url(../images/shadows/shadow_flashSplash.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 2px;
	padding-right: 5px;
}
.slideshow {
	background: url(../images/shadows/shadow_Slideshow.png) no-repeat 1px -5px;
	width: 424px;
	margin-right: auto;
	margin-left: auto;
	height: 324px;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

#content .testimonial {
	font-size: 80%;
	clear: right;
	 
}


#pageBanner {
	font-family: Papyrus;
	font-size: x-large;
	font-style: italic;
	font-weight: bolder;
	color: #630063;
	text-align: center;
	clear: both;
	background-image: url(../images/layout/title-horizontal-break.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.bold_list {
	font-weight: bold;
	line-height: 1.5em;
	font-size: small;
}
.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}

 
a:link, a:visited {
	color: #03F;
}
.imageCaption {
	margin-top: 20px;
	font-size: x-small;
	position: absolute;
	width: 196px;
	left: 242px;
	top: 246px;
}
form {
	border: 2px solid #600;
	background-color: #FFF;
	padding: 10px;
	color: #600;
}
form legend {
	font-size: 130%;
	font-weight: bold;
	color: #600;
}
fieldset legend {
	font-weight: bold;
	color: #184DB5;
	font-size: 130%;
}

.formError {
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFFD5;
}
table tr td {
	vertical-align: top;
}
table {
	border: 2px solid #600;
	background-color: #FFDF9D;
}
#contentCol table tr td form {
	border-style: none;
}


#contentCol iframe {
	border: 2px solid #F5D236;
}

#content .todo {
	background-color: #FF9;
}
#contentCol table tr td #CollapsiblePanel1 .CollapsiblePanelContent {
	font-size: 80%;
}
.linktoFont {
	font: 0.8em Arial, Helvetica, sans-serif;
}
#FLVCaption {
	text-align: center;
	font-weight: bold;
	padding-top: .5em;
}
#contentShadowSide #content #producttable {
	background-color: #FFF;
}
/*----------------------------------------------------*/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
 /* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	/* width: 8em;     */
	float: left;
 }
ul.MenuBarHorizontal  
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #333;
	padding: 0.5em 0.75em;
	color: #FFF;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #C00000;
	color: #FFF;
}
ul.MenuBarHorizontal li a
{
	font-weight: 600;
}
ul.MenuBarHorizontal ul li a
{
	font-weight: normal;
}
 a img {
	border-style: none;
}