/*-----------------------------------------------------
Home Page Style Sheet

Version:   1.0
Author:    Chris McCain
Company:   Leopard, Inc.
Website:   http://www.leopard-inc.com
-----------------------------------------------------*/


/*
Body & Structure
-----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html{
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
}
a {
	color: #0069b5 !important;
	text-decoration: none;
}

a.black-link { color:#000 !important;}
a.black-link:hover { color:#0069b5 !important;}
p, ul li{ 
color:#000;
}
h1 { font-size:24px;color:#003366;font-family:"Times New Roman", Times, serif;margin-top:10px;}
a:hover {
	color: #e9b856 !important;
	text-decoration: none;
}
.clear {
	clear: both;
}
.centerbox {
	width: 828px;
	margin: 0px auto;
	text-align: left;
	position:relative;
}

img {
	border: 0;
}
/*-------------- HEADER AREA ---------------*/
#logo {
	position:absolute;top:20px;left:0px;	
}

#header {

	height: 77px;
	background-image: url('../images/main/header.jpg');
	background-position: 0 0;
	background-repeat: repeat-x;

}
#header img {
	float: left;
	border: none;
}

/*-------------- NAV AREA ---------------*/
#navbuttons {
	background-repeat: no-repeat;
	position:absolute;
	top:51px;
	left: 200px;
	width:600px;
}

/*set up the list*/
#navbuttons li {list-style: none; float: left;}

#navbuttons a {
	display: block;
	text-decoration: none;
	background-image:  url("../images/main/navigation.png");
	height: 32px;
	text-indent:-9999em;

}

/*set up the dimensions and position of each li button*/
#navbuttons #client-opportunity  a {width: 143px;}
#navbuttons #private-wealth a {width:196px;background-position:-144px 0;}
#navbuttons #alternative-investments a {width:171px;background-position: -339px 0; }
#navbuttons #contact a {width:90px;background-position: -510px 0;}


/*set up the position of each li button so that upon rollover includes the necessary part of the image*/
#navbuttons #client-opportunity a:hover { background-position:0px -32px;}
#navbuttons #private-wealth a:hover { background-position:-144px -32px;}
#navbuttons #alternative-investments a:hover { background-position:-339px -32px;}
#navbuttons #contact a:hover { background-position:-510px -32px;}

/*-------------- SUB HEADER AREA ---------------*/
#subheadlinebackground {

	height: 48px;
	background-image: url(../images/main/bluegradiant_background.jpg);
	background-repeat: repeat-x;
}
#subheadline {
	margin: 0px auto;
	text-align: center;
	width: 600px;
	height: 48px;
	background-image: url(../images/main/subhead_background.jpg);
	background-repeat: no-repeat;
	padding-left: 262px;
}
#subheadline h1{
	color: #FFFFFF;
	font-size: 26px;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 10px;
}

h1 + p { margin-top:-10px;; }

#midwhitetop {
	background-color: #FFFFFF;
	height: 1px;
}
#orangebar {
	background-color: #e9b856;
}
#orangebar #breadcrumbs {
	width: 794px;
	margin: 0px auto;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	padding-left: 100px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#orangebar #breadcrumbs a {
	color: #FFFFFF;
}

#orangebar #breadcrumbs a:hover {
	color: #0b3f68;
}

#midwhitemid {
	background-color: #FFFFFF;
	height: 2px;
}
#tanbackground {
	background-color: #e0d9bd;
	height: 42px;
}


/*-------------- MAIN GRAPHIC AREA ---------------*/
#mainarea {
	background-image: url(../images/home/bluegradiant_background.jpg);
	height: 180px;
}

#mainarea img {
	float: left;
}

#headercopy {
	float: left;
	width: 472px;
	height: 150px;
	background-image: url(../images/home/copy_background.jpg);
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	padding-top: 30px;
}

#repeatingbackground {
	background-image:url(../images/home/repeatingbackground.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	width: 100%;
	height: 220px;
}

#flasharea {
	width: 794px;
	margin: 0 auto;
}

#maingraphic {
	background-image:url(../images/home/flasharea.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	width: 794px;
	height: 180px;
	margin: 0px auto;
}
/*-------------- SECONDARY COPY & GRAPHICS AREA ---------------*/

#orangewhitebar {
	background-image: url(../images/home/orangewhitebar.gif);
	background-position: left top;
	background-repeat:repeat-x;
	height: 13px;
}

#resourcesbackground {
	background-image:url(../images/home/resources_header.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width: 794px;
	height: 55px;
	
}
#lefthotlinks {
	float: left;
	width: 168px;
	font-size: 11px;
	color: #333333;
	text-align: left;
	padding: 32px 0 0 0;
	line-height: 13px;
	margin-right:25px;
}
#features a {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}
#features a:hover {
	color: #22afcc;
	text-decoration: none;
}
#pub_graphic {
	float: left;
	padding-right: 2px;
	border: none;
	margin-top:17px;
}
#features-inner { float:left;width:165px;}
#features h1 {
	color: #0068b3;
	font-size: 11px;
	text-transform: uppercase;
}

#features .featuretitle {
	color: #0068b3;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	
}

#features .featuretitle a{
	color: #0068b3;
	font-size: 11px;
	text-transform:uppercase;
}

/* used for spacing above the h1 */
#features h2 {
	height: 16px;
}

#features ul{
	list-style: none;
	padding: 0;
	margin: 5px 0 5px 0;
}

#features ul li{
	margin: 0 0 3px 0;
	padding: 0;
	/*height: 17px;
	background-image:url(../images/icon_pdf_trans_sm.gif);
	background-repeat: no-repeat;*/
	padding: 0 0 0 10px;
}

#features ul li a{
	color: #b72222;
}

#righthotlinks {
	float: left;
	width: 380px;
	font-size: 11px;
	color: #0068b3;
	text-align: left;
	padding: 32px 0px 60px 0px;
	line-height: 140%;
	margin-right: 25px;
	/*background-image:url(../home/techlines.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}
#righthotlinks h1 {
	color: #0b3f68;
	font-size: 15px;

	font-weight:bold;
}
#righthotlinks h1 a {
	color: #0069b5;
}
#righthotlinks h1 a:hover {
	color: #22afcc;
}
#righthotlinks h2 {
	height: 10px;
}

#righthotlinks ul { margin-left:25px;}

#righthotlinks a {
	color: #0b3f68;
	text-decoration: none;
}
#righthotlinks a:hover {
	color: #22afcc;
	text-decoration: none;
}
#righthotlinks img {
	float: right;
	margin-right: 120px;
}


/*-------------- FEATURES --------------*/

#features {
	width: 225px;
	float:left;

}

#features .featuretitle {
	color: #003366;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	margin-top: 20px;
}

#features .featuretitle a {
	color: #0068b3;
	font-size: 11px;
	text-transform:uppercase;

}

#features a {
	color: #0b3f68;
	text-decoration: none;
}
#features a:hover {
	color: #e9b856;
	text-decoration: none;
}

#featuretop {
	width: 803px;
	height: 7px;
	background-image:url(../images/home/feature_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#featurebottom {
	width: 803px;
	height: 7px;
	background-image:url(../images/home/feature_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#feature1 {
	float: left;
	width: 225px;
	line-height: 140%;
	font-size: 11px;
	color: #333333;

}

#feature2 {
	float: left;
	width: 232px;
	line-height: 140%;
	font-size: 11px;
	color: #333333;

}

#feature3 {
	float: left;
	width: 232px;
	line-height: 140%;
	font-size: 11px;
	color: #333333;

}


/*-------------- FOOTER ---------------*/
#footerboxes {
	width: 794px;
	margin: 30px auto 0px;
	text-align: center;
}
#footer {
	width: 794px;
	margin: 15px auto 0px;
	text-align: center;
	color: #333333;
	font-size: 11px;
	line-height: 16px;
	font-family: Helvetica, Arial, sans-serif;
}
#footer h3 {
	padding-top: 5px;
	color: #0b3f68;
	font-size: 10px;
}

#footer p {
	padding-top: 5px;
	font-size: 10px;
	}