html { 
	min-height: 100%; margin-bottom: 1px; 
}

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	padding:30px 0;
}

#super_header{
	width:780px;
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	padding:0 20px 5px 0;
	text-align:right;
	overflow:hidden;
}

#main_wrapper {
	width:800px; 
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	overflow:hidden;
	border:2px solid #CCCCCC;
}


#header {
	height:70px;
}

#header_left {
	width:440px;
	height:50px;
	float:left;
}

#header_center {
	width:100px;
	float:left;
	padding-left:30px;
}

#header_right {
	width:190px;
	padding:4px 20px 0 0;
	text-align:right;
	float:left;
}

#navigation {
	height:32px;
	width:800px;
	overflow:hidden;
}

#content{
	width:800px;
}



#content_main_features{
	width:760px;
	background: url(../images/main_background.gif) repeat-x;
	padding:0 20px;
	overflow:hidden;
}

#main_features_left{
	padding-top:50px;
	width:250px;
	float:left;
	overflow:hidden;
}

#main_features_right{
	margin-top:18px;
	height:220px;
	width:510px;
	float:left;
	overflow:hidden;
	background: url(../images/shared.gif);
	background-repeat:no-repeat;

}


#content_main{
	width:510px;
	padding: 20px 20px 10px 20px;
	float:left;
	overflow:hidden;
}

#content_main1{
	width:798px;
	padding: 0px 1px;
	float:left;
	overflow:hidden;
}

#content_main2{
	width:760px;
	padding: 0px 20px 10px 20px;
	float:left;
	overflow:hidden;
}

#content_mainimage{
	padding-left:105px;
}



#content_mainimage1{
}

#content_separator{
	width:510px;
	height:3px;
}

#content_header {
	padding-top:0px;
}

#content_header2 {
	padding-top:20px;
}

#content_body {
	padding:2px;
}
 
#content_footer {
	padding:7px 0 0 7px;
}

#content_footer2 {
	width:800px;
	padding:10px 0;
	clear:both;
}

#sidebar{
	width:210px;
	padding: 20px 20px 0 20px;
	float:left;
}

#support_indicator{
	float:left;
}

#support_indicator1{
	float:left;
	padding-top:20px;
}

#sidebar_separator, #sidebar_separator2{
	width:210px;
	height:3px;
}

#sidebar_header, #sidebar_header2 {
	padding-top:0px;
}


#login{
	padding-top:3px;
	width:210px;
	text-align:center;
	float:left;
}

#login_form {
	width:210px;
	float:left;
	overflow:hidden;
}
	
form {
	width:220px;
	margin: 2px 0 0 0;
}

.form_left{
	width:70px;
	float:left;
	text-align:right;
	overflow:hidden;
	clear:both;
}

.form_right{
	width:140px;
	float:left;
	margin-right:5px;
	overflow:hidden;
}

.forgot_pass{
	width:135px;
	float:left;
	font-size:12px;
	padding-left:5px;
	clear:both;
}

.input_right, .btn_login{
	float:right;
	margin-right:10px;
}

.btn_login{
	padding-top:2px;
}

#login_box {width:220px;
	float:left;
	overflow:hidden;
}
	
.form_label{
	font-size:14px;
	color:#FFFFFF;
	padding-right:5px;
}

.form_input {
	width:140px;
	background-color:#F6F7F7;
	color:#000000;
	font-weight:bold;
	border:0;
	float:left;
}
	
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */

	}
#footer_left{
	width:380px;
	padding:0 0 5px 20px;
	float:left;
}

#footer_right{
	width:380px;
	padding:0 20px 5px 0;
	line-height:14px;
	text-align:right;
	float:right;
}

#header,#header_left,#header_right,#navigation,#content,#footer {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}





/* CLASSES */
.text_align_left {text-align:left; padding-left:5px;}
.text_align_center {text-align:center;}
.text_align_right {text-align:right;}
.align_logo{padding: 22px 0 0 20px;}
.align_technologies {padding:0 0 0 0;}
.order_alignment {padding-top:10px;}
.width_23percent {width:23%;}
.width_22percent {width:22%;}