@charset "utf-8";
/* CSS Document */

/* 

	COLOR REFERENCE
	==	==	 ==	 ==
	GREEN : #99BE68
	BROWN : #493815
	BLUE  : #6EC8BF
	
	---------------
	
	EM SIZING GUIDE
	==	==   ==	 ==
	0.75em =   12px
	0.875em=   14px
    1em    =   16px
    1.125em=   18px
	1.25em =   20px
	...
	figure ems by dividing desired size by 16
	ie:  20px = 20/16 = 1.25em

*/

/* ****************************************************
*
*				TABLE OF CONTENTS
*				=================
*
*	Structure
*	Title Tags
*	Sider Menu
*	Header
*	Header Menu
*	Content
*	Footer General
*	Footer Upper
*	Footer Lower
*	Forms (all)
*
***************************************************** */

/* ///////////////////////////////////////////////////// 
*
*			STRUCTURE
*
//////////////////////////////////////////////////////*/

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em; /* 16x1.125 = 18 */
	background-color:#fff;
	color:#555;
}

#wrapper
{
	font-size:0.875em; /* 16x0.875 = 14 */
	width:60em; /* 16x60 = 960 */
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:5.3125em; /* 16x5.3125 = 85 */
	margin-bottom:10em;
}

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

ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}

img{border:none;}

.spacer{display:block;clear:both;}

.c-spacer{display:block;height:3em;clear:both;}


/* ///////////////////////////////////////////////////// 
*
*			TITLE TAGS
*
//////////////////////////////////////////////////////*/

h1,h2,h3,h4{color:#333;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}

h1{font-size:1.5em; /* 16x1.5 = 24 */}

h2{font-size:1.25em; /* 16x1.25 = 20 */}

h3{font-size:1.125em; /* 16x1.125 = 18 */}

h4{font-size:1em; /* 16x1 = 16 */}


/* ///////////////////////////////////////////////////// 
*
*			SIDER MENU
*
//////////////////////////////////////////////////////*/

/* ///////////////////////////////////////////////////// 
*
*			HEADER
*
//////////////////////////////////////////////////////*/

#header
{
	background-image:url(../images/bg-head.png);
	background-repeat:repeat-x;
	background-position:top left;
	display:block;
	height:5.3125em; /* 16x5.3125 = 85 */
}

img.logo
{
	position:absolute;
	right:-3.125em; /* 16x-2.5 = -40 */
	top:-3.75em; /* 16x-3.75 = -60 */
	border:none;
	z-index:20;!important
}


/* ///////////////////////////////////////////////////// 
*
*			HEADER MENU
*
//////////////////////////////////////////////////////*/

#header ul.head-links
{
	position:relative;
	top:1.875em; /* 16x1.875 = 30 */
}

#header ul.head-links li
{
	display:inline;
	margin-left:1.875em; /* 16x1.875 = 24 */
}

#header ul.head-links li a
{
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	font-size:0.875em; /* 16x0.875 = 14 */
}

#header ul.head-links li a:hover{color:#493815;}


/* ///////////////////////////////////////////////////// 
*
*			CONTENT
*
//////////////////////////////////////////////////////*/

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

#content a:hover{text-decoration:overline;}

#content
{
	background-color:transparent;
	margin:0.625em 0;  /* 16x0.625 = 10 */
	height:auto;
	position:relative;
}

img.main
{
	width:60em; /* 16x60 = 960 */
}

#simplegallery1
{ 
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	z-index:10;
}

#simplegallery1 img
{
	z-index:1;
}

#simplegallery1 .gallerydesctext
{ 
	text-align: left;
	padding: 2px 5px;
}

#content ul.c-left, #content ul.c-right, #content ul.c-left-full
{
	display:inline-block;
}

#content ul.c-left, #content ul.c-left-full
{
	float:left;
	position:relative;
	width:76%;
	margin-bottom:4em;
}
#content ul.c-left-full
{
	width:100%;
}

/*
#content ul.c-right
{
	float:right;
	position:relative;
	bottom:-1.25em;
	width:20%;
	border-left:5px solid #99BE68;
	padding:3em 0 0.75em 0.75em;
	margin-top:1em;
}
*/

#content ul.c-right
{
	position:absolute;
	right:0;
	bottom:-1.25em;
	width:20%;
	border-left:5px solid #99be68;
	padding:3em 0 0.75em 0.75em;
}

#content ul.c-right li
{
	margin:0.625em 0;
}

#content ul.services{float:left;width:48%;margin-right:10px;}



/* ///////////////////////////////////////////////////// 
*
*			FOOTER GENERAL
*
//////////////////////////////////////////////////////*/

#footer, #footer #upper, #footer #lower
{
	display:block;
	position:relative;
	font-size:0.875em; /* 16x0.875 = 14 */
	color:#493815;
}

#footer #upper, #footer #lower{height:auto;}

#footer
{
	height:15.3125em; /* 16x15.3125 = 245 */
}

#footer span.green
{
	color:#99BE68;
}

#footer span
{
	text-transform:uppercase;
}


/* ///////////////////////////////////////////////////// 
*
*			FOOTER UPPER
*
//////////////////////////////////////////////////////*/

#footer #upper
{
	background-color:#99BE68;
	padding:1.25em; /* 16x1.25em = 20 */
	text-transform:none;
}

#footer ul.foot-upper
{
	border:1px solid #fff;
	color:#fff;
	height:10.5em;
	overflow:hidden;
}

#footer ul.foot-upper li
{
	margin:0.625em;  /* 16x0.625 = 10 */
	display:inline-block;
	border-right:1px solid #fff;
	padding:0 0.625em;
	height:9.5em; /* 16x6.875 = 110 */
	overflow:hidden;
}

#footer ul.foot-upper li p
{
	font-size:1.25em;
}

#footer ul.foot-upper li.first
{
	width:400px;
}

#footer ul.foot-upper li.first img
{
	float:left;
	position:relative;
	margin-right:1em;
}

#footer ul.foot-upper li.middle
{
	width:170px;
}

#footer ul.foot-upper li.middle img
{
	margin-left:1.25em;
}

#footer ul.foot-upper li.middle p
{
	position:relative;
	float:right;
	top:-17px;
	right:10px;
}

#footer ul.foot-upper li.last
{
	width:150px;
	border:none;
	position:relative;
	left:2em;
}

#footer ul.foot-upper img
{
	display:inline-block;
}

#footer #upper span.title
{
	position:relative;
	display:inline-block;
	width:50%;
	font-size:1.25em;
	border-bottom:1px solid #fff;
}

#footer #upper p
{

}

#footer #upper p.date, #footer #upper p.playTitle
{
	text-transform:uppercase;
	font-size:1.25em;
	margin:0;
	padding:0;
}

#footer #upper p.date{text-indent:3.5em;}

/* ///////////////////////////////////////////////////// 
*
*			FOOTER LOWER
*
//////////////////////////////////////////////////////*/

#footer #lower
{
	background-color:#493815;
	margin-top:0.625em; /* 16x0.625 = 10 */
	padding:1.25em; /* 16x1.25em = 20 */
	color:#fff;
}

#footer #lower img
{
	display:inline;
	margin-right:0.625em; /* 16x0.625 = 10 */
}

#footer #lower img.icon{width:2em; /* 16x3.125 = 50 */}

#footer #lower img.flickr{width:4em;}

#footer #lower img.img-phone 
{
	position:absolute;
	top:2em; /* 16x1.25em = 20 */
	right:0.625em; /* 16x0.625 = 10 */
}

#footer #lower img.img-email
{
	position:absolute;
	top:2em;
	right:14em;
}

#footer ul.foot-lower 
{
	float:right;
}

#footer ul.foot-lower li
{
	display:inline-block;
	text-transform:uppercase;
	margin-left:1.25em; /* 16x1.25em = 20 */
}

#footer #lower img.logo-tag
{
	position:absolute;
	right:1em; /* 16x1.25em = 20 */
	bottom:-3.875em; /* 16x-3.875 = 62 */
}

/* ///////////////////////////////////////////////////// 
*
*			FORMS (ALL)
*
//////////////////////////////////////////////////////*/

form.contact, form.request
{
	position:relative;
	padding:10px 20px;
	border:1px solid #666;
	width:80%; /* 31% */
	background-color:#f9f9f9;
}

form.clientLogin
{
	position:relative;
	padding:10px 20px;
	border:1px solid #666;
	width:31%;
	background-color:#f9f9f9;
}

input.formInput, input.angryInput
{
	display:block;
	border:1px solid #333;
	height:30px;
	width:250px;
	background-color:#fff;
	font-size:24px;
	line-height:24px;
	padding:5px 3px 0;
	color:#444;
}

input.angryInput{border-color:#c00;}

p.submit{position:relative;}

p.submit input
{
	position:relative;
	float:right;
	color:#fff;
	background-color:#493815;	
	border:1px solid #fff;
	font-size:14px;
	padding:3px;
}

p.submit input:hover{border:1px solid #333;cursor:pointer;}

label.note{font-size:12px;}

label.required, label.angry{font-weight:bold;}

label.angry{color:#c00;}

textarea
{
	border:1px solid #666;
	width:380px;
	height:306px;
	background-color:#fff;
	font-size:24px;
	line-height:28px;
	padding:5px 3px 0;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
}

p.comments label
{
	clear:right;
	float:right;
}

p.comments
{
	position:relative;
	float:right;
	display:block;
}

p.error
{
	color:#c00;
	font-weight:bold;
}

p.error a{color:#0099FF;text-decoration:underline;}
p.error a:hover{text-decoration:overline;}