/* 
Design by Free CSS Templates
 http://www.freecsstemplates.org 
Released for free under a Creative Commons Attribution 2.5 License
 */


body {
	margin: 0;
	padding: 0;
	background: #311C00 url(images/img1.jpg);
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9B8767;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E8D6B4;
}
h2, h3 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: url(images/img3.gif) repeat-x left bottom;
	text-transform: lowercase;
	letter-spacing: -1px;
}


h2 {
	font-size: 25px;
}


h3 {
	font-size: 17px;
}


p, ol, ul {
	line-height: 160%;
}


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


ul li {
	padding: 2px 0 5px 0;
	background: url(images/img4.gif) repeat-x;
}


ul li.first {
	background: none;
}


a {
	color: #D9C09A;
}


a:hover {
	text-decoration: none;
}


strong {
	color: #D9C09A;
}


.indent {
	margin-top: 0;
	margin-left: 130px;
}


.image {
	float: left;
	margin: 0;
}


#wrapper {
	background: url(images/img2.jpg) repeat-x;
}



/* Header */

#header {
	width: 730px;
	height: 250px;
	margin: 0 auto;
}


#header * {
	text-transform: lowercase;
	color: #FFFFFF;
}


#header h1 {
	float: left;
	padding: 90px 0 0 0;
	letter-spacing: -2px;
	font-size: 36px;
}


#header h2 {
	float: left;
	padding: 110px 0 0 6px;
	background: none;
	font-size: 12px;
	font-weight: normal;
}


#header h2 a {
	text-decoration: none;
}


#header ul {
	float: right;
	margin: 0;
	padding: 110px 0 0 0;
	list-style: none;
}


#header li {
	display: inline;
}


#header li a {
	display: block;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #7DD2FA;
}


#header li.first a {
	border: none;
}



/* Content */


#content {
	width: 730px;
	margin: 0 auto;
}


#colOne {
	float: left;
	width: 500px;
}


#colTwo {
	float: right;
	width: 184px;
}


#colTwo h3 {
	margin-top: 10px;
}



/* Footer */


#footer {
	clear: both;
	width: 730px;
	margin: 20px auto;
	padding: 20px 0;
	background: url(images/img4.gif) repeat-x;
}


#footer p {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	text-align: center;
}







/* Additions by Dylan, Feb-2013 */
ul.square {	list-style-type:square;	}
ul.square li {	background: none;	}
#colLeft {
	float: left;
	width: 342px;
	}
#colRight {
	float: right;
	width: 342px;
	}
.proj {    line-height: 100%;	font-style:italic;	margin-left: 3em;	margin-top: 0em;	margin-bottom: 0.5em;	text-indent: -3em;	}
.proj:first-line {	font-style:normal;	}





/* Magnify an image http://www.cssplay.co.uk/menu/magnify.html Commercial usage is also permitted without seeking approval */
a.p1 {display:block; width:306px; height:169px; text-decoration:none; background:none; border:0; margin:10px; float:left; position:relative; z-index:50;}
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:none; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
 border-radius:3px; 
 box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
img.iPad {position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:10;}
a.p1:hover b {top:-120px; left:60px; padding:10px; border:1px solid #ddd; background:#fff; opacity:1.0;}
a.p1:hover ~ img.iPad {display:block;}