/************************************************
/	LORENN WALKER CSS - MAIN LAYOUT
/************************************************/


/***************************************
/	RESET RELOADED 
/************************************{*/

*{ margin: 0; padding: 0; }
html>body * { height: auto; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.0;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*---- 21st CENTURY CLEARING OF FLOATS ----*/

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}      
/* End hide from IE-mac */



/************************************}*/



/***************************************
/	BASE
/************************************{*/

html, body {	
	height:100%;	
	background-color: #f3e9ce;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Lucida Sans Unicode", Verdana, sans-serif;	
	font-size: 15px;
	color: #333333;
}

/************************************}*/



/***************************************
/	MAIN WRAPPER
/************************************{*/

div#wrap {
	margin: 0 auto;
	padding: 0px;
	min-height: 100%;
	margin-bottom: -50px;
	position: relative;
}
* html #wrap {
	height: 100%;
}

/************************************}*/	
	


/***************************************
/	HEADER 
/************************************{*/

div.headerWrap {
	background-image: url(../images/header/header_bg.png);
	background-repeat: repeat-x;
	background-color: #6a8b8c;
}
div.headerWrap div#header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 115px;
	background-image: url(../images/header/header.png);
	background-repeat: no-repeat;
}
div.headerWrap div#header div#logo {
	position: absolute;
	top: 0px;
	left: 0;
	width: 288px;
	height: 112px;
}
div.headerWrap div#header div#logo a img {
	border: 0;
	width: 288px;
	height: 112px;
}
div.headerWrap div#header div.letter {
	position: absolute;
	top: 34px;
	right:383px;
	width: 115px;
	height: 38px;
}
div.headerWrap div#header div.letter a img {
	border: 0;
	width: 120px;
	height: 38px;
}
div.headerWrap div#header div.blog {
	position: absolute;
	top: 34px;
	right: 166px;
	width: 182px;
	height: 38px;
}
div.headerWrap div#header div.blog a img {
	border: 0;
	width: 182px;
	height: 38px;
}
div.headerWrap div#header div.contact {
	position: absolute;
	top: 34px;
	right: 4px;
	width: 138px;
	height: 38px;
}
div.headerWrap div#header div.contact a img {
	border: 0;
	width: 138px;
	height: 38px;
}

/************************************}*/



/***************************************
/	NAVIGATION
/************************************{*/

div.navWrap {
	background-image: url(../images/nav/nav_bg.png);
	background-repeat: repeat-x;
}
div.navWrap div#nav {
	width: 960px;
	margin: 0 auto;
}
div.navWrap div#nav ul {
	margin: 0px;
	padding: 0px;
}
div.navWrap div#nav li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.navWrap div#nav a {
	position: relative;
	display: block;
	display: inline;
	float: left;
}
div.navWrap div#nav a.home:link,
div.navWrap div#nav a.home:visited {
	background-image: url(../images/nav/homepage.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:128px;
	height: 45px;
}
div.navWrap div#nav a.biography:link,
div.navWrap div#nav a.biography:visited {
	background-image: url(../images/nav/biography.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 130px;
	height: 45px;
}
div.navWrap div#nav a.news:link,
div.navWrap div#nav a.news:visited {
	background-image: url(../images/nav/news.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 91px;
	height: 45px;
}
div.navWrap div#nav a.clients:link,
div.navWrap div#nav a.clients:visited {
	background-image: url(../images/nav/clients.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 103px;
	height: 45px;
}
div.navWrap div#nav a.testimonials:link,
div.navWrap div#nav a.testimonials:visited {
	background-image: url(../images/nav/testimonials.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 150px;
	height: 45px;
}
div.navWrap div#nav a.photosvideo:link,
div.navWrap div#nav a.photosvideo:visited {
	background-image: url(../images/nav/photosvideo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 170px;
	height: 45px;
}
div.navWrap div#nav a.articles:link,
div.navWrap div#nav a.articles:visited {
	background-image: url(../images/nav/articles.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 108px;
	height: 45px;
}
div.navWrap div#nav a.links:link,
div.navWrap div#nav a.links:visited {
	background-image: url(../images/nav/links.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:80px;
	height: 45px;
}
div.navWrap div#nav a.home:hover,
div.navWrap div#nav a.biography:hover,
div.navWrap div#nav a.news:hover,
div.navWrap div#nav a.clients:hover,
div.navWrap div#nav a.testimonials:hover,
div.navWrap div#nav a.photosvideo:hover,
div.navWrap div#nav a.articles:hover,
div.navWrap div#nav a.links:hover {
	background-position: 0px -45px;
}
div.navWrap div#nav a#current {
	background-position: 0px -90px;
	cursor: default;
}
div.navWrap div#nav a span { display: none; }

/************************************}*/



/***************************************
/	CONTENT AREA CONTAINERS
/************************************{*/

div.contentWrap {
	position: relative;
	background-image: url(../images/content/content_bg.png);
	background-repeat: repeat-x;
	background-color: #f3e9ce;
}
div.contentWrap div#content {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
div.contentWrap div#content div.flowerBg1 {
	position: absolute;
	top: 90px;
	left: 540px;
	width: 252px;
	height: 216px;
	background: url(../images/content/flower1.png) no-repeat;
}
div.contentWrap div#content div.flowerBg2 {
	position: absolute;
	top: 340px;
	left: 670px;
	width: 252px;
	height: 156px;
	background: url(../images/content/flower2.png) no-repeat;
}



/*--- FULL WIDTH CONTAINER ---*/

div.contentWrap div#content div#main {	
	position: relative;
	float: left;
	width: 925px;
	margin: 35px 36px 25px 16px;
}

/*---- 2/3 WIDTH CONTAINER - ALIGNED LEFT ----*/

div.contentWrap div#content div#mainLeft {
	position: relative;
	float: left;
	width: 540px;
	margin: 35px 0 25px 16px;
	display: inline;
}

/*---- 1/3 WIDTH SIDEBAR CONTAINER - ALIGNED RIGHT ----*/

div.contentWrap div#content div#sidebarRight {
	position: relative;
	float: right;
	margin: 35px 16px 25px 0;
	width: 360px;
	display: inline;
}

/************************************}*/



/***************************************
/	CONTENT ELEMENTS
/************************************{*/


div.contentWrap div#content div#sidebarRight div.photo  {
	position: relative;
	display: block;
	float: right;
	width: 350px;
	height: 265px;
	background-image: url(../images/content/photo.png);
	background-repeat: no-repeat;
}
div.contentWrap div#content div#sidebarRight div.resilience  {
	position: relative;
	display: block;
	float: right;
	width: 350px;
	height: 265px;
	margin-bottom: 5px;
	background-image: url(../images/content/resiliency_photo.png);
	background-repeat: no-repeat;
}
div.contentWrap div#content div#sidebarRight p.caption {
	font-size: 12px;
	margin: 0 20px 40px 20px;
	line-height: 1.4;
}

div.contentWrap div#content div#mainLeft div.testimonial {
	position: relative;
	float: left;
	display: block;
	width: 530px;
	height: 57px;
	margin: 10px 0 0 0px;
	background-image: url(../images/content/testimonial1.png);
	background-repeat: no-repeat;
}
div.contentWrap div#content div#sidebarRight div.testimonial {
	position: relative;
	float: left;
	display: block;
	width: 350px;
	height: 102px;
	background-image: url(../images/content/testimonial.png);
	background-repeat: no-repeat;
}

div.contentWrap div#content div#main p.cv {
	float: left;
	clear: left;
	font-size: 13px;
	width: 162px;
	margin: 0 15px 5px 0;
	text-align: center;
}
div.contentWrap div#content div#sidebarRight div.clientLogos {
	position: relative;
	float: right;
	display: block;
	width: 325px;
	height: 548px;
	background-image: url(../images/content/client_logos.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
div.contentWrap div#content div#mainLeft p span.quote {
	font-style: italic;
	font-weight: bold;
}
div.contentWrap div#content div#mainLeft p span.author {
	text-align: right;
	display: block;
	padding: 5px 0 8px 0;
}
/*----	gallery ----*/

div.contentWrap div#content div#mainLeft div.thumb {
	position: relative;
	float: left;
	margin: 0px 29px 35px 0px;
	width: 150px;
	height: 105px;
}
div.contentWrap div#content div#mainLeft div.thumb a:link img,
div.contentWrap div#content div#mainLeft div.thumb a:visited img {
	border: 2px solid #999999;
	width: 150px;
	height: 105px;
}
div.contentWrap div#content div#mainLeft div.thumb a:hover img {
	border: 2px solid #fff;
}

/************************************}*/



/***************************************
/	CONTENT STYLES
/************************************{*/

/*----	ANCHOR DEFAULTS ----*/

a:link, 
a:visited {
	color: #476772;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}


/*----	HEADING DEFAULTS  ----*/

h1, h2, h5 {
	font-size: 25px;  
	letter-spacing: -.8px; 
	border-bottom: 2px solid #999;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #333;
	position: relative;
	display: block;
	clear: both;
}

h3 {font-size: 17px; letter-spacing: -.8px; color: #333;
	position: relative;
	display: block;
	clear: both;
	margin-bottom: 10px;}

p {
	line-height: 1.3;
	text-align: justify;
	margin-bottom: 20px;
}
ul {
	padding-left: 15px;
	padding-bottom: 20px;
	list-style-type: circle;
	line-height: 1.3;
}
li {
	padding-bottom: 15px;
}
em {font-style: italic;}

/*---- FLOAT IMAGES ----*/

img {border: 0;}

img.floatRight {
	float: right;
	margin: 0;
}
img.floatLeft {
	float: left;
	margin: 0 15px 10px 0;
}
strong {font-weight: bold;}

/************************************}*/


/***************************************
/	CONTACT PAGE
/************************************{*/


div.contentWrap div#content div#mainLeft div.formTitlebar {
	display: block;
}
div.contentWrap div#content div#mainLeft div.formTitlebar div.contactIcon  {
	float: left;
	display: inline;
	width: 64px;
	height: 64px;
	margin-right: 42px;
	background-image: url(../images/content/contact.png);
	background-repeat: no-repeat;
}
div.contentWrap div#content div#mainLeft div.formTitlebar div.formResponse {
	float: left;
	width: 425px;
	margin: 0 0 10px 0px;
}
div.contentWrap div#content div#mainLeft div.formTitlebar div.formResponse p.note {  
	font-size: 21px;
	color: #333;	
	padding: 0px;
	margin: 13px 0 14px 0;
}
div.contentWrap div#content div#mainLeft div.formTitlebar div.formResponse p.alert {
	font-size: 21px;
	color: #333;	
	padding: 0px;
	margin: 0;
}
div.contentWrap div#content div#mainLeft form {
	width: 575px;
	margin: 0; 
}
div.contentWrap div#content div#mainLeft fieldset {
	border: 0px;
}
div.contentWrap div#content div#mainLeft legend {
}

div.contentWrap div#content div#mainLeft form div {
	clear: left;
	display: block;
	margin: 6px 0 6px 0;
}
div.contentWrap div#content div#mainLeft div label {
	float: left;
	width: 100px;
	margin: 3px 5px 1px 0; 
	padding: 5px 5px 5px 0;
	font-size: 14px;
	vertical-align: middle;
}
div.contentWrap div#content div#mainLeft form div input { 
	float: left; 
	margin: 1px 0 1px 0; 
	width: 415px; 
	background-color: #f9f9f9;
	border: 2px solid #e7dccb; 
	padding: 5px; 
	font-size: 14px;
	font-family: georgia;
}
div.contentWrap div#content div#mainLeft form div textarea { 
	float: left; 
	margin: 1px 0 1px 0; 
	width: 420px; 
	border: 2px solid #e7dccb; 
	background-color: #f9f9f9;
	padding: 5px 0 5px 5px; 
	font-size: 14px;
	height: 165px;
}
div.contentWrap div#content div#mainLeft form div input:focus, 
div.contentWrap div#content div#mainLeft form div textarea:focus {
	border: 2px solid #d7c6aa;			
	background-color: white;
}

div.contentWrap div#content div#mainLeft form button {
    display: block;
    float: left;
    width: auto;
    margin: 0 7px 0 0;
    background-color: #f9f9f9;
	border: 2px solid #e7dccb; 
    font-family: georgia;
    font-size: 100%;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}
div.contentWrap div#content div#mainLeft form button[type]{
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}
*:first-child+html button[type]{
    padding: 4px 10px 3px 7px; /* IE7 */
}
div.contentWrap div#content div#mainLeft form button img {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 20px;
    height: 16px;
}
div.contentWrap div#content div#mainLeft form button:hover {
    background-color: #dff4ff;
	border: 2px solid #719395;			
    color: #333;
}

/************************************}*/



/***************************************
/	FOOTER
/************************************{*/

.clearfooter {
	height: 50px;
	clear: both;
}

/*--- FULL WIDTH FOOTER WRAPPER ---*/

div.footerWrap {
	position: relative;
	height: 50px;
	background-color: #618081;
	background-image: url(../images/footer/footer_bg.png);
	background-repeat: repeat-x;
}

/*--- FIXED WIDTH FOOTER MAIN FOOTER CONTAINER ---*/

div.footerWrap div#footer {
	position: relative;
	display: block;
	width: 960px;
	height: 50px;
	margin: 0 auto;
	background-image: url(../images/footer/footer.png);
	background-repeat: no-repeat;
}


/************************************}*/