@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background-image:url(../images/concept4_r1_c1.gif);
	background-repeat:repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}

.clear {
	clear:both;
}

#preload {
	position:absolute;
	top:-1000px;
	height:100px;
	width:100px;
	overflow:hidden;
}

#wrapper {
	width:800px;
	height:auto;
	margin:0 auto;
}

#head {
	width:800px;
	height:160px;
	margin-top:30px;
}

#hleft {
	float:left;
	width:210px;
	height:160px;
	background-image:url(../images/topleft.png);
	background-repeat:no-repeat;
}

.logo {
	position:relative;
	left:0px;
	top:14px;
	text-indent:-999%;
	background:url(../images/logo.png) -151px -1px;
	background-repeat:no-repeat;
	width:145px;
	height:102px;
	display:block;
}

.facebook {
	position:relative;
	left:13px;
	top:22px;
	background:url(../images/facebook.png) 0 0;
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.facebook:hover {
	background:url(../images/facebook.png) -35px 0;
}

.facebook2 {
	position:relative;
	left:-60px;
	top:0px;
	background:url(../images/facebook.png) 0 0;
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.facebook2:hover {
	background:url(../images/facebook.png) -35px 0;
}

.linkedin {
	position:relative;
	left:47px;
	top:-10px;
	background:url(../images/linkedin.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.linkedin:hover {
	background:url(../images/linkedin.png) -35px 0;
}

.linkedin2 {
	position:relative;
	left:-20px;
	top:-32px;
	background:url(../images/linkedin.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.linkedin2:hover {
	background:url(../images/linkedin.png) -35px 0;
}

.twitter {
	position:relative;
	left:81px;
	top:-42px;
	background:url(../images/twitter.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.twitter:hover {
	background:url(../images/twitter.png) -35px 0;
}

.twitter2 {
	position:relative;
	left:20px;
	top:-64px;
	background:url(../images/twitter.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.twitter2:hover {
	background:url(../images/twitter.png) -35px 0;
}

.blog {
	position:relative;
	left:115px;
	top:-74px;
	background:url(../images/blog.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.blog:hover {
	background:url(../images/blog.png) -35px 0;
}

.blog2 {
	position:relative;
	left:60px;
	top:-96px;
	background:url(../images/blog.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-999%;
}

.blog2:hover {
	background:url(../images/blog.png) -35px 0;
}

#hright {
	float:right;
	width:590px;
	height:160px;
	background-image:url(../images/concept4_r5_c7.gif);
	background-repeat:repeat;
	color:#424f18;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:30px;
	text-align:center;
}

#hright img {
	margin-bottom:10px;
}

#main {
	width:800px;
	height:auto;
}

#mdrop {
	float:left;
	width:210px;
	height:auto;
	min-height:480px;
	background-image:url(../images/concept4_r3_c6.gif);
	background-repeat:repeat-y;
	background-position:right;
}

#nav {
	float:left;
	width:196px;
	height:auto;
	min-height:480px;
	background-image:url(../images/concept4_menuback.gif);
	background-repeat:repeat;
}

#nav .login {
	position:relative;
	left:-5px;
	top:6px;
	text-indent:-999%;
	background:url(../images/login.png) 0 0;
	background-repeat:no-repeat;
	width:152px;
	height:27px;
	display:block;
}

#nav .login:hover {
	background:url(../images/login.png) -156px 0;
}

#nav .index {
	position:relative;
	left:-5px;
	top:14px;
	text-indent:-999%;
	background:url(../images/home1.png) 0 0;
	background-repeat:no-repeat;
	width:152px;
	height:14px;
	display:block;
}

#nav .index:hover {
	background:url(../images/home1.png) -156px 0;
}

.smartfind {
	position:relative;
	left:0px;
	top:315px;
	text-indent:-999%;
	background:url(../images/smartfind.png) 0 0;
	width:159px;
	height:57px;
	display:block;
}

.smartfind:hover,
.hoverfind {
	position:relative;
	left:0px;
	top:315px;
	text-indent:-999%;
	background:url(../images/smartfind.png) -163px 0;
	width:159px;
	height:57px;
	display:block;
}

.smartnetwork {
	position:relative;
	left:0px;
	top:315px;
	text-indent:-999%;
	background:url(../images/smartnetwork.png) 0 0;
	width:159px;
	height:57px;
	display:block;
}

.smartnetwork:hover,
.hovernetwork {
	position:relative;
	left:0px;
	top:315px;
	text-indent:-999%;
	background:url(../images/smartnetwork.png) -163px 0;
	width:159px;
	height:57px;
	display:block;
}

.smartdownloads {
	position:relative;
	left:0px;
	top:315px;
	text-indent:-999%;
	background:url(../images/smartdownloads.png) 0 0;
	width:159px;
	height:57px;
	display:block;
}

.smartdownloads:hover,
.hoverdownloads {
	position:relative;
	left:0px;
	top:315px;
	text-indent:-999%;
	background:url(../images/smartdownloads.png) -163px 0;
	width:159px;
	height:57px;
	display:block;
}

#content {
	float:right;
	width:550px;
	height:auto;
	min-height:420px;
	background-image:url(../images/concept4_r5_c7.gif);
	background-repeat:repeat;
	padding:14px 26px 26px 14px;
	line-height:160%;
	text-align:justify;
}

#content a {
	color:#2c4438;
	text-decoration:none;
}

#content a:hover {
	color:#960;
	text-decoration:underline;
}

#content p {
	margin-bottom:10px;
}

#content p a img {
	width:170px;
	height:auto;
	margin:10px;
	border:solid 2px gray;
	padding:1px;
}

#content p a:hover img {
	border:solid 2px #960;
}

#content ul {
	margin-top:10px;
	margin-left:40px;
}

.line {
	width:630px;
	height:6px;
	position:relative;
	left:-6px;
}

.Headline {
	color: #996600;
	font-weight: bold;
	font-size: large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style2 {
	color: #2C4438;
	font-weight: bold;
	font-size: medium;
}
.style3 {
	color: #996600;
	font-style: italic;
	font-weight: bold;
}
.style4 {
	font-size: x-small;
	font-weight: bold;
	color: #937A40;
}

#footer {
	width:800px;
	height:30px;
	margin:0 auto 20px auto;
}

#fleft {
	float:left;
	width:550px;
	height:30px;
	padding-top:8px;
	margin-bottom:20px;
	color:#d1c098;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#fleft img {
	margin-right:6px;
}

#fleft a {
	color:#CCC;
	text-decoration:none;
}

#fleft a:hover {
	color:white;
	text-decoration:underline;
}

#fright {
	float:right;
	width:250px;
	height:30px;
}

#fright .spotlight {
	position:relative;
	left:-40px;
	top:-14px;
	text-indent:-999%;
	background:url(../images/spotlight.png) 0 0;
	background-repeat:no-repeat;
	width:277px;
	height:31px;
	display:block;
}

#fright .spotlight:hover {
	background:url(../images/spotlight.png) -282px 0;
}

.picright {
	float:right;
	border:none;
	margin:8px;
}

.picleft {
	float:left;
	border:none;
	margin:8px;
}

.divleft {
	width:240px;
	height:auto;
	min-height:300px;
	float:left;
	padding:10px;
	border:solid 1px #960;
	margin-right:13px;
	margin-bottom:26px;
	background-image:url(../images/bg-main.png);
	background-repeat:no-repeat;
	background-position:bottom;
}



.divright {
	width:240px;
	height:auto;
	min-height:300px;
	float:right;
	padding:10px;
	border:solid 1px #960;
	margin-left:13px;
	margin-bottom:26px;
	background-image:url(../images/bg-main.png);
	background-repeat:no-repeat;
	background-position:bottom;
}