/*Zero off all the elements*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, iframe {
    margin: 0;
    padding: 0;
    border: 0;
	outline: 0;
}

body{
	font-family:lucida grande, trebuchet, verdana, sans-serif;
	font-size:12px;
	color:#102649;
}


#core{
	width:960px;
	margin:0 auto;
}


/* ======== Text ======== */
a{
	color:#33AA44;
}

a:hover{
	color:#00AAFF;
}

h1{
	font-size:28px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}

h3{
	font-size:14px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

p{
	margin-top:10px;
}

/* ====== Header ======= */

#header_container{
	background:#102649;
}

#header{
	width:960px;
	margin:0 auto;
}

#logo{
	float:left;
	margin:20px 0 ;
}

#utilityNav{
	float:left;
}

ul#utilityNav {
    float: right;
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none;
}

ul#utilityNav li {
    float: left;
    margin: 0 0 0 3px;
    padding: 0 8px;
    border-left: 1px solid #00A9FF;
    font-size: 11px;
    color: #FFFFFF;
}

ul#utilityNav li.first {
    border: none;
}

ul#utilityNav li a {
    color: #FFFFFF;
}

ul#utilityNav li a:hover {
    color: #00A9FF;
}

/* ====== Login ======= */
#login_form{
	float:right;
}

#login_form .fieldGroup{
	float:left;
	margin:10px 10px 10px 0;
}

#login_form .fieldGroup label{
	font-weight:bold;
	color:#FFFFFF;	
	font-size:11px;
	display:block;
}

#login_form .fieldGroup input{
	display:block;
}

#login_form button.login{
	float:left;
	display:block;
	margin-top:25px;
	width:69px;
	height:20px;
	border:none;
    background: url('/images/btn_login.jpg') no-repeat;
	text-indent:-5000px;
	
}

#remember_me{
	color:#FFFFFF;
	float:left;
}
#forgot{
	color:#FFFFFF;
	float:left;
	margin:0 0 0 10px;
	line-height:1.2em;
}

#login_options{
	clear:both;
	font-size:11px;
}

.errorMessage{
	clear:both;
	color:#FFFFFF;
	margin:10px 0;
}



/* ====== Login Homepage ======= */
#intro_container{
	margin-top:20px;
	padding-top:20px;
	background:url('/images/bg_login.jpg') repeat-x top;
}
#twitter_screens{
	float:left;
	margin-left:20px;
}

#login_welcome{
	float:left;
	width:460px;
	margin:0 0 0 20px;
	line-height:1.4em;
}

.request_demo{
	display:block;
	width:191px;
	height:37px;
    background: url('/images/btn_request_demo.jpg') no-repeat;
	text-indent:-5000px;
	margin:40px auto;
}

#our_brands{
	margin:20px 0;
	clear:both;
}


/*======== Forgot Password ========*/

#forgot_password{
	margin-top:10px;
}
#forgot_password label{
	display:block;	
	font-weight:bold;
}

#forgot_password input{	
	padding:3px;
	border:1px solid #ccc;	
}

#forgot_password .fieldGroup{
	float:left;
	width:160px;
}

#forgot_password .fieldGroupJoiner{
	float:left;
	text-align:center;
	width:100px;
}

#forgot_password .submitRow{
	clear:both;
	margin:10px 0;
}
/* ======= Footer ======= */
#footer_container{
	background:#102649;
}

#footer{
	width:960px;
	margin:0 auto;
	color:#FFFFFF;
	padding:20px 0;
	font-size:11px;
}

#footer p{
	margin:0;
}

/* ======= Utility ======= */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}