/* Global Rules */

.clear { clear: both; margin: 0; padding: 0; }
a { overflow: hidden; } /* truncates long dotted outline wrap around negatively indented text links */
.hidden {display: none; }

a { color: #000; 
font: 11px Georgia, serif;
	letter-spacing: 2px;
	line-height: 18px; }
a:hover { color: #000; text-decoration: underline; }

/* Primary content containers */

body {
	background: #8ab4f9;
	color: #000;
	font: 1em Georgia, serif;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* Stupid IE. */
	}
	
#header-container { /* places full-width background pattern on header */
	background: url(../images/header-bg.png);
	background-repeat: repeat-x;
	height: 280px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	

	
#header { /* Constrains header content area */
	margin: 0 auto;
	padding: 372px 0 0 0;
	position: relative;
	width: 950px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	}
	
#content-container {
	
	margin: 0 auto;
	padding: 10px 0 0;
	position: relative;
	}

#content-left {
	width: 450px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	font: 14px Georgia, serif;
	letter-spacing: 2px;
	line-height: 18px;
	text-align: center;
	}
	
#xportfolio-i #content-container, #xweblogue-i #content-container { /* Pushes content down to make room for prev/next navigation */
	padding: 110px 0 0;
	}
		
#content {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 950px;
	}
	
#footer {
	background: url(/images/bg-footer.png) center top no-repeat;
	margin: 60px auto 0 auto;
	padding: 20px 0;
	left: 0;
	top: 0;
	text-align: left;
	width: 940px;
	}
	
/* Page-level element positioning */

.floatright { float: right; margin: 0 0 3px 20px; padding: 0; }
.floatleft { float: left; 0 10px 3px 0; }
.embed { margin: 10px auto; padding: 0; text-align: center; }
.imginline { float: left; margin: 0 10px 10px 0; padding: 0; background: none; }
.snapright { float: right; margin: 0 0 10px 10px; padding: 0; background: none; }

/* Typography */

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }

h1 { font-size: 30px; line-height: 36px; margin-bottom: 10px; }
h2 { font-size: 18px; font-style: none; line-height: 24px; margin: 10px 0; }
h3 { font-size: 16px; font-style: italic; line-height: 22px; margin: 10px 0; }

#footer p {
	font: 11px Georgia, serif;
	letter-spacing: 2px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}

#footer_left {
	color: #000;
	float: left;
	width: 100px;
	font: 11px Georgia, serif;
	letter-spacing: 2px;
	line-height: 18px;
	height: 150px;
	margin-left: 200px;
}

#menu {
	text-align: center;
width: 950px;

	padding-top: 50px;	
}

ul#main-nav {font: 14px Georgia, serif;
	letter-spacing: 2px;
	line-height: 18px;
	padding-top:20px;
	margin:0 0 0 130px;
	padding:0;
	float:left;
	width:100%;
	}
ul#main-nav li {
margin:0;
padding:0;
list-style:none;
float:left;
margin:0 0.8em 0 0;
}
ul#main-nav li a {
text-decoration:none;
display:block;
padding:0.3em 1.1em;
border-top:0.4em solid black;
border-bottom:0.4em solid black;
color:#003;
background:#8AB4F9;
font-size:1.2em;
width:10em;
text-align:center;
}
ul#main-nav li a:hover {
border-top:0.4em solid #900;
border-bottom:0.4em solid #900;
color:#000;
text-transform:uppercase;
}