/* 				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:repeat-x;
	background-position:	top;
	background-color:		#373737;
	
	}

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

.imageframe {
	float:					left;
	width:					175px;
	height:					132px;
	margin:					0 20px 10px 0;
	padding:				5px 5px 5px 5px;
	
	background-image:		url(../Images/bg_imageframe1.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
}

.about_profile {
	
	width:					180px;
	
	margin:					0 20px 10px 0;
	padding:				5px 0px 5px 5px;
	background-repeat:		no-repeat;
	background-position:	left;
	text-align:				left;
	line-height:			20.4px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	font-style:				normal;
	color:					#f1f1f1;
}



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

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

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

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

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

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



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

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

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

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

.searchexample {	
	width:					205px;
	height:					15px;
	margin:					0 0 0 0px;
	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:					315px;
	margin:					0 0 0 10px;
	padding:				0;
	
	background-image:		url(../Images/shadowleft.png);
	background-repeat: 		no-repeat;
	background-position:	right;
}

.bannerimage {
	float:					left;
	width:					581px;
	height:					303px;
	margin:					0;
	padding:				0;
	
	border-top:				6px solid #333333;
	border-bottom:			6px solid #333333;
	border-left:			12px solid #333333;
	border-right:			12px solid #333333; 
	/* 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:					330px;
	height:					295px;
	margin:					0;
	padding:				20px 10px 0 10px;
	
	background-image:		url(../Images/shadowright.png);
	background-repeat: 		no-repeat;
	background-position:	left;
}



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

.style2 {
font-size:16px;
}

.style2 a{
font-size:16px;
}

.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:					300px;
	padding:				0;
	background-image:		url(../Images/testimonial_top.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.testimonialmiddle {
	position:				relative;
	width:					300px;
	height:					auto;
	margin:					0;
	padding:				0 20px 0 20px;
	
	background-image:		url(../Images/testimonial_middle1.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:		#1a143e;
}
/* 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;
	
	margin:					15px 0 0 0;
	padding:				0;
	
	border:					none;
	background:				url(../Images/logo.png) 0 0 no-repeat;
}

.txt_readmore 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; 
}