/*------------- Main Css Global -----------*/
/*  Color Pallette 
light blue 005596
grey #002233
light brown c1b5a1

*/
body {
	color:#002233;
	/*font: "Trebuchet", Georgia, "Times New Roman", Times, serif;*/
	font-family: "trebuchet ms", Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.2 em;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align:top;
	background-color:#000000;
	background-image: url(../assets/tw_pagebg.jpg);
	background-repeat:repeat-x;
	height: 100%;
	}
	
	
p{
padding:0px 0px 2px 6px;
margin:0px;


}


h1, h2, h3, h4 {
	font-family: Georgia;
	letter-spacing: .1em; 
	margin: 0px 0px 12px 0px;
	letter-spacing:normal; 
 }
 
h1	{
	padding: 7px 0px 0px 10px;
	font-size:120%;
 }
 
h3	{
 	font-size: 110%;
	padding: 7px 0px 0px 10px;
 }
 
h4	{
	padding: 7px 0px 5px 10px;
	font-size: 110%;
	color:#00baf2;
	
 }
 
 /* Used For Promo Tables*/
h2	{font-size: 86%;
	color:#005596;
	background-color:#e4e7dc;
	text-decoration:underline;
	padding: 7px 0px 5px 4px;
}

/*h2 a	{
	width:100%;
	color:#005596;
	background-color:#FFFFFF;
	text-decoration:underline;
	padding: 7px 0px 5px 4px;
}*/
 
a { 
	color:#005596;
	}
a:hover {
	color:#002233;
	/*text-decoration:none;*/
	}

ul,ol {
	padding:5px 0px 0px 25px;
	margin:0px;
	
	}
	
ol li {}

ul li {
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style-position:outside;
	list-style-image:url(../assets/dot.jpg);
}


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

img{ 
	border: 0px; 
	margin: 0px; 
 	padding: 0px;
}

img.product{
	border: 0px; 
	margin: 0px; 
 	padding: 0px 20px 0px 0px;
}


.right_col_box { 
	border: 0px; 
	margin: 0px; 
 	padding:0px 10px 0px 20px;
}


hr {
	color:#c1b5a1;
	width:95%;
	text-align:center;
	border-style:dotted;
	
}

/*------------------ Main Divs --------------------*/

#page{
	/*background-color:#000000;
	background-image: url(../assets/tw_pagebg.jpg);
	background-repeat:repeat-x;*/
	text-align:center;
	margin: 0 auto;
	width:940px;
	height:100%;
	
	}
	
#wrapper{
	/*width: 940px;
	background-image: url(../assets/banner_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
	
	#wrapper_footer{
	width: 940px;
	background-image: url(../assets/footer_bg.jpg);
	background-repeat:repeat-x;
	height:107px*/
	}
	
#content_holder{
	text-align:left;
	background-color:#39484f;
	width:898px;
	margin-left:16px;
	/*border-left: solid 1px #39484f;
	border-right: solid 1px #39484f;*/
	height: 100%;
	}
	
#header {
		background-color:#000000;
		text-align:left;}

#banner{
	background-color:#FFFFFF;
	padding: 0 3px 3px 3px;
	/*border-left: solid 1px #39484f;
	border-right: solid 1px #39484f;
	border-bottom: solid 1px #39484f;*/
	width:890px;
	margin-left:1px;
	}
	

#flash{} 


/*-------- Top Nav ---------*/
#navcontainer
{
padding:0px 0px 0px 30px;
margin:0px auto;
height:35px;
position: relative;
}

#navcontainer a{
		font-weight:bold;
}

#lower {
	/*width:100%;*/
	padding: 0px 8px 0px 8px;
	position:relative;
	top:5px;
}

#navcontainer ul{
		margin: 0px;
		padding: 2px 0px 0px 0px;
		list-style-type: none;
		text-align: center;
}

#navcontainer ul li { 
	float: left;
	list-style-type: none;
 }

#navcontainer li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
	list-style-image:none;
	}
	
#navcontainer ul li a {
		list-style-type: none;
		background: url(../assets/rolloveroff.jpg) repeat-x top left;
		font-size: 14px;
		float: left;
		margin: 0px;
		height: 35px;
		padding:0px 5px 0px 5px;
		/*padding-top: 1px;
		padding-right: 15px;
		padding-bottom: 0px;
		padding-left: 10px;
		width: 100px;*/
		position:relative;
		color:#ffffff;
}

#navcontainer li a:hover
{
background:transparent url(../assets/rollover.jpg) repeat-x left top;
color: #292e96;
background-position: 0 -30px;
}

/*#navcontainer li a:hover
{
background:transparent url(../assets/rollover.jpg) repeat-x left top;
color: #292e96;
z-index:999;
}*/
 
.grey {
	background-color:#e4e7dc;
	} 
	
/*-------- Top Nav End ---------*/

#sub_nav{}    /*or*/ #side_nav{}

#info_pane{
		padding: 0px;
	background-color:#e4e7dc;
	width:570px;
	margin:1px;
	border: solid 4px #ffffff;
	height:100%;
	}
	
	#info_nav{
	font-weight:bold;
	border-top: #FFF 1px solid;
		background-color:#e4e7dcF;
		text-align:center;
	}

#main_content	{
	padding: 0px;
	background-color:#e4e7dc;
	width:570px;
	margin:1px;
	border: solid 4px #ffffff;
	/*border-left: solid 1px #39484f;
	border-bottom: solid 1px #39484f;*/
	/*border-top: solid 1px #39484f;*/
	
}

#main_content_inner	{
	padding: 0px;
	background-color:#e4e7dc;
	width:888px;
	margin:1px;
	border: solid 4px #ffffff;
	height:auto;
	/*border-left: solid 1px #39484f;
	border-bottom: solid 1px #39484f;*/
	/*border-top: solid 1px #39484f;*/
	
}

#features p	{
	padding: 10px 20px 10px 40px;

}

#features h3	{
	font-family: "trebuchet ms";
	font-size:140%;
	padding-left:14px;

}

#right_col{
	float: right;
	margin-right: 1px;
	margin-top: 1px;
	padding:0px;
	border: solid 4px #ffffff;
	/*border-left: solid 4px #ffffff;
	border-bottom: solid 4px #ffffff;*/
	background-color:#e4e7dc;
	width:309px;
	height:100%;
}

#right_col ul {
  padding-left: 40px;
  margin-right: 15px;
  list-style-position: outside;

}

#right_col ul li {
	list-style-image: url(../assets/check2.gif);
	list-style-type:none;
	line-height: 2em;
	padding:5px;
	font-size:14px;
}

#right_col_apps	{
	float: right;
	margin: 1px;
	padding:0px;
	border: solid 4px #ffffff;
	/*border-left: solid 4px #ffffff;
	border-bottom: solid 4px #ffffff;*/
	background-color:#e4e7dc;
	width:308px;
}

#right_col_apps ul {
  padding-left: 40px;
  margin-right: 15px;
  list-style-position: outside;

}

#right_col_apps ul li {
	list-style-image: url(../assets/check2.gif);
	list-style-type:none;
	line-height: 1em;
	padding:5px;
	font-size:14px;
}

#left_col{}

#content_box_left{}
#content_box_center{}

#content_box_right{}

#promo_box1 {
			float:left;
			border: solid 4px #ffffff;
			background-color:#e4e7dc;
			width:180px;
			margin-left:1px;
			height:380px;
			}

#promo_box2 {
		float:left;
		border: solid 4px #ffffff;
		background-color:#e4e7dc;
		width:199px;
		margin-left:1px;
		height:380px;
		}

#promo_box3 {
	float:left;
	border: solid 4px #ffffff;
	background-color:#e4e7dc;
	width:173px;
	margin-left:1px;
	height:380px;
	}

#video_box1 {
	float:left;
	border: solid 4px #ffffff;
	background-color:#e4e7dc;
	width:280px;
	margin-left:1px;
	/*height:250px;*/
	}
	
	#video_box2 {
	float:left;
	border: solid 4px #ffffff;
	background-color:#e4e7dc;
	width:281px;
	margin-left:1px;
	/*height:250px;*/
	}
#product_box1 {}

#product_box2 {}

#product_box3 {}



/*------------- Classes ----------*/

.important {}

.left {
		text-align:left;
		padding-left:10px;
		}

.right { text-align:right;
		padding-right:10px;
	}
.center { text-align:center;}

.br {
float:right;
	vertical-align:bottom;
	text-align:right;
	width: 1%;
}

.padded{
	padding:15px 10px 15px 10px;
}

.paddedvideo{
	padding:15px 10px 15px 50px;
}

.pdfimage{
	padding:2px 5px 2px 0px
}

.h2link {
	width:100%;
	font-size:104%;
	color:#005596;
	background-color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	padding: 5px 0px 0px 0px;
}

#text120  {
	font-size:140%;
	olor:#005596;
	background-color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	padding: 5px 0px 0px 0px;
}

h2.side {
	font-size:104%;
	text-decoration:underline;
	background-color:#e4e7dc;
	font-weight:bold;
	padding: 10px 0px 0px 20px;
	margin: 0;
}

p.white {
	color:#FFFFFF;
	text-align:left;
}

#white p{
	color:#FFFFFF;
	text-align:left;
}



/*------------- Main Div Styles -----------*/
#footer_links{
	float:none;
	clear:both;
	background-color:#002233;
	width:891px;
	margin:0px 0px 0px 17px;
	border: solid 4px #ffffff;
	padding:10px 0px 15px 0px;
	}

#footer{
	float:none;
	clear:both;
	background-color:#ffffff;
	width:899px;
	margin:0px;
	margin-left:17px;
	}
	
	#footer_index{
	float:none;
	clear:both;
	background-color:#ffffff;
	width:899px;
	margin:0px;
	margin-left:17px;
	}
	
#footer_promo{
	float:none;
	clear:both;
	width:891px;
	border-top: solid 1px #39484f;
	/*border-bottom: solid 1px #39484f;*/
	margin-left:1px;
	background-color:#e4e7dc;
	padding:5px 0px 5px 5px;
	}
	
	#promo{
	float:none;
	clear:both;
	width:891px;
	margin-left:1px;
	background-color:#e4e7dc;
	padding:5px 0px 5px 5px;
}
	
#footer p{ 
	font-size:10px;
}

#footer_links a{}

#footer_links a:hover{ color:#00baf2;}

.galleryTble{
	padding-left:10px;
}

#gallery	{
	padding: 0px;
	background-color:#e4e7dc;
	width:888px;
	margin:1px;
	border: solid 4px #ffffff;
	height:auto;
}

#gallery a{
	color:#999999;
	font-size:80%;
	font-weight:bold;
}

#gallery a:hover{
	color: #FFFFFF;
	font-size:80%;
	font-weight:bold;
}

#quotebox	{
float:right;
	padding: 0px;
	width:280px;
	margin:1px;
	height:auto;
}

