/* Global Elements */
* {	
	margin				: 0px; 
	padding				: 0px; 
}

html {
	height 				: 100%;
}

body {
	height 				: 100%;
	background-image	: url(../imgs/bg-main.jpg);
	background-position	: left top;
	background-repeat 	: repeat;
	
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #555A6F;
	text-decoration 	: none;
}
body a{
	color				: #555A6F;
	text-decoration 	: underline;
}
body a:hover{
	color				: #555A6F;
	text-decoration 	: none;
}

img{
	border 				: 0px;
	margin				: 0px 0px 0px 0px;
}

.outerContainer{
	display 			: table;
	margin				: 0px AUTO 0px AUTO;
	width 				: 775px;
	background-color	: #FFF;
	border-left			: solid 1px #959BAC;
	border-right		: solid 1px #959BAC;
}
.innerContainer{
	height 				: 100%;
	background-color	: #FFF;
	border-left			: solid 5px #FFF;
	border-right		: solid 5px #FFF;
}

/* BANNER */
.bnr{
	float				: left;
	width				: 200px;
	height 				: 100%;
	background-image	: url(../imgs/bg-bnr.jpg);
	background-position	: left top;
	background-repeat 	: repeat;
}
.logo{
	float				: left;
	width				: 53px;
	height 				: 309px;
	background-image	: url(../imgs/logo.gif);
	background-position	: left top;
	background-repeat 	: no-repeat;
	margin				: 30px 20px 0px 60px;
}

/* NAVIGATION */
.primaryNav{
	float 				: right;
	margin				: 30px 0px 0px 0px;
	width 				: 30px;
}
.primaryNav img{
	margin				: 0px 0px 0px 0px;
}

/* CONTENT */
.content{
	float				: left;
	display 			: inline-block;
	width 				: 510px;
	margin				: 30px 0px 30px 30px;
}

h1{
	background-image	: url(../imgs/gfx-main-header.jpg);
	background-position	: left top;
	background-repeat 	: no-repeat;
	
	margin				: 0px 0px 10px 0px;
	padding				: 0px 0px 0px 25px;
	height				: 50px;
	
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 20px;
	font-weight			: lighter;
	color				: #C4C7D0;
	text-decoration		: none;
}

/* FOOTER */
.ftr{
	float 				: left;
	background-image	: url(../imgs/gfx-main-header.jpg);
	background-position	: left top;
	background-repeat 	: no-repeat;
	
	margin				: 50px 0px 10px 0px;
	padding				: 0px 0px 0px 25px;
	height				: 50px;
	
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #555A6F;
	text-decoration		: none;
}
.ftr a{
	color				: #555A6F;
	text-decoration		: underline;
}
.ftr a:hover{
	color				: #555A6F;
	text-decoration		: none;
}

.top{
	float 				: right;
	background-image	: url(../imgs/gfx-top.jpg);
	background-position	: left top;
	background-repeat 	: no-repeat;
	
	margin				: 50px 0px 10px 0px;
	padding				: 0px 0px 0px 25px;
	height				: 50px;
	
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #555A6F;
	text-decoration		: none;
}
.top a{
	color				: #555A6F;
	text-decoration		: none;
}
.top a:hover{
	color				: #C4C7D0;
	text-decoration		: none;
}

/* FORM */
form{
	display   			: inline;
}
fieldset{
	padding 			: 10px;
	border-width 		: 0px;
}
input, textarea, select{
	float 				: left;
	width 				: 350px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #555A6F;
	text-decoration		: none;
	border 				: solid 1px #C4C7D0;
}
label{
	float 				: left;
	width 				: 100px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	font-weight			: bold;
	color				: #555A6F;
	text-decoration		: none;
}
.formActionPanel{
	padding 			: 0px 0px 0px 100px;
}
.formActionPanel input{
	width 				: 100px;
	height 				: 30px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #555A6F;
	text-decoration		: none;
	border-width 		: 0px;
	background-color	: #555A6F;
	background-image	: url(../imgs/gfx-img-bg.jpg);
	background-repeat	: repeat;
	background-position	: left top;
}