@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;}
body{
	background:#333 url(../images/bg1.jpg) repeat-x 0 0;
	font:normal 12px arial;
	color:#fff
}
h1, h2, h3, h4, h5, h6{font-weight:bold; font-family:arial; margin-bottom:15px}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
:focus{outline:0}
p{margin:0 0 15px  0;}
p.text {font-size:14px;
line-height:20px;}
p.p2{margin:7px 0;}
em{font-style:normal}
a{color:#cc0000; text-decoration:underline}
a:hover{color:#cc0000; text-decoration:none}
.img-l{float:left; margin:0 10px 10px 0}
.img-r{float:right; margin:10px 0 10px 10px}
.float-l{float:left}
.float-r{float:right}
a.red{font-size:12px; color:#FF0; font-weight:bold; text-decoration:none;}
a.red:hover{text-decoration:underline}

/* container */
#main{width:956px; margin:0 auto; padding-bottom:10px}
.wrapper{width:945px; margin:0 auto}
ul{list-style:none}
ol{margin-left:20px}
h1{font-size:24px}
h2{
	font-size:16px
}
h3 {
	font-size:15px
}
.org{color:#f90}
.red{color:#C00}
.gray{
	color:#666;
	text-decoration: none;
}
.black{color:#ff0;
font-weight:normal;
font-size:14px;
font-stretch: normal;
}
.f14{
	font-size:14px;
	text-decoration: none;
}
.f11{font-size:11px}


/*  header */
.header{width:auto; height:100px; position:relative}
h1#logo{width:195px; height:65px; background:url(../images/logo.gif) no-repeat 0 0; float:left; margin:20px 0 0 0}
h1#logo a{width:195px; height:65px; display:block; text-indent:-9999px}
ul#menus{float:right}
ul#menus li{float:left; background:url(../images/bg-menuleft.gif) no-repeat 0 0; padding-left:3px; margin-left:2px; text-transform:uppercase}
ul#menus li a{float:left; background:url(../images/bg-menuright.gif) no-repeat right 0; padding:10px; height:14px; color:#fff}
ul#menus li a:hover{color:#FC0; text-decoration:none}
ul#menus li#current{background:url(../images/bg-menulefts.gif) no-repeat 0 0;}
ul#menus li#current a,ul#menus li#current a:hover{background:url(../images/bg-menurights.gif) no-repeat right 0; height:22px; color:#FF0; text-decoration:none}
ul.nav{position:absolute; top:58px; right:0}
ul.nav li{float:left; padding-left:15px}

/* footer  */
.footer{background:#666 url(../images/bg-footer1.gif) repeat-x 0 0; padding:30px 10px; clear:both; color:#ddd; font-size:12px;}
.footer a,.footer a:hover{color:#ddd}
.footer ul li{display:inline; margin-right:15px}
.footer .copy{float:right;}


/*  Form  */
input.text,textarea,select{background:#fff; border:1px solid #999; font:normal 12px arial; color:#666; padding:4px}
input.btn-1{background:#f6f6f6; color:#c00; font:bold 12px arial; cursor:pointer; border:1px solid #ccc; padding:3px 6px}
input.btn-1:hover{background:#999; color:#fff}


/*  content  */
.top-banner{width:auto; margin-bottom:6px; position:relative; background:url(../images/bg-banner.jpg) no-repeat 0 0; height:308px; padding:3px}
.top-banner-home{width:auto; margin-bottom:6px; position:relative; background:url(../images/banner-home.jpg) no-repeat 0 0; height:310px; padding:3px}
.top-banner-elite {
	width:auto;
	margin-bottom:6px;
	position:relative;
	height:310px;
	padding:3px;
	background-image: url(../images/bg-banner-elite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}


.top-banner-network {
	width:auto;
	margin-bottom:6px;
	position:relative;
	height:310px;
	padding:3px;
	background-image: url(../images/bg-banner-network.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.top-banner-cards {
	width:auto;
	margin-bottom:6px;
	position:relative;
	height:310px;
	padding:3px;
	background-image: url(../images/banner-cards.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.banner0{position:absolute; left:50px; bottom:4px}
.desc-1{width:290px; float:right; padding:10px 25px 0 0; color:#333}
.desc-1 h1{color:#cc0000; font-weight:normal; margin-bottom:8px}

.topgreen,.topgreen div,.botgreen,.botgreen div{background:url(../images/corgreen.gif) no-repeat 0 0; height:6px; width:auto; font-size:1px}
.topgreen{padding-left:6px}
.topgreen div{background-position:right top}
.botgreen{background-position:left bottom;padding-left:6px}
.botgreen div{background-position:right bottom}
.midgreen{background:#d55416 url(../images/midgreen.gif) repeat-x 0 0; color:#fff; overflow:hidden; padding:10px 15px}
.midgreen h2{border-bottom:1px solid #e8beb6; padding-bottom:10px; margin-bottom:15px}
.midgreen .h2{border:0; padding:0; margin:0 0 10px 0}


.subscriber{background:url(../images/bg-subscriber.gif) no-repeat 2px 0; height:40px; padding:13px 0 0 12px; margin-top:7px}
.subscriber img,.subscriber input{float:left; margin-right:6px}
.subscriber .text{font-size:14px; font-style:italic; color:#999; width:131px; padding:6px}

.span-1{width:232px; float:left; margin-right:8px;}
.span-2{width:634px; float:left; margin-right:12px}
.span-3{width:310px; float:right;}
.span-4{width:310px; float:left; margin-right:13px;}
.span-1 .span{height:160px}
.span-1 .span2{height:140px}

.bottom-content{background:#fff url(../images/bg-footer2.gif) repeat-x 0 0; padding:30px 0 20px; color:#333; font-size:12px}
.contact-1 dt{float:left; width:80px; margin-bottom:3px}
.contact-1 dd{float:left; width:240px; margin-bottom:3px}
.contact-1 .text,.contact-1 textarea{width:240px}
.contact-1 label{padding-top:5px; font-weight:bold; color:#666; display:block}

.header a,.footer a,.top-banner a{text-decoration:none}
.header a:hover,.footer a:hover,.top-banner a:hover{text-decoration:underline}

.c_name{font-size:12px; color:#FF0; font-weight:bold}
.m1,.m2,.m3,.m4{width:136px; height:59px; padding:10px 6px 0 160px; font-size:18px; position:absolute; color:#fff}
.m1{background:url(../images/m1.jpg) no-repeat 0 0; top:8px; right:9px}
.m2{background:url(../images/m3.jpg) no-repeat 0 0; top:84px; right:9px}
.m3{background:url(../images/m2.jpg) no-repeat 0 0; top:158px; right:9px}
.m4{background:url(../images/m4.jpg) no-repeat 0 0; top:234px; right:9px}
.m1 a,.m2 a,.m3 a,.m4 a, .midgreen a{
	color:#fff;
	text-decoration: none;
}
.m1 a:hover,.m2 a:hover,.m3 a:hover,.m4 a:hover, .midgreen a:hover{
	color:#FF0;
	text-decoration: underline;
}

ol.que{font-weight:bold}
ol.que li{margin-bottom:20px}
ol.que li ul{margin:10px 0 0}
ol.que li li{margin:0; display:inline}
.service_4 li{float:left; margin-right:16px; font-weight:bold; font-size:14px; text-align:center;}
.service_4 li img{margin-bottom:5px}
.hr{background:#e8beb6; height:1px; font-size:1px; clear:both; margin:10px auto}

/* contact us page*/
.map{position:absolute; left:20px; bottom:20px;}
.address{float:right; font-size:16px; padding:20px 20px 0 0; width:260px; color:#333}
.address h1{font-weight:normal; color:#cc0000}
.feedback label{font-weight:bold; display:block; margin-bottom:5px}
.feedback .text{width:99%; margin-bottom:10px}

/* news page */
.gallery li{float:left; margin:0 10px 10px 0; text-align:center}
.news li{background:url(../images/bullet-1.gif) no-repeat 0 7px; padding:0 0 10px 15px; font-size:14px;}
.news li .date{color:#ff0; font-size:11px}
.more{font-size:11px; color:#666}



.clearfix{display:block; overflow:hidden; clear:both; width:auto; font-size:1px}
* html .clearfix{height:1%}
a.redbig {
	font-size:15px;
	color:#FF0;
	font-weight:bold;
	text-decoration:none;
}
a.redbig:hover {
	text-decoration:underline
}

a.redb {
	font-size:15px;
	color:#FF0;
	font-weight:normal;
	text-decoration:none;
}
a.redb:hover {
	text-decoration:underline
}