/*
   ----------------------------------------------------------------
   HOME STYLE SHEET - http://touchstonebusinessgroup.com
   ----------------------------------------------------------------
*/

/* === Common ======================================= */

html,body {
	font:12px/20px Arial;
	letter-spacing:normal;
	line-height:normal;
	background:url(../images/jpegs/main_bg.jpg) repeat-x;
	background-color:#333333;
	padding:0px;
	margin:0px;
}

* {
	margin:0px;
	padding:0px;
}


a { color: #003366; text-decoration: none; font-weight:bold;}
a:hover { color: #75889b; }

/* === Wrapper elements ======================================= */

#wrapper {
	width:900px;
	padding:0px;
	margin:auto;
	border-left:solid 1px #747474;
	border-right:solid 1px #747474;
	border-bottom:solid 1px #747474;
}

/* === Header elements ======================================= */

#header{
	background:url(../images/jpegs/header_bg_repeat.jpg) repeat-x;
	height:136px;
	width:900px;
	padding:0px;
	margin:0px;
	position:relative;
}

#topInfo {
	text-align:right;
	width:200px;
	height:120px;
	position:absolute;
	top:10px;
	left:680px;
	font:11px/20px Arial;
	color:#FFFFFF;
}

#topInfo p {
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	font:11px/20px Arial;
	line-height:normal;
	letter-spacing:normal;
}

#logo {
	height:74px;
	width:313px;
	padding:30px 0px 0px 50px;
	margin:0px;
}

#topInfo a { color: #FFFFFF; text-decoration: none; font-weight:bold;}

/* === Top Nav elements ======================================= */

#topnav {
	margin:0px;
	padding:0px;
	height:36px;
	width:900px;
}

/* === Start Main div elements ======================================= */

#splash {
	background:url(../images/jpegs/splash_BG_new.jpg) no-repeat;
	width:900px;
	height:248px;
	margin:0px;
	padding:0px;
	position:relative;
}

#splashnew {
	background:url(../images/jpegs/splash_BG_new.jpg) no-repeat;
	width:900px;
	height:248px;
	margin:0px;
	padding:0px;
	position:relative;
}

#splashContent {
	position:absolute;
	top:55px;
	left:340px;
	font:12px/20px Arial;
	letter-spacing:normal;
	color:#000000;
	line-height:normal;
	padding:5px;
	margin:0px;
	width:270px;
	height:162px;
}

#splashContent h1 {
	line-height:normal;
	letter-spacing:normal;
	font:18px/20px Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#splashContent p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:12px/20px Arial;
	line-height:120%;
	letter-spacing:normal;
}

#mainContainer {
	background:url(../images/jpegs/main_container_BG.jpg) repeat-x;
	background-color:#434343;
	border-top:solid 1px #747474;
	display:table;
	width:900px;
	padding:0px;
}

/* === Start Body div elements ======================================= */

#introContainer {
	width:878px;
	display:table;
	border:solid 1px #8b8b8b;
	/* background:url(../images/jpegs/intro_container_BG.jpg) repeat-x; */
	background-color:#ffffff;
	padding:0px;
	margin:10px;
}

#tenThingsBox {
	background:url(../images/jpegs/ten_things_box.jpg) no-repeat;
	height:300px;
	width:194px;
	float:left;
	margin:0px;
	padding:20px 0px 10px 20px;
}
#tenThingsBox {height:120px;}

#tenThingsBox h3 {
	padding:0px;
	margin:0px;
	color:#996600;
	font:12px/20px Arial;
	line-height:normal;
	letter-spacing:normal;
}

#tenThingsBox p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:11px/20px Arial;
	line-height:normal;
	letter-spacing:normal;
}

	ul.tenThings {
		list-style:none;
		font:11px/20px Arial;
		margin:10px 0px 0px 15px;
		font-style:italic;
		line-height:normal;
		letter-spacing:normal;
		padding:0px;
	}

#rightContainer {
	height:450px;
	width:640px;
	float:left;
	margin:0px;
	padding:15px 10px 10px 10px;
}

#rightContainer h1 {
	line-height:normal;
	letter-spacing:normal;
	font:24px/20px Arial;
	color:#000000;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#rightContainer h2 {
	margin:0px 0 5px 0;
	padding:6px 0px 0px 0px;
	color:#000000;
	font:16px Arial;
	font-weight:bold;
}

#rightContainer h4 {
	margin:0;
	padding:0px;
	font:14px/20px Arial;
	font-style:italic;
	color:#000000;
	line-height:normal;
	font-weight:bold;
}

#boxContainer {
	height:110px;
	width:644px;
	float:left;
	margin:23px 0px 0px 0px;
	padding:0px;
}

	.box {
		width:204px;
		height:130px;
		padding:0px;
		margin:5px;
		float:left;
	}
	
	.box p {
		font-size:11px;
	}
	
	.bottom {
		margin:10px 0px 0px 0px;
	}
	
	.bottom2 {
		margin:24px 0px 0px 0px;
	}

/* === Footer div elements ======================================= */

#footer {
	background:#3f4040;
	margin:auto;
	text-align:center;
	width:900px;
	padding:0px;
	clear:both;
}

#footer p {
	padding:3px 0px 5px 0px;
	margin:0;
	color:#ffffff;
	font:11px/20px Arial;
}

#footer a {
	padding:0px 2px 0px 2px;
	color:#cccccc;
	text-decoration:none;
	font-weight:bold;
}

/* === MISC Class elements ======================================= */

img, a img { border: none; background: transparent; }
#byline {text-align:right;font-size:.9em;font-style: italic;}

/* === Rotating Testimonials ===================================== */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 270; /*width of featured content slider*/
height: 142px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
font-family:arial;
padding: 5px;
width: 260px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
opacity: 1;
}

.homePagination{
width: 260px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
}
.homePagination a{
text-decoration: none;
font-style: italic;
color: #ff9900;
}

.homePagination a:hover{
font-style: italic;
color: #ff9900;
}

.pagination{
width: 360px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
}
.pagination a{
text-decoration: none;
font-style: italic;
color: #ff9900;
}

.pagination a:hover{
font-style: italic;
color: #ff9900;
}

#home-page #paginate-testimonials {margin-left: -40px !important;}
