@charset "ISO-8859-1";
* {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	padding: 0;
	font-size: 12px;
	color: #FFF;
	background: url(/images/gradient_bg.gif) top center repeat-y #000;
	margin: 0;
	height: 100%;
}

html {
	height:100%;
}

img, div, a, input { behavior: url(/iepngfix.htc) }
ol, ul, blockquote  {
	line-height: 22px;
	margin-top: 0px;
}
#header_sub_text  h1 {
	color: #EAFF00;
	margin-bottom: 0px;
	letter-spacing: -1px;
	font-size: 16px;
}
#header_sub_text  h2 {
	color: #999999;
}
#header_sub h1 {
	color: #FFFFFF;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 35px;
	letter-spacing: 1px;
	padding: 30px 0px 0px 35px;
}
#header_sub h2 {
	color: #FFFFFF;
	padding: 0px 0px 0px 35px;
	line-height: 25px;
	font-weight: normal;
	font-size: 14px;
}
#header_sub h3 {
	color: #1F4575;
	font-size: 20px;
}
#header_sub h4 {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
}
p {
	line-height: 22px;
	margin-top: 0px;
}
h1 {
	font-size: 20px;
	color: #EAFF00;
	margin: 0px 0px 10px 0px;
}
h2 {
	font-size: 14px;
	color: #EAFF00;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size: 12px;
	color: #EAFF00;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}

h4 {
	font-size: 20px;
	color: #E6FF00;
	margin: 0px 0px 10px 0px;
}
h5 {
	font-size: 18px;
	color: #FFF;
	margin: 0px 0px 10px 0px;
}
h6 {
	font-size: 12px;
	color: #383838;
	margin: 0px 0px 0px 0px;
}
.sub_box_text h2 {
	font-size: 16px;
	color: #EAFF00;
	margin: 0px 0px 15px 0px;
	padding-top: 10px;
}

ul {
}
li {
}

a {
	text-decoration: none;
	color: #C30000;
}

a:hover {
}

img {
	border: none;
}

blockquote {
	border-left:3px solid #0C356A;
	margin:0 0 0 2.5em;
	padding-left:1em;
	padding-right: 1em;
}
.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px;
}
.footer, .push {
     height: 61px;
}
#wrap {
	margin: 0 auto;
}
#header_wrap {
	
	margin: 0 auto;
	height: 480px;
	background:url(/images/header.jpg) top center no-repeat;

}

#header {
	width: 987px;
	height: 480px;
	margin: 0 auto;
}

#login_wrap {
	background: url(/images/login_bg.gif) repeat-x;
	height: 39px;
}
#header_login {
width:960px;
height:39px;
margin:0 auto;
}

#header_login form {
width:800px;
height:40px;
float:right;
margin:0;
padding:0;
}

#header_login form h2 {
background:url(/images/login_h2.gif) no-repeat;
width:127px;
display:block;
height:16px;
margin-top:8px;
text-indent:0;
float:left;
padding:0 0 0 19px;
}

#header_login form span {
	visibility:hidden;
}

#header_login form label {
font-size:11px;
line-height:14px;
color:#FFF;
display:block;
float:left;
margin-top:10px;
padding:0 10px 0 0;
}

#header_login form label.re {
font-size:11px;
line-height:14px;
color:#FFF;
display:block;
float:left;
margin:8px 0 0;
padding:2px 0 0;
}

#header_login form input {
background:url(/images/input_box.gif) no-repeat;
color:#000;
border:none;
float:left;
height:22px;
display:block;
width:120px;
margin:5px 10px 0 0;
padding:5px 0px 0px 5px;
}

#header_login form input.checkbox {
width:13px;
height:13px;
float:left;
margin:9px 5px 0 0;
padding:0;
}

#header_login form input.login {
background:url(/images/form_button.gif) no-repeat 0 0;
float:right;
width:50px;
height:21px;
cursor:pointer;
border:none;
margin:6px 0 0;
}

#header_upper {
	width: 987px;
	float: left;
}
#header_logo {
	width: 222px;
	float: left;
	height: 67px;
	background:url(/images/logo.gif) no-repeat;
	margin-top:20px;
}
#header_lower {
	width: 987px;
	height:350px;
	float: left;
	margin-top:20px;
}
#header_lower_secondary {
	width: 987px;
	height:103px;
	float: left;
}
#header_lower_alt {
	width: 892px;
	float: left;
	padding-left:43px;
}
#header_sub {
	float: right;
	width: 323px;
	margin-top:40px;
}


#header_sub_text {
	float: left;
	padding-left: 30px;
	width: 250px;
	margin-right: 10px;
}
#header_sub_text_secondary {
	float: left;
	width: 259px;
	height:45px;
	margin-top: 25px;
	color: #ffffff;
}
#header_sub_text_secondary1 {
	float: left;
	width: 259px;
	height:45px;
	margin-top: 25px;
	color: #ffffff;
	background:url(/images/sub_text_community.png) no-repeat;
}
#header_sub_text_secondary p {
	width: 250px;
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0px;
}
#header_sub_button {
	float: right;
	padding-top: 20px;
	width:50px;
}
#header_sub_button_alt {
	float: right;
	width:50px;
}
#header_secondary {
	width: 987px;
	height: 220px;
	margin: 0 auto;
}
#header_wrap_secondary {
	background:url(/images/wrap.jpg) top center no-repeat;
}
#header_sub_headline {
	width: 400px;
	height: 170px;
	float:left;
	background:url(/images/sub_headline_text.png) no-repeat;
	margin:100px 0 0 0;
}
#slider1 {
	width: 400px;
	height: 150px;
	background: url(/images/sliderimg.jpg) no-repeat; 
	margin-top:200px;
}
#header_sub_port1 {
	float: right;
	width: 323px;
	margin-top: 0;
	background:url(/images/freedemo.png) no-repeat;
	height:68px;
}

#header_sub a {
	float: right;
	width: 323px;
	margin-top: 0;
	height:68px;
}

#header_sub_port1 span {
	visibility:hidden;
	
}

#header_sub_port2 {
	float: right;
	width: 323px;
	background:url(/images/referfriend.png) no-repeat;
	height:68px;
	margin-top:20px;
	
}

#header_sub_port2 span {
	visibility:hidden;
	
}

#header_sub_port3 {
	float: right;
	width: 323px;
	margin-top: 20px;
	background:url(/images/join.png) no-repeat;
	height:68px;
	
}

#header_sub_port3 span {
	visibility:hidden;
	
}

#header_sub_secondary {
	float: left;
	margin-top:65px;
	width: 250px;
	padding-left:0;
}
#header_sub_secondary_right {
	float: right;
	padding-top: 0px;
	width: 700px;
	margin-top: 80px;
	font-size: 18px;
	color: #ffffff;
	text-align: right;
	padding-right: 15px;
}

#navs {
	float: right;
	background-repeat: no-repeat;
	width: 745px;
	height:30px;
	margin-top:35px;
}
#navs a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	display: block;
	float: left;
	padding: 0 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100px;
	text-align:center;
	background:url(/images/nav_separator.png) no-repeat;
}

#navs a.first {
background:none;
width:70px;
}

#navs a:hover {
	
}
	
#navs_left {
	float: left;
	height: 30px;
	width: 17px;
	background: url(/images/nav_left.png) no-repeat;
}
#navs_right {
	float: left;
	height: 30px;
	width: 21px;
	background: url(/images/nav_right.png) no-repeat;
	margin-left: -1px;
}
#navs_center {
	height: 30px;
	background-image: url(/images/nav_center.png);
	float: left;
	background-repeat: repeat-x;
	margin-right: 0px;
	width:auto;
}
#navs  li {
	display: inline;

}

#navs  ul {
	margin: 0;
	padding-left: 5px;
}

#page {
	width: 987px;
	margin: 0 auto;
	background:url(/images/page_header.gif) center top no-repeat;
}
#page_secondary {
	width: 987px;
	margin: 0 auto;
	background:url(/images/page_bg.gif) repeat-y;
	padding: 10px 0;
	height: 100%;
}
#sub_boxes {
	float: left;
	margin: 0px 0px 20px 0px;
	width:auto;
}
.sub_box {
	width: 250px;
	float: left;
	padding: 10px 0 0 30px;
}
.sub_box_right {
	width: 270px;
	float: left;
	padding: 0 20px 10px 30px;
}
.sub_box_text {
	padding: 0 0 10px 0;
}
.sub_box p {
	line-height:15px;
	font-size:13px;
}
.sub_box h2 {
	font-size:20px;
}
.sub_box_image {
	margin-right: 8px;
	vertical-align: middle;
	float: left;
	width:auto;
}
#secondary {
	background: url(/images/gradient_bg.gif) top center repeat-y #000;

}

#featured_wrap {
	float: left;
	width:auto;
}
#featured {
	width: 815px;
	float: left;
	background-repeat: no-repeat;
	padding: 20px 20px 10px 20px;
	background-image: url(/images/featurebg.jpg);
	height: 248px;
}
#featured_image {
	padding: 5px;
	float: left;
	border: solid 1px #cacaca;
	min-width: 400px;
	min-height: 190px;
	width:auto;
}
#featured_text {
	float: left;
	margin-left: 20px;
	width: 365px;
}
#featured_bottom {
	width: 855px;
	height: 12px;
	margin: 0 auto;
	background-image: url(/images/featurebg_bottom.jpg);
	float: left;
}
#main_content {
	float: left;
	width: 987px;
	background:url(/images/page_bg.gif) repeat-y;
}
#main_content_left {
	width: 620px;
	margin-left:20px;
	float: left;
}

#main_content_left_secondary {
	width: 620px;
	margin-left:20px;
	float: left;
}

#main_content_left_signup {
	width: 800px;
	margin-left:20px;
	float: left;
	
}
#main_content_right {
	width: 323px;
	float: right;
	background:url(/images/main_content_right_bg.gif) no-repeat;
	padding: 15px 10px 10px 0;
}
#main_content_right h2 {
	margin-left:20px;
}
#main_content_right  ul {
	padding: 0px;
	margin: 0px 0px 15px 10px;
}
#main_content_right  li {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom:10px;
	font-weight:normal;
	list-style-type: none;
	background-image: url(/images/check.png);
	background-repeat: no-repeat;
	margin: 0px;
}
#main_content_right  li h2 {
	font-size:13px;
	
}
#logo {
	height: 75px;
	width: 150px;
}
#footer_wrap {
	background: url(/images/footer_bg.jpg) repeat-x;
	height: 61px;
}

#footer {
	width: 960px;
	padding: 25px 0px 0px 0px;
	font-size: 11px;
	color: #FFFFFF;
	height: 36px;
	margin: 0 auto;
}
#footer a {
	color: #FFFFFF;
}
#footer  a:hover  {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer_l  {
	float: left;
	width: 400px;
}
#footer_r  {
	float: right;
	width: 400px;
	text-align: right;
}
.inline_image {
	float: left;
	padding: 5px;
	border: solid 1px #a4a4a4;
	margin: 5px 10px 0px 0px;
	width:auto;
}
#products {
	width: 525px;
}
.product_box {
	float: left;
	width: 525px;
	padding-bottom: 15px;
	margin-top: 15px;
}
.product_box_image {
	float: left;
	padding: 5px;
	border: solid 1px #a4a4a4;
	width:auto;
}
.product_box_description {
	float: left;
	margin-left: 15px;
	width: 320px;
}
.image_wrap {
	float: left;
	margin: 0px 0px 5px 0px;
	width: 180px;
}
.image {
	float: left;
	border: 4px solid #ccc;
	width: 172px;
	height: 120px;
}
.image_caption {
	float: left;
	padding: 3px 0px 3px 0px;
	font-size: 10px;
	color: #424242;
	width: 100%;
	text-align: center;
}

a.button {
	background: url(/images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #FFF;
	text-decoration: none;
	border:1px solid #E6FF00;
	font-size:10px;
	line-height:25px;
}
a.button:hover {
	background: url(/images/button_o.jpg) repeat-x;
	border:1px solid #32312f;
}

.input, textarea {
	background-image:url(/images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #ccc;
	color:#185889;
	font-size:11px;
	margin-right:4px;
	padding:5px;
	margin-top: 3px;
	margin-bottom: 10px;
}
#left_navigation {
	float: right;
	width: 323px;
	margin-right:10px;
	background:url(/images/left_nav_bg.gif) no-repeat;
}
#left_navigation ul {
	margin-left: 0px;
	padding-left: 0px;
	
}
#left_navigation li.active {
	list-style-type: none;
	margin-left: 0px;
	padding: 5px 0px;
	background:url(/images/action_comm.gif) no-repeat;
	height:127px;
	cursor:pointer;
}
#left_navigation li.active:hover {
	list-style-type: none;
	margin-left: 0px;
	padding: 5px 0px;
	background:url(/images/action_comm_hover.gif) no-repeat;
	height:127px;
}
#left_navigation a {
	color: #E6FF005;
	font-weight: bold;
	padding: 8px 0px 8px 10px;
}
#left_navigation_contact {
	float: right;
	width: 184px;
	margin-right: 35px;
}
#left_navigation_contact a {
	color: #175386;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
}
#left_navigation h2 {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	padding-left: 34px;
	margin: 0px;
	width: 140px;
	line-height: 12px;
}
#left_navigation li:hover    {
	list-style-type: none;
	margin-left: 0px;
	padding: 5px 0px;
	display:block;
}
#left_navigation_blog {
	float: right;
	width: 184px;
	margin-right: 35px;
}
#left_navigation_blog ul {
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
}
#left_navigation_blog li {
	list-style-type: none;
	padding-left: 0px;
}

.active    {
	list-style-type: none;
	margin-left: 0px;
	padding: 5px 0px;
	background:url(/images/action_comm.gif) no-repeat;
	display:block;
}
.page_column {
	float: left;
	width: 250px;
	margin-right: 20px;
	padding: 5px 15px 15px 15px;
	margin-top: 15px;
}
.page_column  .img  {
	float: left;
	margin-right: 20px;
	width:auto;
}

.page_column p {
	text-align: justify;
}

.page_column h4 {
	font-size: 14px;
	color: #1A5A8A;
	font-weight: bold;
	padding: 5px 5px 5px 0px;
	margin: 0px 0px 5px 0px;
}
.page_column h5 {
	font-size: 14px;
	color: #E6FF00;
	font-weight: bold;
	padding: 5px 5px 5px 40px;
	margin: 0px 0px 0px 60px;
}
.button {
	background: url(/images/buttonBlank.gif) repeat-x;
	padding:5px;
	color: #FFFFFF;
	text-decoration: none;
	border:none;
	font-size:12px;
	font-weight:bold;
	height:25px;
	width:90px;
}
.buttonLong {
	background: url(/images/buttonBlankLong.gif) repeat-x;
	padding:5px;
	color: #FFFFFF;
	text-decoration: none;
	border:none;
	font-size:12px;
	font-weight:bold;
	height:25px;
	width:144px;
}
.portfolio_featured_cell {
	width: 720px;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 15px;
	background-image: url(/images/featured_project.jpg);
	background-repeat: no-repeat;
}
.portfolio_featured_image {
	float:left;
	margin: 35px 20px 0px 20px;
	width:auto;
}
.portfolio_featured_description {
	float:left;
	margin-bottom: 0px;
	width: 380px;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
}
.portfolio_featured_bottom {
	float:left;
	width: 720px;
	height: 19px;
}
.portfolio_cell {
	width: 720px;
	float: left;
	padding-bottom: 15px;
	margin:15px 0px;
	border-bottom: dotted 1px #ccc;
}
.portfolio_image {
	float:right;
	margin: 0px 0px 0px 20px;
	width:auto;
}
.portfolio_description {
	float:left;
	margin-bottom: 0px;
	width: 440px;
	margin: 0px 0px 0px 0px;
}

.image_portfolio_small {
	border: solid 8px #ccc;
}
.comment {
	color:#5D5D5D;
	display:block;
	font-family:Georgia;
	font-size:13px;
	height:26px;
	padding-top:4px;
	text-align:center;
	text-decoration:none;
	width:31px;
	background-image: url(/images/comment.gif);
	float: left;
	top: 238px;
	left: 1023px;
	margin-right: 10px;
}
.post_details {
	background-color:#F7F7F7;
	font-size:10px;
	margin:5px 0;
	padding-left:5px;
}
.post_title {
	font-size: 24px;
	color: #0C356A;
	margin: 0px 0px 15px 0px;
}
.blog_post {
	border-bottom: dotted 1px #ccc;
	padding: 15px 0px;
}
		
.slider-wrap {
float: left;
width:auto;
}

.slider {
	width: 300px;
	padding: 0 0 0 0;
	overflow: hidden;
	height: 255px;
}
#mySlides {
}
.slider_nav {
	width: 400px;
	float: left;
	margin-top: 18px;
}
.slider_nav_long {
	width: 400px;
	float: right;
	margin-top: 18px;
}
.slider_nav_left {
	float: left;
	margin-top: 8px;
	width:auto;
}
.slider_nav_right {
	float: right;
	padding-right: 20px;
	width:auto;
}

#myController span{
	background:#E6FF00;
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	border: solid 1px #ccc;
	color: #104E82;
}

#jFlowSlide{

}

#myController span.jFlowSelected {
	background:#003EC4;
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	border: solid 1px #ccc;
	color: #eaeaea;
}

.jFlowPrev, .jFlowNext{
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	color: #104E82;
}
#slide1 {
	background-image: url(/images/slide2.jpg);
	width: 892px;
	height: 261px;
}
#slide2 {
	background-image: url(/images/slide1.jpg);
	width: 892px;
	height: 261px;
}
#slide3 {
	background-image: url(/images/slide3.jpg);
	width: 892px;
	height: 261px;
}
.slide_headline_wrap {
	float: left;
	width: 345px;
}
.slide_headline_wrap_right {
	float: right;
	width: 345px;
}
.slide_headline {
	float: left;
	width: 300px;
	padding: 30px 0px 0px 30px;
	color: #ffffff;
}
.slide_subheadline {
	float: left;
	width: 330px;
	margin-top: 15px;
	color: #ffffff;
}
.slide_subheadline_text {
	float: left;
	padding-left: 30px;
	width: 240px;
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 14px;
}
.slide_headline h1 {
	margin: 0px 0px 10px 0px;
	color: #ffffff;
	font-size: 34px;
}
.slide_headline h2 {
	margin: 0px 0px 10px 0px;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}
.slide_button {
	float: left;
	width:auto;
}

.content_row {
	float:left;
	margin-top : 20px;
	width: 100%;
	height: 100%;
}

.content_row ul {
	height:180px;
	margin-top:20px;
}
#content_row_left1 {
	float: left;
	width: 291px;
	height:284px;
	background:url(/images/feat_bg.jpg) no-repeat;
}

#content_row_right1 {
	float: right;
	width: 291px;
	height:284px;
	background:url(/images/feat_bg.jpg) no-repeat;
	padding-right:20px;
}
#content_row_left2 {
	float: left;
	width: 291px;
	height:284px;
	background:url(/images/feat_bg.jpg) no-repeat;
}

#content_row_right2 {
	float: right;
	width: 291px;
	height:284px;
	background:url(/images/feat_bg.jpg) no-repeat;
	padding-right:20px;
}

.content_row_link {
	margin-left:70px;
}

.content_row_bottom {

	
}


.content_row h1 {
	padding: 10px 0 0 20px;
}

.page_column_header {
	clear:left;
}

.page_column_left {
	float:left;
	margin: 0px;
}

.page_column_right {
	margin-left: 100px;
}
.uSearchDiv
{
position:absolute;
}
.uSearchSubDiv
{
	background:url(/images/sub_port3.gif) no-repeat;
	font-weight: bold;
	height: 100px;
	width:275px;
}
label
{
	cursor:pointer;
}


.warning {
	background: url(/images/warning_bg.gif) top repeat-x #DE2D00;
	border:1px solid #BF1F00;
	color:#FFF;
	font-size:13px;
	padding:10px;
	font-weight:bold;
}

.warning p {
	background:url(/images/icon-error.gif) left no-repeat;
	padding-left:25px;
	
}

/* content CONFIRMATION */
	
.confirmation {
	background: url(/images/confirmation_bg.gif) top repeat-x #DE2D00;
	border:1px solid #008D0C;
	color:#FFF;
	font-size:13px;
	padding:10px;
	font-weight:bold;
}

.confirmation p {
	background:url(/images/icon-confirm.gif) left no-repeat;
	padding-left:25px;
	
}
.helpDivs
{
position:relative; 
display:none;
border:1px Solid #808080;
background-color:#FFF266;
font-family:verdana;
font-size:12px;
padding:5px;
color:#000;
}
.required
{
	color:red;
	font-weight:bold;
	font-size:16px;
	vertical-align:middle;
}
/* roles form */
	table.table-long_roles {
		width:90%; 
		margin:0px auto;
		border:1px solid #dfdfdf; 
		background-color:#fff;
		}
	table.table-long_roles td {
		font-size:12px; 	
		padding:10px 10px 10px 10px; 
		margin:0; 
		color:#404040;
		background-color:#fff;
		vertical-align:top;
		border-bottom:1px solid silver;
		text-align:left;
		}
		
	table.table-long_roles thead td {
		font-weight:bold;
		font-size:13px;
		background: url(/images/gray_table_bg_wide.gif) repeat-x;
		color:#333;
		background-color:#fff;
		padding:10px 10px 10px 10px; 
		}
	table.table-long_roles tfoot td {
		font-weight:bold;
		font-size:13px;
		background: url(/images/gray_table_bg.gif) repeat-x;
		color:#333;
		background-color:#fff;
		padding:5px 5px 5px 5px; 
		text-align:right;
		}
	table.table-long_roles thead td, table.table-long_roles tfoot td {border:none;}
	table.table-long_roles td:first-child_sch {text-align:left; padding:0 0 0 10px;}
	table.table-long_roles tfoot {border-top:1px solid #ccc;}
	
	table.table-long_roles tr.odd {background:#D0DCFA;	}
	
	/** MEMBERS LINKS **/
	ul#members-links {
		width:100%;
		padding-top:20px;
		}
	ul#members-links li {
		float:left;
		padding:5px;
		}
ul#members-links li a {
		width:75px;
		height:100px;
		text-align:center; 
		margin:0 3px 5px 0; 
		font-size:0.9em; 
		border:1px solid #ccc; 
		display:block; 
		padding:5px 0; 
		text-decoration:none;
	color:#444; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	}
	ul#members-links li input
	{
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	cursor:pointer;
	}
	
	ul#members-links li img {margin-bottom:3px;}
	ul#members-links li a:hover {color:#000; border-color:#999; background:#f3f6f7}
	