@charset "utf-8";
/* CSS Document */

body,html {
	background:#FFF;
	/* 	background: #FFF url(../images/bg.jpg) 50% 0 repeat; */
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;}

h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 0 10px 0;}
	
h1 {
	font-size:36px;}
h2 {
	font-size:24px;}
h3 {
	font-size:20px;}
h4 {
	font-size:18px;}
h5 {
	font-size:16px;}
h6 {
	font-size:14px;}

a:link, a:active, a:visited {
	color:#3caae2;
	text-decoration:none;
	outline:none;}

a:hover {
	color:#e73e4c;}

/* ----------------- CLASSES -- */

.left {
	float:left;}

.right {
	float:right;}

.clear {
	clear:both;}
	
img.left {
	float:left;
	margin:0 20px 10px 0;
	border:3px solid #7dc6eb;}
	
img.right {
	float:right;
	margin:0 0 10px 20px;
	border:3px solid #7dc6eb;}
	
img.stars {
	position:relative;
	top:20px;}
	
blockquote {
	margin:20px 30px 0 0;
	padding:0;
	font-size:21px;
	text-indent:-5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	quotes: "\201C" "\201D";}
	
blockquote p{
	margin:0;
	padding:0;
}	
	
blockquote:before {
	margin:0;
	content: open-quote;
	float:left;
	position:relative;
	left:-7px;
	padding:0;
	/* background:url(../images/quote.png) top left no-repeat; */}
	
blockquote p:after {
	margin:0;
	content: close-quote;
	/* background:url(../images/quote.png) bottom right no-repeat; */}
	
#showRight img {
	position:relative;
	top:20px;}
	
cite {
	padding:0;
	margin:0;
	position:relative;
	top:-10px;
	font-style:normal;}

/* ----------------- STRUCTURE -- */

#container {
	width:760px;
	margin:0 auto;}

#header {
	background:url(../images/mje.png) 0 31px no-repeat;
	height:170px;
	margin-bottom:20px;
	border-bottom:1px dotted #333;}
	
	#header h1 {
		text-indent:-999em;
		padding:0;
		margin:0;}

#nav {
	position:relative;
	top:33px;
	right:-5px;
	float:right;}

#content {
	min-height:520px;}

#footer {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border-top:1px dotted #333;
	padding:5px 0 50px 0;
	}
	
	#footer ul {
		float:right;
		margin:0;
		padding:0;
		list-style:none;}
	
	#footer ul li {
		float:left;
		margin: 0 0 0 10px;
		}
		
		
#flash{
	width:760px;
	height:472px;
}

ul#projectsThumbs{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#projectsThumbs li{
	float:left;
	margin: 0 10px 10px 0;
}

/* ----------------- Projecy thumbs-- */

.thumb {
	border:0px;
	position:relative;
	width:142px;
	height:110px;	
}

	.thumbBorder {
		width:142px;
		height:110px;		
		background:url(../images/thumb_l.png) 0 0 repeat;
		border:0px;
		position:absolute;
		top:0;
		left:0;
	}
	
	.thumbBorder:hover{
		background-position: -142px 0px;
	}	
	
	.thumb img {
		width:142px;
		height:110px;	
		border:0px;
		position:absolute;
		top:0;
		left:0;		
	}	
	

/* ----------------- News thumbs-- */


.thumbNews {
	border:0px;
	position:relative;
	width:110px;
	height:142px;	
}

	.thumbNews .thumbBorder {
		width:110px;
		height:142px;	
		background:url(../images/thumb.png) 0 0 repeat;
		border:0px;
		position:absolute;
		top:0;
		left:0;
	}
	
	.thumbNews .thumbBorder:hover{
		background-position: 0 -142px;
	}	
	
	.thumbNews img {
	width:110px;
	height:142px;
		border:0px;
		position:absolute;
		top:0;
		left:0;		
	}	
	
.thumbNews{
	float:left;
	margin-right:20px;
}

/* ----------------- NAVIGATION -- */

#nav ul {
	text-align:right;
	list-style:none;}

#nav ul li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	float:left;
	padding:0 15px 0 15px;
	text-transform: lowercase;
	border-left:1px solid #7dc6eb;}
	
	#nav ul li.navHome {
		border-left:none;
		outline:none;}

#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
	color:#3caae2;
	text-decoration:none;
	outline:none;}

#nav ul li a:hover {
	color:#e73e4c;}

#projectsNav {
	width:760px;
	position:relative;
	top:-15px;	
	border-bottom:1px dotted #333333;
	margin:0 0 10px 0;
}

#projectsNav ul{
	float:right;
	position:relative;
	top:-3px;
	right:-10px;		
	text-align:right;
	list-style:none;}	
	
#projectsNav ul li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	float:left;
	padding:0 15px 0 15px;
	text-transform: lowercase;
	border-left:1px solid #7dc6eb;}	
	
#projectsNav ul li.all {
	border-left:none;}		
	
/* ----------------- Additional Items -- */		

#gmap {
	float:right;
	border:3px solid #7dc6eb;}
	
#text {}	
	
.newsList {
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	border-bottom:1px dotted #333;}
	
/* ----------------- Shows -- */	

#showLeft {
	float:left;
	width:320px;
}

#showRight {
	float:right;
	width:390px;
	min-height:460px;
	position:relative;
}

	#showRight img#official_site {
		border:0;
		float:right;
		margin:0 0 50px 0;
	}