/* default */
body{
	margin:0;
	color:#666;
	font:62.5% Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) repeat;
	min-width:780px;
}
img{border-style:none;} 
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
/* wrapper */
#wrapper{
	width:780px;
	margin:0 auto;
	background:#fff;
	position:relative;
	padding:111px 0 0;
}
/* header */
#header {
	position:absolute;
	width:780px;
	height:112px;
	top:0;
	left:0;
	z-index:3;
}
#header:after{
	clear:both;
	display:block;
	content:"";
}
#header .logo {
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	width:305px;
	height:50px;
	overflow:hidden;
	margin:12px 0 19px 31px;
}
#header .logo a {
	display:block;
	height:100%;
	text-indent:-9999px;
}
#header .info{
	float:right;
	width:189px;
	margin:0 24px 0 0;
	padding:0 5px 0 15px;
	height:31px;
	background:url(../images/bg-info.gif) no-repeat;
}
#header .info ul{
	margin:5px 0 0;
	padding:0;
	list-style:none;
	width:189px;
	overflow:hidden;
}
#header .info ul li{
	float:left;
	padding:0 16px 0 8px;
	background:url(../images/separator-info.gif) no-repeat 0 3px;
	margin:0 0 0 -8px;
	font:1.2em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#616161;
	white-space:nowrap;
}
#header .info ul a{color:#616161;}
#header .shadow{
	position:absolute;
	height:6px;
	bottom:-6px;
	left:0;
	width:780px;
	background:url(../images/bg-shadow.png) repeat-x;
}
/* nav */
#nav{
	height:31px;
	clear:both;
	width:760px;
	margin:0;
	position:relative;
	padding:0 0 0 20px;
	list-style:none;
	background:url(../images/bg-nav.gif) repeat-x;
	z-index:100;
}
#nav:after{
	clear:both;
	display:block;
	content:'';
}
#nav li{
	float:left;
	margin:0 30px 0 0;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
}
#nav li a{
	color:#fff;
	height:24px;
	padding:7px 12px 0;
	float:left;
	position:relative;
}
#nav li.hover a,
#nav li:hover a,
#nav li a:hover{
	text-decoration:none;
	background:url(../images/bg-nav.gif) repeat-x 0 -31px;
}
/* drop */
#nav li.hover .drop,
#nav li:hover .drop{top:31px;}
#nav .drop{
	top:-9999px;
	width:999px;
	position:absolute;
	left:0;
}
#nav .drop div{
	float:left;
	background:#3b517b url(../images/bg-drop.gif) repeat-x;
}
#nav ul{
	margin:0;
	padding:11px 12px;
	list-style:none;
}
#nav ul li{
	float:none;
	font-size:0;
	line-height:0;
	margin:0 0 4px;
	text-transform:none;
}
#nav li.hover ul a,
#nav li:hover ul a,
#nav ul li a{
	background:none;
	float:none;
	height:auto;
	padding:0;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
}
#nav ul li.active a,
#nav li.hover ul a:hover,
#nav li:hover ul a:hover,
#nav ul li a:hover{
	background:none;
	color:#e5a500;
}
/* main */
#main{
	overflow:hidden;
	width:100%;
}
/* visual */
.visual{
	width:100%;
	overflow:hidden;
	background:#fbeccc url(../images/bg-visual.gif) repeat-x;
}
.visual .alignleft{
	width:366px;
	height:269px;
	float:left;
	position: relative;
	z-index:1;
	overflow: hidden;
}
.visual .txt{
	overflow:hidden;
	height:1%;
	padding:35px 20px 0 20px;
	color:#6d7b70;
}
.visual .txt h1{
	margin:0 0 12px;
	font-size:3.6em;
	word-spacing:-2px;
	color:#ab7d00;
}
* html .visual .txt h1{
	line-height:0;}
.visual .txt p{
	margin:0 0 14px;
	font-size:1.6em;
	line-height:1.3em;
}
.visual .txt a,
.visual .txt p .blue{color:#365eab;}

#main .btn-holder{
	width:736px;
	padding:0 22px;
	margin:-17px 0 0;
	overflow:hidden;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.3em;
	position: relative; 
	z-index: 2;
}

.btn-holder a{color:#fff;}
.btn-holder a:hover{text-decoration:none;}
.btn-holder .news{
	float:left;
	background:url(../images/btn-news.png) no-repeat;
	width:301px;
	height:25px;
	padding:10px 15px;
	cursor:pointer;
}
.btn-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.btn-holder ul li{
	float:left;
	padding:0 0 0 3px;
}
.btn-holder .tv{
	float:left;
	background:url(../images/btn-tv.png) no-repeat;
	width:158px;
	height:25px;
	padding:10px 15px;
	color: #ffffff;
	cursor:pointer;
}
.btn-holder .connect{
	float:left;
	background:url(../images/btn-connect.png) no-repeat;
	width:158px;
	height:25px;
	padding:10px 15px;
	color: #ffffff;
	cursor:pointer;
}
#main .info{
	padding:0 30px 0 36px;
	width:714px;
	overflow:hidden;
	position:relative;
}
#main .info ul.list{
	margin:8px 0 0;
	padding:0;
	list-style:none;
	float:left;
}
#main .info ul.list li{
	padding:0 0 15px 12px;
	background:url(../images/separator-list.gif) no-repeat 0 4px;
	font-size:1.2em;
	line-height:1.2em;
}
#main .info ul.list a{color:#365eab;}
/* services */
#main .info .services{
	float:right;
	margin:10px 0 0;
	padding:0 12px 0 0;
	list-style:none;
	width:165px;
}
#main .info .services li{
	float:left;
	padding:0 0 0 16px;
	overflow:hidden;
}
#main .info .services a{
	float:left;
	width:36px;
	height:38px;
}
#main .info .services a span{
	text-indent:-9999px;
	float:left;
}
#main .info .services .facebook{background:url(../images/ico-facebook.jpg) no-repeat;}
#main .info .services .twitter{background:url(../images/ico-twitter.jpg) no-repeat;}
#main .info .services .linkedin{
	background:url(../images/ico-linkedin.jpg) no-repeat;
	width:44px;
}
#main .info .link{
	position:absolute;
	width:125px;
	top:5px;
	left:395px;
	color:#365eab;
	font-size:1.2em;
	line-height:1.5em;
}
/* content */
#content{
	width:710px;
	padding:22px 35px;
}
#content h2{
	font-size:1.8em;
	line-height:1.5em;
	color:#c58d11;
	margin:0 0 10px;
}
#content .columns{
	width:720px;
	margin:0 -10px 33px 0;
	overflow:hidden;
}
#content .column {
	width:350px;
	float:left;
	margin:0 10px 0 0;
}
#content .column .number{
	width:38px;
	height:32px;
	background:url(../images/bg-number.gif) no-repeat;
	text-align:center;
	color:#fff;
	padding:6px 0 0;
	font-size:2.4em;
	float:left;
	margin:3px 7px 0 0;
}
#content .column p{
	margin:0 0 24px;
	font-size:1.6em;
	line-height:1.5em;
	color:#000;
}
#content .column p a{color:#365eab;}
#content .block{
	clear:both;
	width:100%;
	overflow:hidden;
	color:#000;
	margin:0 0 -10px;
}
#content .block p{
	margin:0 0 20px;
	font-size:1.3em;
	line-height:1.45em;
}
/* footer */
#footer{
	color:#fff;
	background:#6488c6;
	width:734px;
	padding:0 10px 6px 36px;
	overflow:hidden;
}
#footer ul{
	float:right;
	display:inline;
	margin:10px -14px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:400px;
}
#footer ul li{
	float:left;
	font-size:2em;
	line-height:1.5em;
	color:#fff;
	padding:0 28px 0 14px;
	background:url(../images/separator-info-2.gif) no-repeat 0 6px;
	display:inline;
	margin:0 0 0 -14px;
}
#footer ul li a{color:#fff;}
#footer p{
	font-size:1.2em;
	line-height:1.5em;
	margin:17px 0 10px;
}