/* @override http://phillipeleon.com/site/style.css */


 /* FONTS & OTHERS RESETS  .................... */

body {
	margin:0 auto;padding:0;
	font: 12px/133% helvetica;
	color: #fff;
	background: #6f6f6f;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl, address{ 
	margin: .7em 0;
	padding: 0; 
	line-height:163%;
}

h1, h2, h3, h4 {
	letter-spacing: 1px;
	color: #fff;
	font-family: "Helvetica neue", Helvetica, Verdana;
	margin: 0;padding: 0;
}

h1 {font-size:2em;}

h2 {font-size: 1.8em;}

h3 {font-size: 1.6em;}

h4 {font-size:1.2em;}

a {color: #ff6600;text-decoration:none;}

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

ul, ol {margin: 0px;padding: 10px 0 0 20px;}

li, dd { margin-left: 0em; }

form label{ cursor: pointer; }

fieldset{ border: none; }

blockquote {
	padding: 2px 10px 2px 10px ;
	margin: 5px 30px 5px 30px;
	border-left: 1px dotted #ccc;
}

.clearer{clear:both;}

:after {
	content: "."; display: block;height: 0; 
	clear: both; visibility: hidden;
}

 /* MAIN CONTENT FORMATTING .................... */

#topbar {
	width: 100%;
	margin: 0;padding: 0;
	border-bottom: 3px solid #000;
	clear: both;
}

img#mantop {
	position: absolute;
	background: none;
	border: 0;
	margin: 0px 115px;
}

ul#nav {
	background: url(images/man-top.jpg) no-repeat ;
	width: 700px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px auto 0 auto;
	padding: 0 0 0 260px;
	border-top: 3px solid #000;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	text-align: right;	
}

ul#nav li {
	margin: 0;padding: 0 10px;
	display: block;
	float: right;
}

ul#nav li a {
	padding: 15px 40px;
	margin: 0;
	display: block;
	float: left;
	border-top: 3px solid #6f6f6f;
}

ul#nav li a:hover {
	padding: 15px 40px;
	margin: 0;
	border-top: 3px solid #ff6600;
	color: #FF6600;
}

#header {
	width: 960px;
	margin: 0px auto;
	padding: 10px 0;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	clear: both;
	background: url(images/man-top-1.jpg) no-repeat ;
}

#logo {
	position: relative;
	margin: 20px 0 20px 320px;
}

#bodywrapper {
	border-bottom: 3px solid #000;
	background: url(images/bg.png) repeat-x;
	margin: 0;padding: 0;
}

#body {
	clear: both;
	width: 960px;
	margin: 0px auto;
	min-height: 519px;
	padding: 30px 0 0px 0 ;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	font-family: georgia, "times new roman";
	background: url(images/man-middle.jpg) no-repeat ;
}

#secondarypage {
	margin: 0px 0 0 260px;
	padding: 0px; 
	width: 650px;
	font-size: 1.2em;
}

p.intro {
	width: 640px;
	font-size: 1.5em;
	padding: 20px;
	margin: 0px 0 0 250px;
	color: #fff;
	background: #6f6f6f;
	font-family: "Helvetica neue", Helvetica, Verdana;
	border: 1px solid #555;
}

ul#frontpage {
	list-style: none;
	margin: 20px 0 0 240px;
	padding: 0;
	font-size: 1.2em;
}

ul#frontpage li {
	width: 183px;
	display: block;
	float: left;
	margin: 0px 10px 10px 10px;
	padding:  5px 15px;
	background: #6f6f6f;
	
}

li.about {
	font-size: 1em;	
	border: 1px solid #555;
	min-height: 25em;
}

ul.quote {
	width: 640px;
	padding: 10px 20px;
	margin: 10px 0 20px 250px;
	clear: both;
	list-style: none;
	font-style:italic ;
	font-size:1em;
	background: #6f6f6f;
	border: 1px solid #555;
}

#footerwrapper {
	width: 100%;
	border-bottom: 3px solid #000;	
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 ;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
}

p.whatis {
	float: left;
	margin: 5px;
	padding: 5px;
	
}

img#chris {
	float: right;
	margin: 0 30px;
}

#bottombar {
	width: 960px;
	margin: 0 auto;
	padding: 0;
		border-left: 3px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
}

#bottombar p{
	padding: 10px;margin: 0;
}


 /* IMAGES FORMATTING .................... */

img { 
	padding: 5px; 
	margin: 10px;
	background: #ccc;
}

a:hover img { 
	padding: 5px; 
	margin: 10px;
	background: #cced67;
}

.noborder {
	background: none;
	margin: 0;padding: 0;
}

img.noborder:hover {
	margin: 0;padding: 0;

}


 /* CONTACT FORM FORMATTING ..............*/

form ul{
margin:0;
padding:0;
list-style-type:none;
width:100%;
}

form li{	
margin:0;
padding:4px 5px 2px 9px;
position:relative;
clear:both;
}

form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 0px 0 0;
padding:0 0 8px 0;
color:#444;
}

form li span{
font-family: helvetica;
color: #fff;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

.clear{
clear:both !important;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:10px 0 1px 0;
border:none;
color:#fff;
font-family: helvetica, arial, verdana;
display:block;
font-weight: bold;
font-size:95%;
}

form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
line-height:9px;
display:inherit;
}

input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
}
input.text, textarea.textarea, .firefox select.select{
}
input.text, input.file{
padding:2px 0 3px 0px;
margin: 0 10px 0 0px;
}

label.choice{
font-size:100%;
display:block;
line-height:1.5em;
margin:-1.65em 0 0 25px;
padding:.44em 0 .5em 0;
color:#222;
width:90%;
}
input.checkbox, input.radio{
display:block;
line-height:1.5em;
margin:.6em 0 0 3px;
width:13px;
height:13px;
}

select.select{
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}

/* ----- BUTTONS ----- */

input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:50%;
}
input.large, select.large, textarea.textarea{
width:100%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
display:none;
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
form li.error p.error{
display:block;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
width:46% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}