/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: January 2, 2009         */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}


html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: url(../images/main/body_bg_sub.gif) 0px 0px repeat-x #fff;
}

.clear {
	clear:both;
}

a:link {color: #a12648; text-decoration: none;}
a:visited {color: #a12648; text-decoration: none;}
a:hover {text-decoration: none; color: #a12648;}
a:active {text-decoration: none;}

img {
	border: 0;
}

.bold {
	font-weight: bold;
}

/*==================================*/
/*------------- HEADER -------------*/
/*==================================*/
#headerHome {
	width: 900px;
	height: 387px;
	position: relative;
	margin: 0 auto;
}

#header {
	width: 900px;
	height: 180px;
	position: relative;
	margin: 0 auto;
}



#logo {
	width: 270px;
	height: 100px; 
	position: absolute;
	left: 0px;
	top: 0px;
}

#logo a {
	background: url(../images/main/logo_header.gif) 0px 34px no-repeat;
	width: 270px;
	height: 100px; 
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

#signup {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100px;
	width: 238px;
	background: url(../images/main/signup_bg.gif) 0px 0px no-repeat;

}

#signup label {
	position: absolute;
	color: #717173;
	text-transform:uppercase;
	font-size: .7em;
	top: 8px;
	left: 12px;
}

#signup input {
	position: absolute;
	border: 1px solid #a1a1a5;
	background-color: #fff;
	width: 138px;
	height: 17px;
	padding: 3px 3px;
	bottom: 52px;
	left: 12px;
	color: #b2b1b1;
}

#signup button {
	width: 65px;
	height: 23px;
	background: url(../images/main/signup_but.gif) 0px 0px no-repeat;
	text-indent: -9999em;
	overflow: hidden;
	border: none;
	cursor: pointer;
	position: absolute;
	bottom: 53px;
	right: 12px;
}

#signup button:hover {
	background: url(../images/main/signup_but.gif) 0px -23px no-repeat;
}

#flasharea {
	width: 900px;
	height: 252px;
	position: absolute;
	top: 135px;
	left: 0px;
}

#signup div.error {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 1px solid #FF0000;
	font-size: .7em;
	padding: 2px;
	color: #ff0000;
}

/*==================================*/
/*------------ NAVIGATION ----------*/
/*==================================*/

ul#mainnav {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 900px;
	height: 35px;
	list-style: none;
}

ul#mainnav li {
	padding: 0px;
	margin: 0px;
	position: absolute;
	height: 35px;
}

#home {left: 0px; top: 0px; width: 112px;}
#aboutus {left: 112px; top: 0px; width: 112px;}
#articles {left: 224px; top: 0px; width: 112px;}
#faqs {left: 336px; top: 0px; width: 112px;}
#implementations {left: 448px; top: 0px; width: 116px;}
#dashboard {left: 336px; top: 0px; width: 112px;}
#contactus {left: 448px; top: 0px; width: 112px;}
#blog {left: 560px; top: 0px; width: 112px;}

/* restore the following for full navigation

#dashboard {left: 564px; top: 0px; width: 112px;}
#contactus {left: 676px; top: 0px; width: 112px;}
#blog {left: 788px; top: 0px; width: 112px;}
*/


ul#mainnav li a {display: block; height: 35px; overflow:hidden; text-indent: -9999em;}

#home a{width: 112px; background: url(../images/main/mainnav_bg.gif) 0px 0px no-repeat;}
#aboutus a{width: 112px; background: url(../images/main/mainnav_bg.gif) -112px 0px no-repeat;}
#articles a{width: 112px; background: url(../images/main/mainnav_bg.gif) -224px 0px no-repeat;}
#faqs a{width: 112px; background: url(../images/main/mainnav_bg.gif) -336px 0px no-repeat;}
#implementations a{width: 116px; background: url(../images/main/mainnav_bg.gif) -448px 0px no-repeat;}
#dashboard a{width: 112px; background: url(../images/main/mainnav_bg.gif) -564px 0px no-repeat;}
#contactus a{width: 112px; background: url(../images/main/mainnav_bg.gif) -676px 0px no-repeat;}
#blog a{width: 112px; background: url(../images/main/mainnav_bg.gif) -788px 0px no-repeat;}

#home a:hover, #home.active a{width: 112px; background: url(../images/main/mainnav_bg.gif) 0px -35px no-repeat;}
#aboutus a:hover, #aboutus.active a{width: 112px; background: url(../images/main/mainnav_bg.gif) -112px -35px no-repeat;}
#articles a:hover, #articles.active a{width: 112px; background: url(../images/main/mainnav_bg.gif) -224px -35px no-repeat;}
#faqs a:hover, #faqs.active a{width: 112px; background: url(../images/main/mainnav_bg.gif) -336px -35px no-repeat;}
#implementations a:hover, #implementations.active a{width: 116px; background: url(../images/main/mainnav_bg.gif) -448px -35px no-repeat;}
#dashboard a:hover, #dashboard.active a{width: 112px; background: url(../images/main/mainnav_bg.gif) -564px -35px no-repeat;}
#contactus a:hover, #contactus.active a{width: 112px; background: url(../images/main/mainnav_bg.gif) -676px -35px no-repeat;}
#blog a:hover, #blog.active a{width: 112px; background: url(../images/main/mainnav_bg.gif) -788px -35px no-repeat;}

/*==================================*/
/*----------- CONTENT AREA ---------*/
/*==================================*/

#content_wrapper {
	background: url(../images/main/content_wrapper_bg.gif) 0px 0px repeat-x #f9f9f9;
	width: 100%;
}

#content {
	background: url(../images/main/content_wrapper_bg.gif) 0px 0px repeat-x #f9f9f9;
	width: 900px;
	margin: 0 auto;
	font-size: .75em;
	color: #87878a;
	padding: 15px 0 0 0;
	line-height: 150%;
}
#content ul {
	list-style: bullet;
	padding: 2px 10px 15px 10px;
}

#content li {
	margin-left: 15px;
}

#content h1 {
	font-size: 26px;
	font-weight: bold;
	color: #717173;
	line-height: 1.2;
	padding-bottom: 7px;
}

#content h2 {
	font-size: 20px;
	font-weight: bold;
	color: #717173;
	line-height: 1.3;
	padding-bottom: 8px;
}

#content h3 {
	font-size: 14px;
	font-weight: bold;
	color: #b20838;
}

#content p {
	padding: 0 0 15px 0;
}

#content a:hover {
	text-decoration: underline;
}

#col1 {
	width: 350px;
	float: left;
	padding: 0 20px 0 0;
}

#col1 h1.whatwedo {
	background: url(../images/home/header_whatwedo.png) 0px 0px no-repeat;
	width: 204px;
	height: 49px;
	text-indent: -9999em;
	overflow: hidden;
}

#col2 h1.latestnews {
	background: url(../images/home/header_latestnews.gif) 0px 0px no-repeat;
	width: 204px;
	height: 49px;
	text-indent: -9999em;
	overflow: hidden;
}

#col2 h1.articles {
	background: url(../images/home/header_latestArticles.png) 0px 0px no-repeat;
	width: 204px;
	height: 49px;
	text-indent: -9999em;
	overflow: hidden;
}

#col2 {
	width: 370px;
	float: left;
	padding: 0 0 0 20px;
}

ul#col2 {
	list-style: none;
}

ul#col2 li {
	border: 1px solid #e0e0e1;
	border-width: 0 0 1px 0;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

ul#col2 li.last {
	border: none;
	padding: 0;
}

#col2 .title {
	font-weight: bold;
}

#col2 .readmore {
	font-weight: bold;
	font-size: .9em;
}

#col2 p.description {
	padding: 0 0 5px 0;
}

#col3 {
	width: 122px;
	float: right;
}

#col3 img {
	width: 120px;
	height: 240px;
	border: 1px solid #cfcece;
}

#colSub {
	width: 720px;
	float: left;
	padding: 0 20px 0 0;
}
/*==================================*/
/*--------- FORM ELEMENTS ----------*/
/*==================================*/

#content form ul li {
	background: none;
	margin: 0;
	padding: 0 0 7px 0;
}

#content form ul {
	list-style: none;
}

#content form p{
	padding: 5px 0 5px 0;
}

#content form fieldset legend{
	color: #004375;
	text-transform: uppercase;
	font-weight:normal;
	padding: 5px 15px 5px 15px;
	margin: 0;
}

#content form fieldset{
	border: none;
	padding: 0 0 10px 0;
	margin: 0;
	width: 456px;
	position: relative;
}

#content form select {
	width: 250px;
}

#content form textarea{
	padding: 0;
	margin: 0;
}

#content form button {
	margin: 0;
	padding: 0px;
	width: 123px;
	height: 53px;
	border: none;
	background: url(/contact-us/images/btn_submit.png) 0px 0px no-repeat;
	cursor: pointer;
	overflow hidden;
	display: block;
	text-indent: -9999em;
}

#content form button:hover{
	background: url(/contact-us/images/btn_submit.png) 0px -1px no-repeat;
}

optgroup {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #003261;
	text-indent:5px;
}

option{
	text-indent:5px;
}

optgroup option{
	text-transform: none;
	color: #000;
	text-indent:15px;
}

/*label {
	font-weight: normal;
	margin: 6px 0 0 0;
}*/

label.error {
	padding: 4px 10px 4px 10px;
	color: #ba300d;
	font-weight: bold;
	font-size: .8em;
	background-color: #fff;
	border: 1px solid #ba300d;
	margin: 0 0 0 5px;
}

.hidden {
	display: none;
}

input[type="text"], input[type="password"] {
	border: 1px solid #c4c4c4;
	padding: 4px 0 4px 0;
	background-color: #fff;
	vertical-align: middle;
}

input[type="text"]:focus, input[type="password"]:focus {
	background-color: #fbfbfb;
}

textarea {
	border: 1px solid #c4c4c4;
	padding: 4px 0 4px 0;
	background-color: #fff;
}

textarea:focus {
	background-color: #fbfbfb;
}

.smallprint {
	font-size:.9em;
	font-style:italic;
}

.required {
	color: #ba300d;
}

.formcolumn1 {
	float: left;
	width: 47%;
	padding: 0 0 0 3%;
}

.formcolumn2 {
	float: left;
	width: 50%;
}

form td {
	padding: 4px 4px 4px 0;
}

/*==================================*/
/*------------- FOOTER -------------*/
/*==================================*/

#footer_wrapper {
	background: url(../images/main/footer_bg.gif) 0px 0px repeat-x;
	width: 100%;
}

#footer {
	background: url(../images/main/footer_bg.gif) 0px 0px repeat-x;
	width: 900px;
	margin: 0 auto;
	padding: 23px 0 0 0;
	font-size: .75em;
	color: #a1a1a5;
	text-align: center;
}

#footer ul {
	list-style: none;
	width: 900px;
	text-align: center;
	height: 40px;
	color: #87878a;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color: #87878a;
	padding: 0 8px 0 8px;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer p {
	font-size: .85em;
	line-height: 130%;
	padding: 10px 0 15px 0;
}