@charset "utf-8";


/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	font-size: 12px;
	line-height:23px;
	font-style: normal;
	color: #333;
	text-align:center;
}

.clear {
	clear: both;
}

h1 {font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:normal;color: #fff;display:inline;line-height:30px;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:normal;color: #fff;display:inline;line-height:30px;}
h3 {font-size:20px;font-weight:bold;color:#005695;line-height:15px;}
h4 {background: url(../images/txtbg.jpg);width:98%;color: #005695;font-weight: normal;font-size:18px;padding:5px;border-bottom : #cccccc 1px solid;}


li {
	line-height: 17px;
}

.small {
	font-size: 10px;
	}
.small2 {
	font-size: 11px;
	}
.orange{
	color:#ff9900;
	}
#wrapper {margin: 0 auto;width: 874px;min-height:100%;padding: 0;text-align:left;}
#header {	margin: 0 auto;width: 810px;height:130px;}
#logo {float:left;background:url(../images/logo.jpg) no-repeat;margin:-110px 0 0 8px;width:320px;height:103px;text-indent: -3333px;}
#logo a{display:block;margin:8px 0 0 8px;width:320px;height:70px;}


#indexflashcontent {
	width:770px;
	height: 250px;
	background:url(../images/right-solution2.jpg) no-repeat;
	border-left: #095b97 1px solid;
	border-right: #095b97 1px solid;
	margin: 0 auto;
	padding:35px 0 10px 40px;
	text-align:left;
}

#indexflashcontent a{color:#fff; font-size:14px;}

#video{
	float:right;
	width:400px;
	heigh:230px;
	}

#partners{margin: 0 auto;width:810px;height:100px;background-color:#ebebeb;text-align:center;padding-top:25px;margin-left:32px;}
#subflash {
	background: url(../images/subflash_bg.jpg);
	width: 874px;
	height: 186px;
	margin: 0 auto;
}

#subflashswf {
	width: 810px;
	height: 176px;
	margin: 0 auto;
}

#subflashcontent {
	width: 810px;
	height: 186px;
	margin: 0 auto;
}

#thirdflash {
	background: url(../images/3rd_level_flash_bg.jpg);
	width: 874px;
	height: 98px;
	margin: 0 auto;
}
#subflashcontent2 {
	width: 810px;
	height: 92px;
	margin: 0 auto;
}


#content {
	width: 850px;
	min-height: 100%;
	background:#fff;
	padding-left: 32px;
	margin: 0 auto;
}

#subcontent {
	width:540px;
    float:left;
    padding-left: 31px;
    margin: 0 auto;
}
#subcontent2 {
	width:500px;
    float:left;
    padding-left: 31px;
    margin: 0 auto;
}

#col1 {
	background:#fff url(../images/col1.png) no-repeat;
	float: left;
	width:220px;
	height:370px;
	padding:25px;
	border-right: #d4d4d4 1px solid;
	border-top: #d4d4d4 1px solid;
	text-align:left;
}
#col2 {
	background:#fff url(../images/col2.png) no-repeat;
	float:left;
	width: 219px;
	height: 370px;
	padding:25px;
	border-right: #d4d4d4 1px solid;
		border-top: #d4d4d4 1px solid;
		text-align:left;
}
#col3 {
	background:#fff url(../images/col3.png) no-repeat;
	float:left;
	width:219px;
	height:370px;
	padding:25px;
		border-top: #d4d4d4 1px solid;
		text-align:left;
}
#scol1 {
	display: inline;
	float:left;
	width: 540px;
	height:100%;
}
#scol1 li{
	font-weight:normal;
	line-height:20px;
}
#scol1-2 {
	display: inline;
	float:left;
	width: 810px;
}


#scol2 {
	display: inline;
	float: right;
	width: 269px;
	margin-right: 32px;
}
#scol3 {
	background-color: #cccccc;
	display: inline;
	float: right;
	width: 269px;
	height:1px;
	margin-right: 31px
}

#gradient-bg {
	background:#c9c9c9 url(../images/scolbg.jpg) repeat-x;
	padding: 25px;
}

#gradient-bg-lrg {
	display:block;
	background:#c9c9c9 url(../images/scolbg-lrg.jpg) repeat-x;
	padding: 15px;
}
#gradient-bg-lrg2 {
	display:block;
	background:#fff;
	padding: 15px;
}

#menu{float:right;width:500px;height:22px;margin-top:28px;text-align:right;}
#nav, #nav ul {
	padding:5px;
	margin:0;
	list-style:none;
	position:relative;
	z-index:200;
}
#number{float:right;width:400px;height:44px;margin:30px 10px 0 0;font-size:20px;font-weight:bold;color:#ff9900;text-align:center;}
#number p{display:block;font-size:14px;font-weight:normal;text-align:center;}
#nav {float: right;width:500px;height:22px;padding: 0;background:#ff9900;}
#nav ul {background: #005695;border: 3px solid #fff;}
#nav li {float:left;padding-left:25px;}

#nav li li {
	float:none;
	padding:  2px 15px;
}

/* a hack for IE5.x and IE6 */
* html #nav li li {
	float:left;
}

#nav li a {
	padding:1px 4px;
	text-decoration: none;
	font-size:14px;
	font-weight: normal;
	color: #fff;
	height:25px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
}

#nav li li a {
	height:20px;
	line-height:20px;
	float:none;
}

#nav li:hover {
	position:relative;
	z-index:300;
}

#nav li:hover ul {
	left:0;
	top:22px;
}

/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {
	left:10px;
}

#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/* yet another hack for IE5.x and IE6 */
* html #nav ul {
	width:1px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
	left:-15px;
	margin-left:100%;
	top:-1px;
}

/* keep further levels hidden */
#nav li:hover > ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:auto;
}

/* show path followed */
#nav li:hover > a {
	background: #005695;
	color:white !important;
}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
	left:-15px;
	margin-left:100%;
	top:-1px;
}

/* keep further levels hidden */
#nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/* show path followed */
#nav li:hover a, #nav li:hover li:hover a, #nav li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover li:hover a {
	text-decoration:none;
	color:#ff9900;
}

/* hide futher possible paths */
#nav li:hover li a, #nav li:hover li:hover li a, #nav li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li:hover li a {
	text-decoration:none;
	color:#ff9900;
}

/* End dropdown CSS */



#subcolumntext {
	padding-top: 23px;
	padding-left: 35px;
	padding-right: 35px;
	line-height: 18px;
}

#footer {
	background: #fff;
	clear: both;
	margin: 0 auto;
	width: 811px;
	min-height:55px;
	font-size: 11px;
	text-align: center;
	border-top : #d4d4d4 1px solid;
	padding:30px 0 25px 0;
	line-height:22px;
}
#footer p{font-size:12px;}
#footermenu{float:left;width:810px;min-height:100%;}
.copy {
	line-height: 17px;
}
.copysub {
	padding-left: 8px;
	padding-right: 18px;
	line-height: 24px;
}
.copylist{
	margin-left: 8px;
	color: #011949;
}

a:link {
	color: #005695;
}
a:active {
	color: #005695;
}
a:visited {
	color: #005695;
}
a:hover {
	color: #ff9900;
	}
ul {
	font-size: 12px;
 	padding: 0 35px 0 30px;
	line-height: 22px;
	color: #005695;
	}
.subsmallbox1, .subsmallbox2, .subsmallbox3, .subsmallbox4 {
	display:block;
	float:left;
	padding-left: 23px;
	padding-right: 10px;
	padding-bottom: 25px;
}

.webbox {
	display:block;
	background: url(../images/webbg.jpg);
	float: left;
	width:228px;
	margin-left: 9px;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 25px;
}
.webbox2 {
	display:block;
	background: url(../images/webbg.jpg);
	float: left;
	width:228px;
	margin-left: 2px;
	margin-top: 15px;
	padding:6px;
	line-height:23px;
}
.logo {
	display: inline;
	float: left;
	width: 228px;
	height: 168px;
	margin: 20px 0 0 9px;

}
.profile-pic{
	float:left;
	margin:0 25px 10px 0;
	border : #fff 1px solid;
	}
.profile-thumb{
	float:left;
	width:245px;
	height:100px;
	padding:0 0 30px 0;
	margin-left:10px;
	line-height:18px;
	}
.profile-img{
	float:left;
	padding-right:10px;
	}