@charset "utf-8";
/* CSS Document */

#wrapper {
	margin: 0px auto;
	width: 960px;
}
#header {
	float: left;
	width: 960px;
	padding-top: 9px;
}
body {
	background-image: url(../websiteimages/site_background.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FAFAFA;
}
#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	float: left;
	width: 960px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	font-weight: lighter;
	text-align: center;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	float: left;
	width: 960px;
	padding-top: 15px;
	padding-bottom: 5px;
}
a.nav:link {
	color: #666;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}
a.nav:visited {
	text-decoration: none;
	color: #666;
	padding-left: 10px;
	padding-right: 10px;
}
a.nav:hover {
	text-decoration: none;
	color: #41A83B;
	padding-left: 10px;
	padding-right: 10px;
}
a.nav:active {
	text-decoration: none;
	color: #41A83B;
	padding-left: 10px;
	padding-right: 10px;
}
a.navdown:link {
	color: #666;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
a.navdown:visited {
	text-decoration: none;
	color: #666;
	padding-left: 5px;
	padding-right: 5px;
}
a.navdown:hover {
	text-decoration: none;
	color: #41A83B;
	padding-left: 5px;
	padding-right: 5px;
}
a.navdown:active {
	text-decoration: none;
	color: #41A83B;
	padding-left: 5px;
	padding-right: 5px;
}
#main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	float: left;
	width: 960px;
	padding-top: 10px;
	line-height: 17px;
}
#spinit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	text-align: right;
	float: left;
	width: 960px;
	padding-bottom: 15px;
}
a:link {
	color: #41A83B;
}
a:visited {
	color: #41A83B;
}
a:hover {
	color: #666;
}
a:active {
	color: #666;
}
h1,h2,h3,h4,h5,h6 {
	font-style: italic;
}
h1 {
	font-size: 20px;
	color: #41A83B;
	font-weight: lighter;
}
h2 {
	font-size: 18px;
	color: #41A83B;
	font-weight: lighter;
}


/* Misc Styles */
.rightBox{
	border: 1px solid #CCCCCC;
    box-shadow: 5px 5px 5px #EDEDED;
    float: right;
    padding: 5px;
    width: 350px;
	margin:0px 0px 20px 20px;	
}
.rightBox ul{
	
}

.hrDiv{
	border-bottom:1px dashed #ccc;
	height:15px;	
}
.col1,.col2 {
	float:left;
	width:48%;
}
.col2{
	background:url(../websiteimages/products/nusourcefinanciallogo.jpg) no-repeat scroll 100px 0 transparent;	
}
#address{
	border: 1px solid #CCCCCC;
    box-shadow: 5px 5px 5px #EDEDED;
    margin: 180px 0;
    padding: 25px 0 25px 25px;
    width: 350px;	
}

/* FORMS */
label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
	text-align: right; font-size: 14px; color: #666666; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

form span {/*error messages*/
	clear: left; margin: 0px 20px 0px 115px; width: 95px;
	text-align: right; font-size: 14px; color: #666666; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

input {
	width: 260px; height: 25px; padding: 5px 20px 2px 20px; margin: none; 
	background: #5E768D;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(20%,#666666)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 12px; color: #f2f2f2; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71; 
}
	input::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	input:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}

textarea {
	width: 260px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #5E768D;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(20%,#666666)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 12px; color: #f2f2f2; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71; 
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}
	
input:focus, textarea:focus {
	background: #728eaa;
	background: -moz-linear-gradient(top, #666666 0%, #888888 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(20%,#888888)); /* webkit */
}

input[type=submit] {
	width: 185px; height: 52px; float: right; padding: 10px 15px; margin: 0 35px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#666666)); /* webkit */
	cursor: pointer;
}
fieldset{
	border:none;
	margin-top:20px;	
}