/* CSS Document */
/* ------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background: url(../images/primary-bg.jpg) repeat-x #fffbf5;
}

p {
	margin: 0 0 10px 0;
	font-size: .9em;
	color: #fff;
	font-weight: normal;
	line-height: 1.5em;
}

h1 {
	margin: 0 0 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.2em;
	color: #bbb;
	font-weight: bold;
	line-height: .85em;
	text-transform: uppercase;
	text-align: right;
	border-bottom: 2px solid #aaa;
}

h2 {
	margin: 0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.75em;
	color: #000;
	font-weight: bold;
	line-height: .85em;
	text-transform: uppercase;
}

h3 {
	margin: 0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.75em;
	color: #bbb;
	font-weight: bold;
	line-height: .85em;
}

em {}

strong {
	color: #333;
}

ul {
	color: #bbb;
}

li {
}

img {

}

/* LINKS */
/* ------------------------------------- */

#content a {
	color: #000;
	text-decoration: underline;
}

#content a:hover {
	color: #444;
	text-decoration: none;
}

/* IDS */
/* ------------------------------------- */

#container {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -431px;
	padding: 0;
	width: 862px;
	height: auto;
}

#logo {
	height: 119px;
	background: url(../images/primary-logo.jpg) no-repeat;
}

#stage {
	margin: 8px 0 0 0;
	width: 862px;
	height: 549px;
	background: url(../images/content.jpg) no-repeat;
}

#content {
	margin: 0 0 0 21px;
	width: 835px;
	height: 475px;
	overflow: auto;
	clear: both;
	background: url(../images/content00.jpg) no-repeat;
}

#content_inner {
	padding: 20px;
	width: 795px;
	height: 432px;
	overflow: auto;
}

#nav {
	width: 100%;
	height: 58px;
}

#footer {
	height: auto;
	margin: 10px 0 0 0;
}

/* CLASSES */
/* ------------------------------------- */

.button {
	margin: 0 2px 0 2px;
	width: 211px;
	height: 307px;
	float: right;
}

.rates {
	margin: 57px 39px 0 0;
	width: 82px;
	text-align: center;
}

.comps {
	margin: 48px 24px 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #88898b;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 42px;
	text-align: right;
	background: none;
}

.left_img {
	margin: 0 10px 10px 0;
	float: left;
}

.right_img {
	margin: 0 0 10px 10px;
	float: right;
}

.clear {
	clear: both;
}

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

#logo a {
	display: block;
	width: 347px;
	height: 119px;
}

#nav ul {
	margin: 0;
	padding: 15px 0 0 40px;
	list-style: none;
}

#nav li {
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}

#nav a {
	display: block;
	background: none;
	padding: 18px 17px 0 17px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5f6062;
	font-weight: normal;
	text-decoration: none;
}

#nav li:hover {
	background:url(../images/navover-right.jpg) no-repeat right top;
}

#nav a:hover {
	color: #fff;
	background: url(../images/navover-left.jpg) no-repeat left top;
}

#green #nav .current {
	background: url(../images/nav01-right.jpg) no-repeat right top;
}

#green #nav .current a {
	background: url(../images/nav01-left.jpg) no-repeat left top;
}

#blue #nav .current {
	background: url(../images/nav02-right.jpg) no-repeat right top;
}

#blue #nav .current a {
	background: url(../images/nav02-left.jpg) no-repeat left top;
}

#salmon #nav .current {
	background: url(../images/nav03-right.jpg) no-repeat right top;
}

#salmon #nav .current a {
	background: url(../images/nav03-left.jpg) no-repeat left top;
}

#beige #nav .current {
	background: url(../images/nav04-right.jpg) no-repeat right top;
}

#beige #nav .current a {
	background: url(../images/nav04-left.jpg) no-repeat left top;
}

#orange #nav .current {
	background: url(../images/nav05-right.jpg) no-repeat right top;
}

#orange #nav .current a {
	background: url(../images/nav05-left.jpg) no-repeat left top;
}

#yellow #nav .current {
	background: url(../images/nav06-right.jpg) no-repeat right top;
}

#yellow #nav .current a {
	background: url(../images/nav06-left.jpg) no-repeat left top;
}

#pink #nav .current {
	background: url(../images/nav07-right.jpg) no-repeat right top;
}

#pink #nav .current a {
	background: url(../images/nav07-left.jpg) no-repeat left top;
}

/* SPECIAL FORMATTING */
/* ------------------------------------- */

#green #content {
	background: url(../images/content01.jpg) no-repeat;
}

#green p {
	color: #3D411B;
}

#green h1 {
	color: #858E3B;
	text-align: right;
	border-bottom: 2px solid #858E3B;	
}

#green h2, #green h3, #green li {
	color: #858E3B;
}

#blue #content {
	background: url(../images/content02.jpg) no-repeat;
}

#blue p {
	color: #3A5C6C;
}

#blue h1 {
	color: #82959E;
	text-align: right;
	border-bottom: 2px solid #82959E;	
}

#blue h2, #blue h3, #blue ul,  #blue li {
	color: #82959E;
}

#salmon #content {
	background: url(../images/content03.jpg) no-repeat;
}

#salmon p {
	color: #80402A;
}

#salmon h1 {
	color: #B27F6E;
	text-align: right;
	border-bottom: 2px solid #B27F6E;	
}

#salmon h2, #salmon h3, #salmon li {
	color: #B27F6E;
}

#beige #content {
	background: url(../images/content04.jpg) no-repeat;
}

#beige p {
	color: #655235;
}

#beige h1 {
	color: #978C7B;
	text-align: right;
	border-bottom: 2px solid #978C7B;	
}

#beige h1, #beige h2, #beige h3, #beige li {
	color: #978C7B;
}

#orange #content {
	background: url(../images/content05.jpg) no-repeat;
}

#orange p {
	color: #805617;
}

#orange h1 {
	color: #B28C53;
	text-align: right;
	border-bottom: 2px solid #B28C53;	
}

#orange h2, #orange h3, #orange li {
	color: #B28C53;
}

#yellow #content {
	background: url(../images/content06.jpg) no-repeat;
}

#yellow p {
	color: #725D07;
}

#yellow h1 {
	color: #A49651;
	text-align: right;
	border-bottom: 2px solid #A49651;	
}

#yellow h2, #yellow h3, #yellow li {
	color: #A49651;
}

#pink #content {
	background: url(../images/content07.jpg) no-repeat;
}

#pink p {
	color: #763C5B;
}

#pink h1 {
	color: #765E6A;
	text-align: right;
	border-bottom: 2px solid #765E6A;	
}

#pink h2, #pink h3, #pink li {
	color: #765E6A;
}

#model_portfolio01 {
	padding: 3px 0 0 210px;
	height: 141px;
	background: url(../images/graph01.jpg) no-repeat;
}

#model_portfolio02 {
	padding: 3px 0 0 210px;
	height: 141px;
	background: url(../images/graph02.jpg) no-repeat;
}

#model_portfolio03 {
	padding: 3px 0 0 210px;
	height: 141px;
	background: url(../images/graph03.jpg) no-repeat;
}

#footer p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #9f9c9a;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #656261;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #292827;
}

.contactinput {
	width: 300px;
}