@import url(/css/reset.css);

body {
	background: none;
	color: #8a97ab;
	text-align: center;
	font-size: 100%;
    font-family: Georgia, Times, "Times New Roman", Garamond, Times, serif;  
    line-height: 1;
	}
	
#outer {
	width: 620px; 
	margin: 0 auto;
	padding: 2em 0;
	text-align: center;
	}
   
/* 
=========================

Top & Navigation

=========================
*/	
	

#top {
	padding-bottom: 1.5em;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 1.5em;
	text-align: left;
	}

h1 {
	width: 230px;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1;
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
	}

h1 img { border: none; background: none; }

	
#top ul {
	width: 360px;
	float: right;
	list-style: none;
	margin: 0;
	padding: 6px 0 4px 0;
	text-align: right;
	}
	
#top li {
	display: inline;
	margin: 0 13px 0 0;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	}
	
#top li.end {
	margin: 0;
	}	
	
#top li a {
	color: #8a97ab;
	text-decoration: none;
	padding: 1px 0;
	}
	
#top li a:hover {
	border-bottom: 1px solid #8a97ab;
	border-top: 1px solid #8a97ab;
	}	
	
	
#home #n-home,
#about #n-about,
#services #n-services,
#portfolio #n-portfolio,
#contact #n-contact, 
#home a#n-home:hover,
#about a#n-about:hover,
#services a#n-services:hover,
#portfolio a#n-portfolio:hover,
#contact a#n-contact:hover {
	color: #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	border-top: 1px solid #6e6e6e;
	}
	
/* 
=========================

Content Styles

=========================
*/	

#content {
	width: 500px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.5em;
	margin: 0 auto;
	text-align: left;
	}	

h2, h3 {
	font-weight: normal;
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 1.5em;
color: #2a3e5e;
	}

h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #8a97ab;
	}

h3 {
	
	font-style: italic;
}

p { margin: 0 0 1.5em 0; }
blockquote  { color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
.strike     { text-decoration: line-through; }
.hide       { display: none; }
.center {text-align: center; }
.amp, .alt {  
  font-size: 1.2em;
  font-style: italic;
  font-family: "Warnock Pro", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
}

.amp { line-height: 1%; }
.alt { line-height: 100%; }

.caps, .phrase, label {
	text-transform: uppercase;
	font-size: 75%;
	letter-spacing: 1px;
	}	

.error, .notice, .success { 
	padding: 1em; 
	margin-bottom: 1.5em; 
	border-style: solid;
	border-width: 2px;
	text-align: center; 
	}
.error      { background: #fbe3e4; color: #d12f19; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #817134; border-color: #ffd324; }
.success    { background: #e6efc2; color: #529214; border-color: #c6d880; }
.error a    { color: #d12f19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }


ul { 
	margin: 0 0 1.5em 1.5em; 
	list-style: circle;
	}

ol { 
	margin: 0 0 1.5em 2em;
	list-style: decimal;
	}
	
ul.clean {
	list-style: none;
	margin: 0 0 1.5em 0;
	}		
	


#content a { 
	color: #0d2e5f;
	padding-bottom: 1px;
	border-bottom: 1px dotted #0d2e5f;
	outline: none; 
	text-decoration: none;
	}
#content a:hover, #content a:focus { 
	color: #980000; 
	border-bottom: 1px dotted #980000; 
	outline: none;
	text-decoration: none;
	}	
	
hr {
  background: #d8d8d8; 
  color: #d8d8d8;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 24px 0;
  border: none; 
}	
	
#content img {
	display: block;
	padding: 4px;
	border: 1px solid #b8b8b8;
	background: #d8d8d8;
	margin: 0 20px 24px 0;
	float: left;
	}
	
#content img.full {
	margin: 0 0 24px 0;
	float: none;
	}

#home img#front-splash {padding: 0; background: 0; border: none;} 	
	
#content img.img-clean {
display: block;
float: none;
padding: 0;
margin: 0 0 1.5em 0;
border: none;
background: none;
}


#content a.image {
	display: block;
	float: left;
	margin: 0 20px 24px 0;
	padding: 4px;
	border: 1px solid #b8b8b8;
	background: #d8d8d8;
	}
	
#content a.full {
	margin: 0 0 24px 0;
	}	
	
#content a.image img {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	float: none;
	}

/* Drop Caps */

span.drop-cap {
	display: block;
	font-family: "Times New Roman", Georgia; Times, serif;
	float: left;
	margin: -3px 5px 0 0;
	font-size: 72px;
	width: auto;
	line-height: 1;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
color: #2a3e5e;
}
	
/*
Portfolio Styles
*/

#portfolio-switch div { display: none; }
#portfolio-switch div.show {display: block; }

ul#menu {
	list-style: none;
	margin: 0 0 24px 0;
}

ul#menu li { display: inline; 
margin-right: 20px;
font-size: 12px;
line-height: 2;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
cursor: hand;
padding: 2px 0;
}

ul#menu li.mouseover,
ul#menu li.selected {
	border-bottom: 1px solid #8a97ab;
	border-top: 1px solid #8a97ab;
}

#portfolio li.port-item {
display: block;	
width: 133px;
	float: left;
	margin: 0 50px 24px 0;
	}
	
#portfolio li.last {
	margin-right: 0;
	}

#portfolio ul.clear {
margin: 0; padding: 0;
}
	
#portfolio li.port-item a {
	display: block;
	float: none;
	padding: 4px;
	border: 1px solid #b8b8b8;
	background: #d8d8d8;
	margin: 0;
	}
#portfolio li.port-item a:hover {
border: 1px solid #b8b8b8;
background: #f8f8f8;
}	
	
#portfolio li.port-item img {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	float: none;
	}	
	
#portfolio li.port-item p {
	margin: 0;
        font-size: 11px;
	font-style: italic;
	letter-spacing: 1px;
	}	
		
#portfolio dt {
font-style: italic;
}

#portfolio dd {
margin-bottom: 1.5em;
}
span.website-title, span.thumbnail-link {
display: block;
}

span.website-title { 
width: 240;
float: left;
}

span.thumbnail-link {
float: right;
width: 200;
text-align: right;
font-style: normal;
font-size: 11px;
}

/*
Contact Form Styles
*/

#contact form input,
#contact form textarea {
font-family: Georgia, "Times New Roman", Times, serif;
width: 400px;
padding: 5px;
font-size: 100%;
border: none;
border-bottom: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
background: #dae0f4 url(/images/form-tile.jpg) repeat-x top left;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#contact form input:focus,
#contact form textarea:focus {
background: #e8e8e8;
}

#contact form input.zemSubmit {
width: auto;
cursor: pointer;
}
	
#contact form input.zemSubmit:hover {
width: auto;
cursor: pointer;
background: #980000;
color: #f8f8f8;
}

/*
Error Page Styles
*/

#error h3 {
font-size: 48px;
font-weight: normal;
text-align: center;
margin: 0 0 24px 0;
font-style: normal;
}


#error h4 {
font-size: 24px;
font-weight: normal;
text-align: center;
}

/* 
=========================

Footer Styles

=========================
*/		
		
#footer {
	padding: 24px 0 39px 0;
	border-top: 1px solid #e8e8e8;
	text-align: center;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	background: url(/images/mg-crest.jpg) bottom center no-repeat;
	}	
	
#footer ul {
	list-style: none;
	margin: 0 0 16px 0;
	}	
	
#footer li {
	display: inline;
	margin: 0 13px 0 0;
	}	
		
#footer li a {
	color: #8a97ab;
	text-decoration: none;
	padding-bottom: 2px;
	}
	
#footer li a:hover {
	color: #8a97ab;
	border-bottom: 1px solid #8a97ab;
	}				
	
/* float clearing */	
				
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}