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

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-align:center;
	color: #444;
	background: #fff url("../img/paper2.jpg") repeat;
	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;

	}

#wrapper {
		width:960px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		background: #fff url("http://eleventhirtydesign.com/img/brand.gif") no-repeat; 
	 	border-top: 10px solid rgb(137, 167, 35);
		}

	
	
/* ------------------ 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", "Helvetica Neue", helvetica, arial, sans-serif;
		font-size: 225%;
		line-height: 150%;
		color: #888;
		padding: 40px 0 30px 55px;
		text-shadow: 1px 1px 1px #d1d1d1;

		}
		
		
/* ------------------ Styling for portfolio on index page ----------------*/	
	
#portfolio {
		display: block;
		height: 400px;
		padding-top: 20px;
		padding-bottom:0px;
		margin-bottom: 0px;
		padding-left: 55px;
		background: #5e7c1d url("../img/greenfade.png"); 
		}	
		
#portfolio h1 {
		text-align: center;
		font-size: 325%;
		font-family: 'Droid Serif', serif;
		letter-spacing: -1px;
		color: rgb(213,225,169);
		text-shadow: 1px 1px 1px #000;
		filter: dropshadow(color=#000, offx=1, offy=1);}	
	
#portfolio p {
		float: left;
		position: relative;
		color: #f3ffd2;
		font-size: 90%;
		line-height: 140%;
		}
		

#portfolio p span {
		color: #fff;
		}
		
			
		
#portfolio img {
		border: #bcd281 6px solid;
		margin-bottom: 10px;
		margin-right: 15px;
		}	
		
#portfolio a:hover img {
		border: #000 6px solid;
		opacity: 0.7;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out; 
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;  
		}
		
/* ------------------ 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;
	}	

/* ------------------ Styling links ----------------*/	

a {
	color: rgb(75, 75, 75);
	text-decoration: none;
	font-weight: normal; }
	
a {outline: none;} /* Gets rid of Firefox's dotted borders */

a img {border: none;} /* Gets rid of IE's blue borders */

a:link {
	color: rgb(75, 75, 75);
	text-decoration: none;
	font-weight: normal;}

a:hover {
	color: rgb(75, 75, 75);
	border-bottom: none;}
	
a:active {
	color: rgb(75, 75, 75);
	border-bottom: none;
	text-decoration: none;}

	
	
/* ------------------ 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: 190px;
		background: #414141;
		}

footer h2 {
		font-family: 'Droid Serif', serif;
		font-size: 180%;
		text-transform: none;
		color: #95b527;
		text-align: center; 
		text-shadow: 1px 1px 1px #000;
		filter: dropshadow(color=#000, offx=1, offy=1);}	
		
			
#footercontainer a:hover {
		color: rgb(149,180,38);
		border-bottom: 1px dotted rgb(149,180,38);; }	

		
#footercontainer {
		margin:0 auto;
		padding-top: 10px;	
		width:960px;
		}
		
	
#foot_what 	{
		width: 270px;
		float: left;
		padding: 0 5px 15px 55px;
		color: #dfdfdf;
		}	
	

				
	
#foot_contact {
		width: 300px;
		float: right;
		padding: 0 5px 15px 0;
		color: #dfdfdf;}	
			
		
#foot_contact a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;	
		border-bottom: 1px dotted #fff;
		}		
	
#foot_other {
		width: 270px;
		float: right;
		padding: 0 25px 15px 10px;
		color: #dfdfdf; }	

#connections {
	margin: 0 auto;
	padding: 0;}

#connections li {
	font-size: 85%;
	list-style: none;
	float: left; }
	
#connections a:link {
	border-bottom: none;}
	
#connections img {
		opacity: 0.2;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 0;
		padding-right: 10px;
	}
	
#connections a:hover img {
		opacity: 1.0;
		border-bottom: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out; 
		-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out; 
			-moz-transform:rotate(-5deg) scale(1.3);
			-webkit-transform:rotate(-5deg) scale(1.3);
				transform:rotate(-5deg) scale(1.3);}	




/* Twitter feed
------------------------------------------------*/	

#twitter {
	width: 100%;
	margin-left: -40px;
	}	
	
#twitter li {
	list-style-type:none;
	color: #95b527;
	line-height: 1.3em;
	padding-left: 0; }

#twitter .hash { 
	color:rgb(117,160,50);
	font-size:85%;
	text-transform: uppercase;  } 

#twitter .reply { 
	 color:rgb(75, 75, 75);
	} 

#twitter a:link { text-decoration:none; color:rgb(117,160,50); border-bottom: none;}
#twitter a:active { text-decoration:none; color:rgb(117,160,50);border-bottom: none;}
#twitter a:hover { text-decoration:underline; color:rgb(117,160,50);}
#twitter a:visited { text-decoration:none; color:rgb(117,160,50);border-bottom: none;}



	
/* gallery ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {width:550px; position:relative; height:60px; padding-top:356px; margin:0 10px 90px 10px; }

#gallery img.left {width:55px; height:62px; background:#fbfbee; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#fbfbee; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#fbfbee; border:2px  border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}


/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family: georgia, times,serif; color:#888; font-size:11px; line-height:15px;}
#gallery ul li strong {color:#222;}

#gallery ul li.chosen {
border-color:#63721f; background: #63721f; cursor:default;}

#gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#fbfbee;}

#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 

#gallery ul li.chosen div i img {
visibility:visible; 
width:auto; 
height:auto; 
border:1px solid #aaa; 
margin:0 auto;
}

#gallery ul li.chosen span {
display:block;
}