/* ===== Reset Properties ===== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}

/* ==== general ==== */
html { overflow-y:scroll;}
body{font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#333333; background:#8390a0 url(../images/bg.jpg) center top;}
*{margin:0; padding:0;}
ul{list-style-type:none;}

a {color:#4D7C12; text-decoration:underline;}
a:hover {color:#000; text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {clear:both; margin-bottom:10px;}
h1 {font-size:26px; color:#000000; line-height:32px;}
h2 {font-size:30px; color:#79C04A; line-height:53px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background:url(../images/bg_h2.gif) repeat-x left bottom; padding-bottom:10px;}
h2 span {color:#000;}
h2 img {float:left; margin-right:20px;}
h3 {font-size:22px; color:#5794C0; line-height:28px;}
h4 {font-size:20px; color:#FF6600; line-height:26px;}
h5 {font-size:20px; color:#000; line-height:26px;}

p {float:left; clear:both; text-align:left; margin-bottom:15px; width:100%; line-height:inherit;}
.nomarginbot {margin-bottom:0;}

em { font-style:normal; color:#4D7C12;}

.btn-orange{ margin:0; padding:3px 10px 3px 10px; font:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background:url(../images/btn-bg.gif) repeat-x; height:32px; border:none; font-weight:bold;}

.btn-green{ margin:0; padding:3px 10px 3px 10px; font:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background:url(../images/btn-bg-green.gif) repeat-x; height:32px; border:none; font-weight:bold;}

.btn-green-main{ margin:0; width:424px;  padding:3px 10px 3px 10px; text-transform:uppercase; font:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background:url(../images/btn-bg1.png) no-repeat; height:57px; font-weight:bold;text-shadow:1px 1px 1px #546f05; border:none;}

.btn-orange-main{ margin:0; width:424px;  padding:3px 10px 3px 10px; text-transform:uppercase; font:Arial, Helvetica, sans-serif; font-size:26px; color:#FFFFFF; background:url(../images/btn-orange.png) no-repeat; height:57px; font-weight:bold;text-shadow:1px 1px 1px #546f05; border:none;}



big {font-size:18px; color:#8EB83B; font-style:italic; font-weight:bold; line-height:22px; white-space:nowrap; float:left; clear:both;}
small {font-size:14px; color:#8EB83B; font-style:italic; font-weight:bold; line-height:18px;}

.seprator {clear:both; width:100%;}
.txtred {color:#993F3F;}

/* ==== Main Containers ==== */
#header, #footer { margin:0 auto; width:990px; clear:both; overflow:hidden; position:relative; }
#body { margin:0 auto; width:990px;  clear:both; overflow:hidden; position:relative; background:#FFFFFF; padding:4px;}

#body .header-banner{ margin:4px auto; padding:0 6px 6px 15px; width:978px; background:#ebf4ff; overflow:hidden;}
#body .header-banner .left-content{ width:430px; margin:0; padding:10px; float:left;}
#body .header-banner .left-content h1{clear:both; margin-bottom:10px; color:#b2e10f;}
#body .header-banner .right-image{ width:400px; margin:0 60px 0 0; padding:10px; float:right;}

#body .portfolio-box{ margin:0 auto; padding:6px; width:978px; background:#f5fbf6; border-top:1px solid #d3dabc; overflow:hidden; clear:both;}
#body .portfolio-box .left-image{ width:430px; margin:0; padding:10px; float:left;}
#body .portfolio-box .right-content{ width:400px; margin:0 60px 0 0; padding:10px; float:right;}
#body .portfolio-box .right-content h2{ clear:both; margin-top:15px; color:#b2e10f; font:bold 15px/22px Arial, Helvetica, sans-serif;}

/* ==== Header ==== */
#header {height:113px; background:none;}
.logo { float:left; width:50%; margin-left:10px; margin-top:5px;}
.connect { float:right; width:30%; margin-top:55px; padding:0; margin-right:20px; height:30px;}
.connect label{ padding:0; margin:0;}
.connect img{ margin:0;padding:0; }

.top_nav {width:100%; height:38px; float:left; background:#0b2044;}
.top_nav ul {width:100%; float:left; list-style-type:none;}
.top_nav ul li {float:left; margin:0 2px; line-height:38px; font-size:14px; color:#FFFFFF; text-align:center;}
.top_nav ul li a {color:#FFFFFF;  text-decoration:none; padding:0 10px; display:block;}
.top_nav ul li a:hover {color:#7fa3e1;  text-decoration:none; }
.top_nav ul li a.active {color:#7fa3e1; text-decoration:none; }

/* ==== Body ==== */



.inputbox{width:220px; height:17px; padding:3px; margin:0; border:1px solid #CCC; float:left;}




/* ==== Footer ==== */
#footer {background:#none; color:#000; padding:0px 0 5px 0;}
.foot_links {width:65%; float:left; font-size:11px; font-family:Tahoma, Verdana, Arial;}
.foot_links ul {width:100%; float:left; list-style-type:none; margin-top:15px;}
.foot_links ul li {float:left;}
.foot_links ul li a {color:#000; text-decoration:none; padding:0 10px;}
.foot_links ul li a:hover {color:#000; text-decoration:underline;}

.foot_right {width:29%; margin-top:15px; padding-right:10px; float:right; text-align:right; font-size:11px; font-family:Tahoma, Verdana, Arial;}
.foot_right a {text-decoration:none; color:#000;}
.foot_right a:hover {text-decoration:underline; color:#79C04A;}
.foot_right span {color:#D3D3D3; font-size:12px; line-height:40px;}





.menu{ background-color:#0b2044; clear:both; text-align:left; padding:5px 15px 5px 10px; overflow:hidden; height:27px;}
.menu ul{list-style:none; margin:0; padding:0; float:left;}
.menu ul li{ display:inline; float:left; margin:0 2px 0 0;}
.menu ul li a, .menu ul li a#buttonnohover{ display:block; text-align: center;background:#F89A1D; padding:6px 15px;font:normal 12px/normal Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#fff;}
.menu ul li a.active{ background:#86ad0f; color:#fff; text-decoration:none;}
.menu ul li a:hover, .menu ul li a#buttonhover{ background:#86ad0f; color:#fff; text-decoration:none; display:block;}
.menu ul li ul{	margin: 0 0 0 0;padding:0;visibility: hidden;position: absolute;clear:both;background:#0b2044; width:150px;}
.menu ul li ul li{display: inline;float: none;margin: 0;padding:0;}
.menu ul li ul li a{display:block;font:normal 11px/normal verdana, Arial, Helvetica, sans-serif ;white-space: nowrap;border-bottom:1px solid #2b4552;margin: 0px;			padding:7px 12px;text-align: left;text-decoration: none;color: #FFF;background:#0b2044;}
.menu ul li ul li a:hover{color: #FFF;	padding:7px 12px;background: #000;}




#slideshow {
    position:relative;
    height:248px;
	width:450px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 248px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 248px;
    display: block;
    border: 0;
    
}

.detail-content { margin:15px;}
.link-content { margin-left:725px;}
.link-content1 { margin-left:650px;}


.maintwobox {
    float: left;
    width: 980px;
	padding:10px;
	margin:0;
}
.mainleft {
    float: left;
    width: 450px;
}
.mainright {
    float: left;
    width: 478px;
	padding:0 0 0 20px;
	margin:0;
}
.mainthemebox {
    float: left;
    width: 478px;
	height: 361px;
	
}
.mainthemeimage {
    float: left;
    width: 450px;
	height: 279px;
	margin-left: 13px;
	margin-top: 13px;
	border: 1px solid #dfdfdf;
}
.mainthemedemo {
    float: left;
	margin-left: 100px;
	margin-top: 20px;
}
.mainthemebutton {
    float: left;
	position: relative;
	left: 40px;
	margin-top: 14px;
}
.mainthemefunction {
    float: left;
	color: #282828;
	text-decoration: none;
	font-family: "Verdana";
	font-size: 18px;
	margin-top: 16px;
}
.mainthemefunction p{
    float: left;
	margin: 0;
	padding: 0;
	margin-right: 6px;
}
.mainthemefunctiontext {
    float: left;
	color: #3f3f3f;
	text-decoration: none;
	font-family: "Verdana";
	font-size: 10px;
	line-height: 23px;
	margin-bottom: 10px;
}
.mainthemefunctiontext a{
	color: #e66214;
	text-decoration: none;
	font-family: "Verdana";
	font-size: 10px;
}
.mainyougettitle {
   float: left;
   width: 450px;
      color: #879d50;
	text-decoration: none;
	font-family: "Arial Black";
	font-size: 18px;

	margin-bottom: 4px;
	margin-top: 10px;
}
.mainyouget {
   float: left;
   width: 450px;
   height: 31px;
   background: #ecf4ed;
   margin-bottom: 2px;
}
.mainyouget1{
   float: left;
   margin: 0;
   padding: 0;
   margin-left: 4px;
}
.mainyouget2{
   float: left;
   margin: 0;
   padding: 0;
   color: #565656;
	text-decoration: none;
	font-family: "Arial";
	font-size: 14px;
	margin-top: 5px;
	margin-left: 5px;
}