@charset "UTF-8";
/* CSS Document */
/* ---------- GENERAL LAYOUT ---------- */
html, body {height: 100%;}
body {
	background: #3A3A3A url(../images/bg-tile-x.jpg) repeat-x center top;
	font-family: 'Crimson Text', arial, serif;
}
#bg-Home {min-height: 100%;}
#bg-Home, #bg-AboutMe, #bg-MyWork, #bg-Contact {padding-bottom: 300px;}
.wrapper {margin: 0px auto;	width: 700px; color: #FFF;}
a#Home {height: 0px;}
/* ---------- GENERAL CONTENT ---------- */
.wrapper a {text-decoration: none; color: #97D6E6;}
.wrapper a:hover {color: #FF0;}
.wrapper p {font-size: 16px; line-height: 19px; margin: 0px 0px 19px;}
.wrapper h2 {font-size: 36px; font-weight: normal; text-transform: lowercase;}
/* ---------- NAVIGATION ---------- */
#nav-wrapper {
	background: url(../images/bg-nav-tilex.png) repeat-x center top;
	height: 160px;
	width: 100%;
	position: fixed;
	bottom: 0px;
}
#nav {
	width: 700px;
	margin: 0px auto;
	padding-top: 130px;
}
#nav a#buttonHome {
	float: left; display: block; 
	height: 14px; width: 14px;
	background-image: url(../images/button-home.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999em;
}
#nav a#buttonHome:hover {background-position: 0px -14px;}
#nav ul {float: right; width: 300px; display: block;}
#nav li {float: left;}
#nav li a {font-size: 16px; text-decoration: none; color: #FFF; padding: 5px 10px; margin: 0px 5px;}
#nav li a:hover {background-color: #68BFD6;}
/* ---------- HOME "PAGE" ---------- */
#bg-Home .wrapper {padding-top: 54px;}
#logo {
	background: url(../images/syracuse-web-design.png) no-repeat;
	height: 115px;
	width: 482px;
	margin: 0px auto 60px;
	text-indent: -999em;
}
/* ---------- MyWork "PAGE" ---------- */
#bg-MyWork .item {margin: 20px 0px 50px; padding-bottom: 20px; border-bottom: 1px solid #666;}
#bg-MyWork .item img {
	background: url(../images/portfolio-item-bg.png) no-repeat 0px 0px;
	padding: 10px 10px 60px;
}
#bg-MyWork .item h3 {font-size: 21px; font-weight: normal;}
#bg-MyWork .item h4 {float: right; font-weight: normal; font-size: 16px;}
#bg-MyWork .item p.location {font-size: 16px; line-height: 18px; color: #999; font-family: 'Crimson Text', arial, serif;}
#bg-MyWork .item p {font-size: 12px; line-height: 17px; font-family: Arial, Helvetica, sans-serif;}
/* ---------- CONTACT "PAGE" ---------- */
#bg-Contact {background-color: #22272A;}
#bg-Contact h2 {font-weight: normal; font-size: 30px;}
/* ---------- UNDER CONSTRUCTION ONLY ---------- */
#wrapper.construction {
	margin: 0px auto;
	width: 700px;
	background: url(../images/construction.jpg) no-repeat center top;
	height: 378px;
}
.testimonial {
	margin: 20px 40px;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}
.testimonial p {
	color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 10px;
}
.testimonial h4 {
	font-weight: normal;
	text-align: right;
}
/* ---------- KEEP AT BOTTOM OF CSS ---------- */
.clear {clear: both;}