/* kuhnline.css
----------------------------------------------------------*/

a visted {
	color:#9a9898;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a {
	color:#9a9898;
	text-decoration:none;
}

body {
	font-family: Verdana;
	background: white url(../i/stripe.jpg) repeat-x 0px 625px;
}


div#wrapper_main, div#wrapper {	
	height:625px;
	width: 987px;
	margin: 0 auto;
}

div#header {
	width: 987px;
	height: 136px;
	position: relative;
	background:url(../i/bg/bgHeader.jpg) no-repeat 10px 0;
}

div#dashboard {
	width: 894px;
	height: 17px;	
	font-size: 16px;
	color: #9a9898;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;	
}

div.website_image {
	margin-top:10px;
	margin-bottom:10px;
	height:325px;
	color:#143a59;
}

div.keyhole img {
	margin-right:20px;
	margin-left:20px;
	border:4px white double;
}


ul#navMain {
	width:935px;
	height:119px;
	position: absolute;
	top: 17px;
	left: 33px;
}
ul#navMain li {
	float: left;
	display: inline;
}
ul#navMain li a {
	height: 80px;
	display: block;
	margin-top:26px;
	text-indent: -999em;
	background: transparent url(../i/bg/bgNavMain.jpg) no-repeat 0 0;
}

/* @group nav image replacements */
ul#navMain li.home a {
	height: 119px;
	width: 132px;
	margin-top:0;
	margin-right:10px;
	background-position: -1px 0;
}
ul#navMain li.services a {
	width: 90px;
	margin-right:15px;
	background-position: -133px 0;
}
ul#navMain li.email a {
	width: 65px;
	margin-right:15px;
	background-position: -226px 0;	
}
ul#navMain li.hosting a {
	width: 87px;
	margin-right:15px;
	background-position: -292px 0;	
}
ul#navMain li.backup a {
	width: 84px;
	margin-right:14px;
	background-position: -379px 0;	
}
ul#navMain li.design a {
	width: 77px;
	margin-right:12px;
	background-position: -467px 0;	
}
ul#navMain li.articles a {
	width: 81px;
	margin-right:12px;
	background-position: -547px 0;	
}
ul#navMain li.referrals a {
	width: 93px;
	margin-right:11px;
	background-position: -630px 0;	
}
ul#navMain li.contact a {
	width: 83px;
	background-position: -724px 0;
}

/*hover states*/
ul#navMain li.home a:hover,
#home ul#navMain li.home a:hover {
	background-position: -1px 0;
}
ul#navMain li.services a:hover,
#services ul#navMain li.services a {
	background-position: -133px -90px;
}
ul#navMain li.email a:hover,
#email ul#navMain li.email a {
	background-position: -226px -90px;	
}
ul#navMain li.hosting a:hover,
#hosting ul#navMain li.hosting a {
	background-position: -292px -90px;	
}
ul#navMain li.backup a:hover,
#backup ul#navMain li.backup a {
	background-position: -379px -90px;	
}
ul#navMain li.design a:hover,
#design ul#navMain li.design a {
	background-position: -467px -90px;	
}
ul#navMain li.articles a:hover,
#articles ul#navMain li.articles a {
	background-position: -547px -90px;	
}
ul#navMain li.referrals a:hover,
#referrals ul#navMain li.referrals a {
	background-position: -630px -90px;	
}
ul#navMain li.contact a:hover,
#contact ul#navMain li.contact a {
	background-position: -724px -90px;
}


div#content {
	width:987px;
	height:489px;
	background:url(../i/bg/bgFolder.jpg) no-repeat 10px 0;
}

div#contentsub {
	width:987px;
	height:489px;
	background:url(../i/bg/bgFolderSub.jpg) no-repeat 10px 0;
}

div#main {
	background:url(../i/bg/bgMain.jpg) no-repeat 10px 0;
	width:987px;
	height:489px;
}

div#content div.keyhole, div#contentsub div.keyhole {
	margin-top:10px;
	margin-left:62px;
	margin-right:30px;
	height: 360px;
	width: 675px;
	overflow: hidden;	
}

div.section_header, div#section_introduction {
	margin-bottom:20px;	
	text-align:center;
	font-size:18px;
	font-variant:small-caps;
	line-height: 25px;
	color:#396487;	
	letter-spacing:4px;
	border-top:1px dashed #999999;
	border-bottom:1px dashed #999999;
}

div#section_introduction {
	margin-top:10px;
}

div#content div.keyhole p, div#contentsub div.keyhole p {
	margin-left:30px;
	margin-right:20px;	
}

div.innerContent {
	width: 650px;
	height: 360px;
	margin-left:10px;
	margin-bottom:20px;
	overflow: hidden;
}

div.innerContentText {
	width: 640px;
	height: 310px;
	overflow: auto;
}

ul.content_list {
	list-style: disc outside;
	margin-left:60px;
	margin-right:60px;
}

ol.content_list {
	list-style: disc outside;
	list-style-type: decimal;
	margin-left:60px;
	margin-right:60px;
}

#contentsub h4, #content h4 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:20px;
	margin-left:10px;
	color:#da7603;
}


#rotate em,
#information em,
#information_sub em {
	color: #557fc0;
}

#rotate {
	height:227px;
	width:685px;
	margin-left:78px;
    _margin-left:29px; /* IE6 */
	float:left;
	font-size:12px;
	color:#ed8c22;
	text-align:left;
	padding-top:10px;
	padding-right:15px;
	_padding-right:0px;
}


#support a {
	color:#FFFFFF;
	text-decoration:none;
}

#support a visted {
	color:#396487;
	text-decoration:none;
}

#support a:hover {
	color:#143a59;
	text-decoration:underline;
}

ul#rs {
	list-style: none;
	float:right;
	margin-right:42px;
	margin-top:11px;
    margin-bottom:95px;
    *-margin-left:5px; /* IE6 */
}

#support {
	width:158px;
	text-align:left;
	float:left;
	font-size:14px;
	height:227px;
	color:#FFFFFF;
	margin-left:25px;
	_padding-left:13px;
	_width:158px;
}

#information,
#information_sub {
	width:745px;
	height:455px;
	margin-left:16px;
	margin-top:2px;
	font-size:12px;
	float: left;
	display: inline;
	color:#ed8c22;
}


ul#rightNav {
	height:316px;
	width:190px;	
	margin-top:74px;
	float: right;
	font-size:13px;
	color:#ed8c22;

}

ul#rightNav li {
	width: 130px;
	margin-bottom:20px;
}

ul#rightNav a {
	color:#396487;
	text-decoration:none;
}

ul#rightNav a visted {
	color:#396487;
	text-decoration:none;
}

#rightNav a:hover,
#rightNav a.selected {
	color:#143a59;
	text-decoration:underline;
}

#location {
    padding-top:31px;
	margin-left:72px;
	height:37px;
	text-size:12px;
	color:#333333;
}



span.orange {
	color:orange;
}

u.blue {
	color:#143a59;
}

a.sublocation visited {
	color:#ed8c22;
	text-decoration:none;
}

a:hover.sublocation {
	text-decoration:underline;
}

a.sublocation {
	color:#ed8c22;
	text-decoration:none;
}

a.tablocation visited {
	color:#ed8c22;
	text-decoration:none;
}

a:hover.tablocation {
	text-decoration:underline;
}

a.tablocation {
	color:#ed8c22;
	text-decoration:none;
}	


#textToChange {
	color:#396487;
}

#footer {
	font-size: 14px;
	color:#b3b1b1;
	margin: 0 auto;
	text-align:left;
	text-align:center;
}