/*----------------------------------------------------------------
//
//	First Sterling Financial, Inc
//
//	by MSM DesignZ - http://www.msmdesignz.com
//
//  Copyright 2008 MSM DesignZ This code cannot be redistributed without
//  permission from http://www.msmdesignz.com
//
//	Date: 17/4/08
//
// -------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------*/

* {
	margin: 0 ;
	padding: 0;
}

body {
	font: 62.5%/1.8em Arial, Helvetica, Geneva, sans-serif;
	background: #8D8B8C;
	color: #333333;
}

#wrapper {
	width: 880px;
	margin: 0px auto;
	padding:  5px 0px 0px 5px;
	background: white;
}

a {
	text-decoration: none;
}

li {
	list-style-type: none;
}

/*-----------------------------------------------------
//	Content
// ---------------------------------------------------------- */

#contentContainer {
	width: 880px;
	background: url(../images/overflow-bg.jpg) center repeat-y;
}

#contentContainer, #mainNav, #banner, #content, #homeImage, #column1, #column2, #gallery {
	float: left;
}

#content {
	padding: 0px 0px 0px 5px;
	font-size: 1.2em;
}

#content, #banner {
	width: 715px;
}

/*--------------------------------------------------------------
//	Banner
// ---------------------------------------------------------- */

#banner {
	height: 135px;
	padding: 0px 0px 5px 0px;
	border-bottom: 5px solid #587390;
}

/*--------------------------------------------------------------
//	Main Nav
// ---------------------------------------------------------- */

#mainNav {
	background: url(../images/menu-bg.jpg) no-repeat #1E2F3F;
	padding: 190px 0px 0px 0px;
	width: 160px;
	font-size: 1.2em;
	min-height: 430px;
	height:auto;
}

/* for Internet Explorer */

* html #mainNav  {
	height: 430px;
}

.link1 {
	padding: 6px 0px 1px 5px;
	height: 20px;
}

.link2 {
	padding: 7px 0px 1px 5px;
	height: 20px;
}

.link3 {
	border-bottom: 1px solid white;
}

#mainNav ul li {
	position: relative;
	float: left;
	display: block;
	width: 150px;
}

#mainNav ul li ul li {
	padding: 0px;
	width: 180px;
}
	
/*Sub level menu items */
#mainNav ul li ul{
	position: absolute;/*sub menu width*/
	top: 0;
	padding: 0px;
	visibility: hidden;
	background: #56748E;
	border: 1px solid white;
}

/* Sub level menu links style */
#mainNav ul li ul li a:link, #mainNav ul li ul li a:active, #mainNav ul li ul li a:visited {
	display: block;
	color: white;
	overflow: auto; /*force hasLayout in IE7 */
	padding: 4px;
}

#mainNav ul li ul li a:hover {
	color: #56748E;
	background: #1D2E3E;
}

#mainNav ul li a:link, #mainNav ul li a:active, #mainNav ul li a:visited {
	color: white;
	padding-left: 10px;
}

#mainNav ul li a:hover {
	color: #2384C6;
}

/*--------------------------------------------------------------
//	Column 1
// ------------------------------------------------------------- */

#homeImage {
	width: 715px;
	padding-top: 5px;
	height: 470px;
}

#gallery {
	padding: 0px 0px 0px 5px;
	font-size: 1.1em;
	width: 700px;
}

#column1 {
	padding: 0px 20px 0px 5px;
	font-size: 1.1em;
}

#column1, .quickLink {
	width: 500px;
}

#column1 p, #column3 p {
	padding: 5px 0px;
}

#column1 a:link, #column1 a:active, #column1 a:visited, #column3 a:link, #column3 a:active, #column3 a:visited {
	color: #56748E;
}

#column1 a:hover, #column3 a:hover {
	color: #333333;
	text-decoration: underline;
}

.normalLink {
	background: url(../images/blue-arrow.jpg) left no-repeat;
	padding: 0px 0px 2px 8px;
}


.pdf {
	background: url(../images/pdf.jpg) left no-repeat;
	padding: 5px 0px 5px 25px;
}

#column3 {
	width: 705px;
	float: left;
	padding-right: 10px;
}

#column1 ul {
	padding: 5px 0px;
}

#column1 li {
	padding: 3px 0px 3px 10px;
	background: url(../images/blue-arrow2.jpg) top left no-repeat;
}

.subList {
	margin-left: 10px;
}

.quickLink, .quickLinkImage, .quickLinkText  {
	float: left;
}

.quickLink {
	float: left;
	padding: 20px 0px 5px 0px;
	width: 500px;
}

.quickLinkImage {
	width: 175px;
}

.quickLinkText {
	width: 300px;
	padding-left: 10px;
}

#list1, #list2 {
	float: left;
}

#list1 {
	width: 300px;
}

#list2 {
	width: 200px;
	padding-left: 10px;
}


/*---------------------------------------------------------------
//	Column 2
// -------------------------------------------------------------- */

#column2 {
	width: 190px;
	padding-top: 5px;
}

#portfolioLink {
	background: #587390;
	padding: 20px 10px;
	text-align: center;
	color: white;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 5px 0px 0px 0px;
	width: 170px;
	height: 125px;
}

#portfolioLink a:link, #portfolioLink a:active, #portfolioLink a:visited {
	color: white;
}

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

/*---------------------------------------------------------------
//	Headings
// --------------------------------------------------------------- */

h1 {
	color: #1D2E3E;
	font-size: 1.8em;
	padding: 10px 0px;
}

h2 {
	color: #56748E;
	font-size: 1.4em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
}

h3 {
	color: #56748E;
	font-size: 1.4em;
	padding: 5px 0px;
}

h4 {
	color: #56748E;
	font-size: 1.2em;
	padding: 0px 0px 5px 0px;
}

h5 {
	color: #56748E;
	font-size: 1.3em;
	padding: 0px 0px 5px 0px;
	line-height: 1.4em;
	font-weight: normal;
	text-align: center;
}


/*---------------------------------------------------------------
//	Sterling Team
// ----------------------------------------------------------------*/

.sterlingTeam {
	margin: 0px auto;
}
.sterlingTeam td{
	padding: 5px;
}

.sterlingTeam img {
	border: 1px solid #c8c8c8;
	padding: 5px;
}

/*------------------------------------------------------------
//	Footer
// -------------------------------------------------------------*/

#footer {
	float: left;
	width: 870px;
	border-top: 3px solid #3D3937;
	height: 20px;
	padding: 5px;
	margin-top: 5px;
}

.clear {
	clear: both;
}

#copyright {
	float: left;
	width: 400px;
}

#msmdesignz {
	text-align: right;
	float: right;
	width: 400px;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #2384C6;
}

#footer a:hover {
	color: #333333;
	text-decoration: underline;
}

/*--------------------------------------------------------------
//	Other Styles
// ------------------------------------------------------------*/

.lightBlue {
	color: #2384C6;
}

.blue {
	color: #56748E;
}