/* ------------------- Main structure Eleven Thirty ----------------- */

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-align:center;
	color: #444;
	background: #fff;
	line-height: 1.5em;
	font-family:"Fedra Sans Book", "Lucida Sans", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	font-variant: normal;
	border-top: 10px solid rgb(137, 167, 35);
	}

#wrapper {
		width:960px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		background: #fff url("http://eleventhirtydesign.com/img/brand.gif") no-repeat; 
		}

	
	
/* ------------------ Typographic styling  		font-family: Georgia, Times, serif; ----------------*/


p {	font-family:"Fedra Sans Book", "Lucida Sans", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	font-variant: normal;
	}

h1 {text-align: left;
		font-size: 200%;
		line-height: 120%;
		color: #888;
		font-weight: normal
		}


h2 {	text-align: left;
		text-transform: uppercase;
		font-size: 200%;
		line-height: 120%;
		color: #888;
		font-weight: normal
		}

p	{
	line-height: 150%;
	}
	
p span {
	font-size: 90%;
	color: #5e7c1d;
	font-weight: bold;
	text-transform: uppercase;
	}	

	
hr {
	border-bottom: 1px solid #888;
	margin: 20px 0 20px 0;
	}	
	
		
#services p {
		padding-left: 55px;
		font-size: 110%;
	}		
		
		
/* ------------------ General styling----------------*/	

.intro {text-align: left;
		font-family:"Fedra Sans Book", "Lucida Sans", sans-serif;
		font-size: 255%;
		line-height: 120%;
		color: #888;
		padding-left: 55px;
		padding-top: 30px;

		}
		
		
/* ------------------ Styling for portfolio on index page ----------------*/	
	
#portfolio {
		display: block;
		height: 280px;
		padding-top: 10px;
		padding-bottom:0px;
		margin-bottom: 0px;
		padding-left: 55px;
		background: #5e7c1d url("http://eleventhirtydesign.com/img/greenfade.gif"); 
		}	
	
#portfolio p {
		float: left;
		position: relative;
		color: #f3ffd2;
		font-size: 90%;
		line-height: 140%;
		}
		

#portfolio p span {
		color: #f3ffd2;
		}
		
			
		
#portfolio img {
		border: #bcd281 6px solid;
		margin-bottom: 10px;
		margin-right: 15px;
		}	
		
/* ------------------ Styling for projects ----------------*/	
	
#project {
	padding: 100px 0 20px 0;
	height: 480px;
	}

#project h2 {
	 border-top: 1px solid #444;
	 padding-top: 10px;
	 text-transform: none;
	 font-weight: normal;
	 font-family: Georgia, Times, serif;
	 color: rgb(137, 167, 35);
	 }	
	
#project h3 {
	 width: 460px;
	 border-top: 1px dotted #444;
	 padding-top: 10px;
	 text-transform:uppercase;
	 font-weight: normal;
	 color: rgb(137, 167, 35);
	 }	
		
#project ul {
	list-style: none;
	padding-left: 0;
	}

#project img {
	padding: 40px 0 0 20px;

	float: right;}
	
/* ------------------ Navigation ----------------*/	
	
#navcontainer {
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 10px 0 10px 500px;
	text-align: center;
	}


#navcontainer ul li {
	list-style: none;
	display: block;
	float: left;
	font-size: 85%;
	color: #333;
	text-transform: uppercase
	}

#navcontainer a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	display: block;
	border-bottom: none;
	width: 70px;
	}
	
#navcontainer a:hover {
	background-color: #999;
	}	
	
	
#navcontainer #here {
	background-color: #999;
	}	
	
#navcontainer li:active {
	border-bottom: 1px dotted #999;
	}	
	
.contact {
	margin-left: 40px;
	color: #5e7c1d;
	}	
	
	
/* ------------------ Index page portfolio ----------------*/	

.branding {
	width: 185px;
	margin-right: 30px;	
	}
	
.branding span {
	text-transform: uppercase;
	font-size: 95%;
	}

.web {
	width: 185px;
	margin-right: 30px;	
	}
	
.web span {
	text-transform: uppercase;
	font-size: 95%;
	}
	
.literature {
	width: 185px;
	margin-right: 30px;	
	}
	
.literature span {
	text-transform: uppercase;
	font-size: 95%;
	}

.exhibition {
	width: 185px;
	margin-right: 30px;	
	}
	
.exhibition span {
	text-transform: uppercase;
	font-size: 95%;
	}	


/* ------------------ Footer ----------------*/

#footer {
		font-size: 80%;
		display: block;
		padding: 0;
		margin-top: 0px;
		height: 130px;
		background: #414141;
		}
		
#footercontainer {
		margin:0 auto;
		padding-top: 10px;	
		width:960px;
		}
		
	
#foot_what 	{
		width: 400px;
		float: left;
		padding: 0 5px 15px 55px;
		color: #dfdfdf;
		}	
	
#foot_what span {
		text-transform: uppercase;
		color: #95b527;
		font-size: 95%;
		}	
		
	
#foot_contact {
		width: 280px;
		float: right;
		padding: 0 5px 15px 0;
		margin-right: 190px;
		color: #dfdfdf;
}	
		
#foot_contact span {
		text-transform: uppercase;
		color: #95b527;
		font-size: 95%;
		}	
		
#foot_contact a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;	
		border-bottom: 1px dotted #fff;
		}		
	
	
/* ------------------ Accordian styling ----------------*/	
	

div#test-accordion{
    border: 1px solid #343230;
	background-color:#21201f;
	padding:10px;
}

div.accordion {
	position: relative; /* required for bounding */
	width:800px;
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #3f3c38;
	background-image:url(../img/off.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#ffffff;   
    cursor: pointer;
	margin-bottom:1px;
	padding:9px 14px 6px 14px;
	border-top:1px solid #5d5852;	
}
div.accordion-toggle:hover, div.accordion-toggle-active{
	background-image:url(../img/on.jpg);
	background-color:#6d493a;
	border-top:1px solid #a06b55;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #302e2c;
	padding:9px 24px 6px 24px;
	color:#c4bab1;
	border-bottom:1px solid #000000;
}