/*====================================================
  Contents:
    1. layout and positioning 
    2. navigation
    3. typography
    4. misc
    5. forms
    
  Author:
    ms@westlakemarketing.com
====================================================*/


/* ---------------------------------------------------------------------------
  1. layout and positioning 
  ---------------------------------------------------------------------------*/
body {
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size:62.5%; /* makes 1em = 10px, so express 12 pixels as 1.2em; 9 pixels as 0.9em, etc */
  background: #4a4947 url(../img/bg-body.png) top center repeat-x;
  color: #262524;
}
* {
  margin:0;
  padding:0;
}
#container {
	margin:0 auto;
  width:1048px;
  background: #000 url(../img/bg-content.jpg) top center repeat-x;
  height:640px;
}
#content {
	margin:0 auto;
  width:1008px;
  background: #000 url(../img/bg-body-buildings.jpg) top center no-repeat;
}
#main { /* primary copy */
	width:400px;
	margin: 16px 0 0 12px;
	height:340px;
	overflow:hidden;
}
#header {
	height:192px;
}
#logo {
	margin:12px 0 0 20px;
}
#footer {
  clear:both;
  width:100%;
  height:65px;
  padding:
}
#note {
	padding: 48px 0 0 32px;
	color:#777;
	letter-spacing:1px;
	font-size:.9em;
	font-family:Tahoma;
	text-transform:uppercase;
	float:left;
}
#partners {
	padding:14px 0 0 90px;
	float:left;
}
/* ---------------------------------------------------------------------------
  2. navigation 
  ---------------------------------------------------------------------------*/
#nav { }

/* ---------------------------------------------------------------------------
  3. typography
  ---------------------------------------------------------------------------*/

#content, #footer {
  font-size:1.1em;
  line-height:1.4em;
}
#content p {
  padding:10px 40px 5px 20px;
}
#content h1 {
  padding:0px 40px 5px 20px;
	font-variant: small-caps;
	font-family:"Times New Roman", Times, serif;
	font-size: 1.6em;
	margin-top:14px;
}
#footer {

}
a:link, a:active, a:visited, a:hover { color: #3d3c3a; }

/* ---------------------------------------------------------------------------
  4. misc
  ---------------------------------------------------------------------------*/
#partners img {
	margin: 0 14px;
}
.clear { clear:both; }
.center { text-align:center; }
.right { text-align:right; }
img { border:0; }

/* ---------------------------------------------------------------------------
  5. forms
  ---------------------------------------------------------------------------*/
.required { color:red; }