/*
960px Grid System ~ Core CSS.
Created by the Grid System Generator - v0.94
Learn more ~ http://www.gridsystemgenerator.com/

Based on the Grid System by Natan Smith - http://960.gs/
*/

body {
/*background: #ccc;*/
background:#e8e8e8 url(../images/back.jpg) repeat-y center top;
}


/* =Containers
--------------------------------------------------------------------------------*/
.container_3
{

	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 960px;

}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3 {
	display: inline;
	float: left;
	margin-left: 22px;
	margin-right: 0px;

}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 3 Columns
--------------------------------------------------------------------------------*/
.container_3 .grid_1 { width: 280px; }
.container_3 .grid_2 { width: 584px; }
.container_3 .grid_3 { width: 920px; }


/* =Prefix Extra Space >> 3 Columns
--------------------------------------------------------------------------------*/
.container_3 .prefix_1 { padding-left: 320px; }
.container_3 .prefix_2 { padding-left: 640px; }


/* =Suffix Extra Space >> 3 Columns
--------------------------------------------------------------------------------*/
.container_3 .suffix_1 { padding-right: 320px; }
.container_3 .suffix_2 { padding-right: 640px; }
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 10px;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}




/*
----------------------------------------------------------------------------------------------------*/


#about {


}

#about h1{
color:#FFFFFF;
padding-top:20px;
padding-left:20px;
font-weight:normal;
font-size:30px;
text-transform:capitalize;
}

#about .pad{

padding-top:0px;
padding-left:25px;
padding-right:10;
text-align:right;
color:#777f70;
}


.sociallink a:link, .sociallink a:visited { 
 color: #363934; 
 text-decoration: none; 
 
}

.sociallink a:hover, .sociallink a:active {
  color: #666;
 text-decoration: underline; 
 } 


#services {
background-color:#9ea39c;


}


#services .pad{

padding-top:20px;
padding-left:20px;

}


.photo {

float:left;
margin-right:10px;
margin-bottom:10px;

}

.orange {
color:#333;
font-weight:bold;

}






#contact-area {
	width: 500px;
	margin-top: 0px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 375px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #f18a21;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 100px;
	padding-top: 5px;
	color:#FFFFFF;
}

.copyright {
	font-size:10px;
	float:right;
	margin-right:10px;
	color:#ccc;
}






/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {

	/* Toggler - default style */
	.toggler {
	   margin:0 0 0 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 14px;
		font-weight:bold;
		padding-top: 10px;
		display: block;
		line-height:1.2em;
		
	}
	.toggler-closed {
		color:#f7cfb1;
		padding-left:20px;
		
		
	}
	.toggler-closed:hover {
		color: #fff;
		
		
	
		
	}
	.toggler-opened {
		color:#333;
		padding-left:20px;
		
		
		
	}
	.toggler-opened:hover {
		color: #666;
		padding-left:20px;
		
		
		
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   background:transparent;
	   padding-left:20px;
	   padding-bottom:10px;
	   padding-right:20px;
	  
	}
	
	.toggler-c-closed p {
	font-size:12px;
	   line-height:1.2em;
	   color:#5f635c;
	
	}
	.toggler-c-opened {
	
	   padding-left:20px;
	   padding-bottom:10px;
	   padding-right:20px;
	  
	   line-height:normal;
	
	}
	
	.toggler-c-opened p {
	font-size:12px;
	   line-height:1.2em;
	   color:#5f635c;
	
	}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}




	#services .toggler {
	   margin:0 0 0 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 80px;
		font-weight: normal;
		margin-top: -55px;
		margin-left: -15px;
		display: block;
		line-height:1.2em;
		overflow: hidden;

	}
	#services .toggler-closed {
		color:#c4cac0;
		padding-left:20px;
		
		
	}
	#services .toggler-closed:hover {
		color: #fff;
		padding-left:20px;	
	}
	
	#services .toggler-opened {
		color:#c4cac0;
		padding-left:20px;
		background:transparent;
		
		
	}
	
	#services .toggler-opened:hover {
		color: #fff;
		padding-left:20px;
		
	
		
	}


    /* Container - default style */
	
	#services .toggler-c {
	}
	
	#services .toggler-c-closed {
	   background:transparent;
	   padding-left:20px;
	   padding-bottom:0px;
	   padding-right:20px;
	}
	
	#services .toggler-c-closed p {
	font-size:12px;
	   line-height:1.2em;
	   color:#FFFFFF;
	  
	}
	
	#services .toggler-c-closed .large {
	font-size:18px;
	   font-weight:bold;
	   color:#FFFFFF;
	  
	
	}
	
	
	#services .toggler-c-closed .small {
	font-size:10px;
	font-weight: normal;
	text-align:justify;
	   color:#FFFFFF;
	  
	
	}
	
	
	
	#services .toggler-c-opened {
	
	   padding-left:20px;
	   padding-bottom:0px;
	   padding-right:20px;
	   background:transparent;
	   
	   line-height:normal;
	
	}
	
	#services .toggler-c-opened p {
	font-size:12px;
	   line-height:1.2em;
	   color:#FFFFFF;
	  
	
	}
	
		#services .toggler-c-opened .large {
	font-size:18px;
	   font-weight:bold;
	   color:#FFFFFF;
	  
	
	}
	
	#services .toggler-c-opened .small {
	font-size:10px;
	font-weight: normal;
	text-align:justify;
	   color:#FFFFFF;
	  
	
	}