/* CSS DOCUMENT */


body {

	font: 62.5%/1.5  "Arial", Arial;
		
	color: #000000;
		
	margin: 0; 
	
	padding: 0;
	
	background: url('../images/bg_plans.jpg') top center repeat-x #737A35;
		
	text-align: center;

}


/************** FONTS *****************/

h1 {

	font-size: 1.8em;
	
	color: #962C2C;
	
	margin-bottom: 0.5em;

}


h2 {

	font-size: 1.2em;
	
	color: #000000;
	
	font-weight: bold;
	
	margin-bottom: 0.2em;

}

h3 {

	font-size: 1.2em;
	
	color: #000000;
	
	font-weight: bold;
	
	margin-bottom: 0.2em;
	
	text-transform: uppercase;

}

p {

	font-size: 1.4em;
	
	line-height: 1.3em;
	
	margin-bottom: 1.2em;

}
	
	
#quote p{

	font-size: 1.4em;
	
	color: #962C2C;
	
	font-weight: bold;

}

#award p{

	color: #FFFFFF;
	
	font-weight: bold;
	
	margin-bottom: 0.2em;

}

a {

	color: #962C2C;
	
	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

ul.list {

	list-style: square;

	font-size: 1.4em;
	
	line-height: 1.3em;
	
	margin-bottom: 1.2em;
	
	margin-left: 1.2em;

}

li.list {

	list-style:square;

}


/************** LAYOUT *****************/

#center {
		
	text-align: left;
		
	position: absolute;
		
	top: 0px;
		
	left: 50%;
		
	margin-left: -48.25em;
		
	padding-right: 0px;
		
	z-index: 5;
	
	margin-bottom: 0px;
		
	width: 96.5em;
		
	height: auto;

}


#wrapper {

	position: relative;
	
	margin-left: auto;
	
	margin-right: auto;
	
	margin-bottom: 0px;
	
	margin-top: 0px;
	
	padding-top: 150px;
	
	padding-left: 45px;
	
	padding-right: 45px;
	
	text-align: left;
	
	background: url('../images/wraper_bg.png') repeat-y;

	width: 875px;
	
	height: auto;

}

#wrapper_bottom {

	position: relative;
	
	margin-left: auto;
	
	margin-right: auto;
	
	margin-bottom: 0px;
	
	margin-top: 0px;
	
	padding-bottom: 45px;
	
	padding-left: 45px;
	
	padding-right: 45px;
	
	text-align: left;
	
	background: url('../images/wraper_bg_bottom_2.png') no-repeat;
	
	width: 875px;
	
	height: 42px;

}

#footer {

	position: relative;
	
	margin-left: auto;
	
	margin-right: auto;
	
	margin-bottom: 0px;
	
	margin-top: 0px;
	
	padding-bottom: 100px;
	
	padding-left: 0px;
	
	padding-right: 0px;
	
	text-align: right;
	
	width: 800px;
	
	height: auto;
	
	color:#FFFDF2;
	
	font-size: 1.4em;
	
}

#footer img{

	float: left;
	
	margin-right: 10px;

}

#footer li{
	
	float: left;
	
	margin-right: 7px;


}

#footer ul{

	margin-top: 6px;
	
	padding-top: 12px;
	
	line-height: 1.1em;

}


#left {

	position: relative;
	
	float: left;
	
	width: 380px;
	
	height: auto;
	
	margin: 0px;
	
	padding-top: 30px;
		
	padding-left: 50px;

}


#right {

	position: relative;
	
	float: right;
	
	width: 368px;
	
	height: auto;
	
	background: url('../images/right_bg.jpg') repeat-y bottom right;
	
	margin: 0px;
	
	padding-top: 30px;
	
	padding-right: 33px;

}


#full {

	position: relative;
	
	float: right;
	
	width: 775px;
	
	height: auto;
	
	background: url('../images/right_bg.jpg') repeat-y bottom right;
	
	margin: 0px;
	
	padding-top: 30px;
	
	padding-left: 50px;
	
	padding-right: 50px;

}

#clear {

	clear:both;

}


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

#header {

    text-align: left;
    
	position: absolute;
    
	top: 0px;
	
	left: 50%;
    
	margin-left: -43.75em;
	
	z-index: 5;
	
	width: 87.5em;
	
	height: 124px;
	
	overflow: visible;
	
	background-color: #737A35;
	
	border-bottom: 29px solid #B8BB98;

}

#header img.logo {

	position: absolute;
	
	bottom: 2.5em;
	
	left: 2.7em;

}

#header img.tag {

	position: absolute;
	
	bottom: 2.5em;
	
	right: 2.7em;

}


/************** NAVIGATION *****************/

ul#nav-main {
	
	position: absolute;
	
	overflow: visible;
	
	top: 124px;
	
	left: 0;
	
	margin: 0;
	
	padding: 0;

	list-style: none;
	
	z-index: 10;
	
	left: 2.7em;

}

ul#nav-main li {

	text-transform: uppercase;
	
	position: relative;
	
	margin: 0;
	
	padding: 0;
	
	float: left;
	
	clear: none;
	
	overflow: visible;
	
	font-size: 1.0em;
	
	list-style: none;

}

ul#nav-main li a {
	
	position: relative;
	
	height: 17px;
	
	display: block;
	
	float: left;
	
	clear: none;
	
	margin: 0;
	
	padding-top: 0.4em;
	
	padding-bottom: 0.5em;
	
	padding-left: 1.0em;
	
	padding-right:1.0em;
	
	text-align: left;
	
	font-weight: bold;
	
	font-size: 1.3em;
	
	background: #B8BB98;
	
	_background-image: none;
	
	color: #737A35;
	
	text-decoration: none;

}

ul#nav-main li a:hover {
	
	color: #B8BB98;

}

ul#nav-main li:hover a, 

ul#nav-main li.sfHover a {

    background-color: #737A35;

    color: #B8BB98;

}

ul#nav-main li:hover ul a, 

ul#nav-main li.sfHover ul a {
	
	background: none;

	
	color: #B8BB98;
}


ul#nav-main li:hover ul a:hover, 

ul#nav-main li.sfHover ul a:hover {
	
	background: #B8BB98;
	
	color: #737A35;
}


ul#nav-main li ul {
	
	position: absolute;
    
	top: 27px;
	
	left: -1px;
	
	overflow: visible;
	
	margin: 0;
	
	padding: 3px 1px;
	
	list-style: none;
	
	background: url('../images/featured_bg.jpg') no-repeat top right #fffdf1;

	border: 1px solid #B8BB98;
	
	z-index: 10;
    
	display: none;

}

ul#nav-main li ul ul {

    left: 0;

    clear: both;

}

ul#nav-main li ul ul,

ul#nav-main li:hover ul,

ul#nav-main li.sfHover ul {
	
	display: inline;

}

ul#nav-main li ul li {
	
	position: relative;
	
	float: left;
	
	clear: both;
	
	margin: 0;
	
	padding: 0;
	
	border-right: none;
}

ul#nav-main li ul li a {
	
	position: relative;
	
	width: 150px;
	
	height: auto;
	
	display: block;
	
	overflow: visible;
	
	float: left;
	
	clear: both;
	
	margin: 0;
	
	padding: 3px 15px;
	
	font-size: 1.2em;
	
	line-height: 1.2;
	
	color: black;
	
	border-top: none;
	
	background: url('../images/featured_bg.jpg') no-repeat top right #00FF00;


}

ul#nav-main li ul li.first a {
	
	border-top: none;
}

ul#nav-main li ul li a:hover {
	
	background: url('../images/featured_bg.jpg') no-repeat top right #00FF00;

	
	color: black;
}

ul#nav-main li ul li ul {
	
	position: relative;
	
	top: 0;
	
	margin: 0;
	
	padding: 0;
	
	list-style: none;
	
	border: none;
	
	z-index: 10;

}

ul#nav-main li ul li ul li a {
	
	width: 145px;
	
	padding-left: 20px;
	
	font-size: 1.2em;

}


/************** QUOTE *****************/

#quote{

	margin-top: 2.0em;

}

#quote br{

	font-style: italic;

}


/************** AWARD *****************/

#award {

	background-color: #962C2C;
	
	padding: 1.2em;
	
	margin-top: 9em;
	
	height: auto;
	
	width:357px;
	
	-moz-border-radius: 5px;
	
	-webkit-border-radius: 5px

}

#award img{

	position: absolute;
	
	z-index: 5;
	
	margin-top: -8em;
	
	margin-left: 24em;

}

#award p{

	font-size: 1.2em;

}

#award strong{

	font-size: 1.45em;
	margin-bottom: 0px;

}

#award a{

	color: #FFFFFF;
	
	font-weight: bold;
	
	margin-bottom: 0.2em;
	
	text-decoration: none;

}

#award a:hover{

	color: #FFFFFF;
	
	font-weight: bold;
	
	margin-bottom: 0.2em;
	
	text-decoration: none;

}


/************** FEATURED PROJECTS *****************/

.current-featured p {

	margin-bottom: 0px;

}

.current-featured {
    
	position: relative;
    
	overflow: hidden;
	
	display: block;
	
	left: 0;
	
	padding: 0;
    
	list-style: none;
	
	margin-bottom: 1.9em;
	
	width: 367px;
	
	height: 127px;

}

.current-featured img {
	
	margin: 0;
	
	padding: 0;

}

.current-featured a {
	
	display: block;
	
	width: 367px;
	
	height: 127px;
	
	background: #B8BB98;
}

.current-featured p {
	
	font-size: 1.1em;
    
	position: absolute;
	
	width: 367px;
    
	left: 0;
    
	bottom: 0;
    
	_bottom: 1.7em;
	
	padding-left: 1.0em;
	
	padding-top: 0.4em;
	
	padding-bottom: 0.4em;
   
    background: rgba(0, 0, 0, 0.7);
    
	*background: transparent url('../images/black_tranparency.png') repeat-x 0 0;
    
	_background-color: black;
    
	_background-image: none;
    
	color: white;
    
	z-index: 9;
}


/************** BUTTONS *****************/

a.button {

    display: inline-block;

    padding: 0.2em 1.2em 0.3em;
	
	background: #962C2C;
	
	border: 1px solid #631E1E;
	
	border-radius: 5px;
	
	text-transform: uppercase;
	
	color: #FEFDEE;
	
	text-decoration: none;
	
	font-weight: bold;
	
	float: right;

}
a.button:hover,
a.button:focus {
	
	background-color: #631E1E;
	
	border-color: #631E1E;
	
	color: white;
	
	text-decoration: none;
	
	}
	
	
/************** PORTFOLIO SLIDESHOW *****************/


#portfolio {

	margin-left: auto;
	
	margin-right: auto;
	
	width: 875px;
	
	height: 242px;
	
	z-index: 5;

}	
	
	
ul#portfolio li img{

	border: none;
	
	padding: 0px;
	
	width: 875px;
	
	height: 242px;
	
	display: block;
	
	overflow: hidden;
}


#portfolio p {
	
	font-size: 1.1em;
    
	position: absolute;
	
	width: 865px;
    
	left: 0;
    
	bottom: 0em;
	
	margin-bottom: 0px;
    
	display: block;
	
	padding-left: 10px;
	
	padding-top: 0.4em;
	
	padding-bottom: 0.4em;
 	
	background: rgba(0, 0, 0, 0.7);
    
	*background: transparent url('../images/black_tranparency.png') repeat-x 0 0;
    
	_background-color: black;
    
	_background-image: none;
    
	color: white;
    
	z-index: 9;
}


/************** IFRAME *****************/

iframe {

border: 6px solid #B8BB98;

}


/************** EASY SLIDER *****************/

pre{

	display: block;
	
	font: 12px "Courier New", Courier, monospace;
	
	padding: 10px;
	
	border: 1px solid #B8BB98;
	
	background: #e3f4f9;	
	
	margin: .5em 0;
	
	width: 483px;

}	
			
 
.graphic, #prevBtn, #nextBtn{

	margin: 0;
	
	padding: 0;
	
	display: block;
	
	overflow: hidden;
	
	text-indent: -8000px;

}

#slider{

	border: solid 15px #B8BB98;
	
	margin-left: auto;
	
	margin-right: auto;
	
}	

#slider ul, #slider li{

	margin: 0;
	
	padding: 0;
	
	list-style: none;
	
}
	
#slider li{ 

	width: 483px;
	
	height: 324px;
	
	overflow: hidden; 

}


#prevBtn, #nextBtn{ 

	display: block;
	
	width: 30px;
	
	height: 77px;
	
	position: absolute;
	
	left: 152px;
	
	bottom: 100px;


}

#prevBtn{

	background-image: url('../images/btn_prev.png');
}

#nextBtn{

	background-image: url('../images/btn_next.png');

	left: 693px;

}														

#prevBtn a, #nextBtn a{  

	display: block;
	
	width: 30px;
	
	height: 77px;
	
	background: url('images/btn_prev.png') no-repeat 0 0;	

}	

#nextBtn a{ 		

	background: url('images/btn_next.png') no-repeat 0 0;	

}



/* single image */



.showcase p {

	margin-bottom: 0px;

}

.showcase {
    
	position: relative;
    
	overflow: hidden;
	
	display: block;
	
	left: 0;
	
	padding: 0;
    
	list-style: none;
	
	margin-bottom: 0;
	
	width: 875px;
	
	height: 242px;

}

.showcase img {
	
	margin: 0;
	
	padding: 0;
	
	width: 875px;
	
	height: 242px;

}

.showcase a {
	
	display: block;
	
	width: 875px;
	
	height: 242px;
	
	background:#B8BB98;
}

.showcase p {
	
	font-size: 1.1em;
    
	position: absolute;
	
	width: 865px;
    
	left: 0;
    
	bottom: 0;
    
	_bottom: 1.7em;
	
	padding-left: 1.0em;
	
	padding-top: 0.4em;
	
	padding-bottom: 0.4em;
   
    background: rgba(0, 0, 0, 0.7);
    
	*background: transparent url('../images/black_tranparency.png') repeat-x 0 0;
    
	_background-color: black;
    
	_background-image: none;
    
	color: white;
    
	z-index: 9;
}


img.featured {

	position: relative;

	display: block;

	width: 483;

	height: 324;

	margin-left: auto;
	
	margin-right: auto;
	
	border: solid 15px #B8BB98;

}