/*
   ----------------------------------------------------------------
   INNER PAGES 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 ======================================= */

/* === Start Main div elements ======================================= */

#homeSplash {
	background:url(../images/jpegs/splash_BG_new.jpg) no-repeat;
	width:900px;
	height:248px;
	margin:0px;
	padding:0px;
	position:relative;
}

#homeSplashContent {
	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;
}

#homeSplashContent 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;
}

#homeSplashContent p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:12px/20px Arial;
	line-height:120%;
	letter-spacing:normal;
}

#splash {
	background:url(../images/jpegs/splash_BG-INNER.jpg) no-repeat;
	width:900px;
	height:248px;
	margin:0px;
	padding:0px;
	position:relative;
}

#splashContent {
	position:absolute;
	top:65px;
	left:500px;
	width:360px;
	height:167px;
	margin:0px;
	padding:0px;
}

#splashContent h1 {
	line-height:normal;
	letter-spacing:normal;
	font:22px/20px Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#splashContent p {
	padding:10px 0px 0px 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-color:#ffffff;
	padding:0px 0px 10px 0px;
	margin:10px;
}

#intro {
	background:#ffffff;
	width:596px;
	padding:0px;
	margin:20px 25px 20px 0px;
	float:left;
	position:relative;top:-120px
}

#intro h1 {
	line-height:normal;
	letter-spacing:normal;
	font:24px/20px Arial;
	color:#000000;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#intro h2 {
	line-height:normal;
	letter-spacing:normal;
	font:14px/20px Arial;
	font-style:italic;
	color:#996600;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-weight:normal;
}

#intro h4 {
	margin:0px 0 5px 0;
	padding:0px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#006600;
	line-height:normal;
	font-weight:bold;
}

#intro p {
	padding:0px 0px 0px 0px;
	margin:0px;
	color:#000000;
	font:12px/20px Arial;
}

#intro ul {
	margin:0px;
	padding:0px;
}

#intro li {
	margin:0px 0px 0px 30px;
	padding:0px;
}

#intro a {color:#469d46;text-decoration:none;font-weight:bold;}

#intro a:hover {color:#003300;}

/* === Stuff div elements ======================================= */

#stuff {
	background:url(../images/jpegs/ten_things_box.jpg) no-repeat bottom;
	height:130px;
	width:194px;
	float:left;
	margin:10px 10px 10px 10px;
	padding:10px 0px 10px 20px;
}

#stuff h1 {
	font:16px/20px Arial;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
	padding:2px 0px 2px 7px;
}

#stuff h3 {
	margin:10px 0 5px 0;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#996600;
	line-height:normal;
	font:12px/20px Arial;
	font-weight:bold;
}

#stuff h4 {
	margin:30px 0 5px 0;
	padding:0px 0px 0px 12px;
	font-size:14px;
	color:#1A59A2;
	line-height:115%;
}

#stuff p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:11px/20px Arial;
	line-height:100%;
	letter-spacing:normal;
}

	ul.stuff {
		list-style:none;
		font:11px/20px Arial;
		margin:0px 0px 0px 15px;
		font-style:italic;
		line-height:normal;
		letter-spacing:normal;
		padding:0px;
	}


#stuff a:link, #stuff a:visited, #stuff a:active {color:#003366;text-decoration:none;font-weight:bold;}

#stuff a:hover {color:#75889b; text-decoration:none;}


/* === 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; }

.imgRight {
	float:right;
	margin:20px;
	padding:0px;
}

.imgLeft {
	float:right;
	margin:10px;
	padding:0px;
}

.link {
	width:100px;
	height:30px;
	vertical-align:top;
	text-align:left;
	padding:2px;
	margin:0px;
}

.name {
	width:100px;
	height:30px;
	vertical-align:top;
	text-align:left;
	padding:2px;
	margin:0px;
}

.description {
	font-size:11px;
	width:230px;
	height:30px;
	text-align:left;
	vertical-align:top;
	padding:2px;
	margin:0px;
}

/* === Rotating Testimonials ===================================== */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 360; /*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: 350px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
opacity: 1;
}

.homeSliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 270; /*width of featured content slider*/
height: 142px;
}

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