/* 				Basic layout document
	Theme:		Callisto
	Category:	Business
	Author: 	Andrew Hartman
	Created:	01-08-2009
*/


/* Global positioning */


* {
margin: 0;
padding: 0;
}

body {	
	background-image:		url(../Images/bg_body1.jpg);
	background-repeat:		no-repeat;
	background-position:	top center;
	background-color:		#373737;
	margin-bottom: 			50px;
}

ul {
	line-height: 20px;
	text-indent: -15px;
	margin-left: 8px;
}

/* Image layout */
img {
	border: 				none;
}

.imageframe {
	float:					left;
	width:					175px;
	height:					132px;
	margin:					0 20px 10px 0;
	padding:				5px 5px 5px 5px;
	
	background-repeat:		no-repeat;
	background-position:	left;
}



/* Container positioning */
.container {
	position: 				relative;
	width:					980px;
	height:					auto;
	margin:					0 auto;
	margin-top:				0px;
}

.topcontainer {
	position:				relative;
	width:					954px;
	height:					113px;
	margin:					0 0 0 16px;
}

.tabcontainer {
	position:				relative;
	width:					954px;
	height:					40px;
	margin:					0 0 0 16px;
}

.headercontainer {
	position:				relative;
	width:					974px;
	height:					310px;

	background-repeat:		repeat-x;
	background-position:	top;
}

.contentcontainer {
	position:				relative;
	width:					964px;
	height:					auto;
	margin:					10px 0 0 16px;
	padding:				0;
}

#spoke-video {
	z-index: 50;
	position: absolute;
	float: right;
	margin-top: 150px;
	margin-left: 825px;
	/*display: none;*/
}



/* Individual div positioning */
/* TOPCONTAINER */
.logo {
	float:					left;
	width:					300px;
	height:					111px;
	margin:					0;
	padding:				0 0 0 0;
}

.slogan {
	float:					left;
	width:					286px;
	height:					21px;
	margin:					0px 0 0 0;
	padding:				4px 0 0 18px;
	
	/*border-left:			1px solid #5f5f5f;*/
}

.toprightcontainer {
	float:					left;
	width:					340px;
	height:					0px;
	margin:					50px 0 0 0;
	padding:				0;
}

.search {
	position:				relative;
	width:					322px;
	height:					125px;
	margin:					0;
	padding:				20px 0 0 18px ;
	
	background-image:		url(../Images/bg_search.jpg);
	background-repeat:		repeat-x;
	background-position:	top;
}

.searchexample {	
	width:					205px;
	height:					15px;
	margin:					0 0 0 53px;
	padding:				0;
}

.toplinks {
	position:				relative;
	width:					340px;
	height:					20px;
	margin:					0;
	padding:				0;
}



/* NAVIGATION */
.tabs {
	position: 				relative;
	width:					946px;
	height:					40px;
	margin:					0 auto;
	margin:					0;
}

.tabs li {
	display: 				inline;
	margin:					0;
	padding:				0 0 0 40px;
	list-style-type: 		none;
}

/* HEADER */
.headerleft {
	float:					left;
	width:					6px;
	height:					301px;
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	
	background-image:		url(../Images/shadowleft.png);
	background-repeat: 		no-repeat;
	background-position:	right;
}

.bannerimage {
	float:					left;
	width:					370px;
	height:					277px;
	margin:					0;
	padding:				0;
	
	border-top:				12px solid #484848;
	border-bottom:			12px solid #484848;
	border-left:			12px solid #484848;
	border-right:			12px solid #484848; 
	/* Black alternative: #1e1e1e */
	/* White alternative: #ececec*/
}

.featureoverlay {
	position:				absolute;
	width:					561px;
	height:					105px;
	margin:					198px 0 0 0;
	padding: 				0 0 0 20px;
	
	background-color:		#000000;
	color:					#FF9999;
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: 				alpha(opacity=65);
	opacity: 				.65;
}

.anotherslogan {
	float:					left;
	width:					420px;
	height:					281px;
	margin:					0;
	padding:				20px 20px 0 25px;
	
	background-image:		url(../Images/shadowright.png);
	background-repeat: 		no-repeat;
	background-position:	left;
}

.head-callout {
	float:					left;
	width:					850px;
	height:					190px;
	margin:					0;
	padding:				8px 20px 0 25px;

}

.head-callout-products {
	float:					left;
	width:					400px;
	height:					190px;
	margin:					0;
	padding:				8px 20px 0 25px;

}

#list-upper li {
	list-style-type:		square;
	list-style:  			inside;
	margin:					0 0 0 10px;
	
	text-align:				left;
	line-height:			15px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				13px;
	font-weight:			normal;
	font-style:				normal;
	color:					#FFFFFF;
}



/* CONTENT */
.maincontent {
	float:					left;
	width:					605px;
	height:					auto;
	margin:					0;
	padding:				20px 0 0 0;
}

.item {
	float:					left;
	width:					580px;
	margin:					0 0 20px 0;
	padding:				0;
}

.sidebar {
	float:					left;
	width:					340px;
	height:					auto;
	margin:					0;
	padding:				24px 0 0 0;
}

.testimonialtop {
	position:				relative;
	width:					340px;
	height:					29px;
	margin:					1px 0 0 0;
	padding:				0;
	
	background-image:		url(../Images/testimonial_top.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
}

.testimonialmiddle {
	position:				relative;
	width:					300px;
	height:					auto;
	margin:					0;
	padding:				0 20px 0 20px;
	
	background-image:		url(../Images/testimonial_middle.jpg);
	background-repeat: 		repeat-y;
	background-position:	left;
}

.testimonialbottom {
	position:				relative;
	width:					340px;
	height:					63px;
	margin:					0 0 6px 0;
	padding:				0;
	
	background-image:		url(../Images/testimonial_bottom.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
}



/* FOOTER */
.clear {
	display: 			block; 
	height: 			0; 
	clear: 				both; 
	visibility: 		hidden;
}

.footer {
	position:				relative;
	width:					100%;
	height:					27px;
	margin-top:				0px;
	padding:				13px 0 0 0;
	
	background-color:		#2e2e2e;
}
/* End of individual div positioning */



/* Form elements */
.txt_search {
	vertical-align:			middle;
	width: 					205px;
	height: 				17px;
	margin:					0 0 0 5px;
	padding:				4px 5px 0 5px;
	
	border:					1px solid transparent;
	background-color:		#dedede;
}

.btn_search {
	vertical-align:			middle;
	width: 					23px;
	height: 				23px;
	margin:					0 0 0 5px;
	
	border:					none;
	background-color:		#ff8b20;
	cursor:					pointer;
}

.txt_readmore a{
	float:					right;
	width: 					99px;
	height: 				31px;
	margin:					15px 0 0 0;
	padding:				0;
	
	border:					none;
	background:				url(../Images/button_readmore.png) 0 0 no-repeat;
}

.txt_readmore a:hover { 
	background-position: 	-99px 0;
}

.txt_stopvideo a{
	float:					right;
	width: 					99px;
	height: 				31px;
	margin:					15px 0 0 0;
	padding:				0;
	
	border:					none;
	background:				url(../Images/button_stopvideo.png) 0 0 no-repeat;
}

.txt_stopvideo a:hover { 
	background-position: 	-99px 0;
}


blockquote {
	float:					left;
	width: 					528px;
	height: 				auto;
	margin:					0 0 0 15px;
	padding:				10px;
	
	border:					none;
	background-color: 		#434343;
}

.incg_list {
	position: 				relative;
	width:					329px;
	height:					auto;
	margin:					0 auto;
	margin:					0;
}
.incg_list li {
	list-style:				outside;
	margin:					0;
	padding:				0;
}

.incg_list li.selected { 
	display: 				block; 
	padding: 				5px;  
	width:					329px;
	cursor: 				pointer; 
	background-color: 		#434343; 
	border:					1px solid #2e2e2e; 
}

.incg_list li.hover { 
	background: 				#2e2e2e; 
}