/* LAST UPDATED 03.01.2010 */

/*

	Table of Contents

	I.    DEFAULTS
	II.   NAVIGATION
	III.  STRUCTURE & TYPOGRAPHY
	IV.   TABLES
	V.    FORMS
	VI.   HEADINGS

*/

/* -----------------------------------------------------------
		I. DEFAULTS
----------------------------------------------------------- */

body {
	margin: 0;
	padding: 20px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #251f1b;
	line-height: 1.4em;
	background: #f6e4d6;
}

p, ul, ol, h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 16px;
}

a img { border: 0; }

a:focus { outline: none; }

ul, ol { margin: 0 0 0 28px; }

hr { display: none; }

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

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

	#nav li {
		float: left;
		margin: 0;
		padding: 0;
	}

	#nav ul li#nav-services { margin-right: 13px; }
	#nav ul li#nav-work { margin-right: 3px; }
	#nav ul li#nav-about { margin-right: 18px; }
	#nav ul li#nav-contact { margin-right: 16px; }
	#nav ul li#nav-clients { margin-right: 6px; }

	#nav li.last { margin: 0; }

	#nav li a {
		display: block;
		text-indent: -4440px;
		width: 84px;
		height: 50px;
		border: none;
		background-repeat: no-repeat;
		background-image: url('../Images/classy-theme/bg-nav.png');
	}

	#nav ul li#nav-services a { background-position: 0 0; }
	#nav ul li#nav-work a { background-position: -84px 0; }
	#nav ul li#nav-about a { background-position: -168px 0; }
	#nav ul li#nav-contact a { background-position: -252px 0; }
	#nav ul li#nav-clients a { background-position: -336px 0; }
	#nav ul li#nav-blog a { background-position: -420px 0; }

	#nav ul.pink li#nav-services a:hover, body#services #nav ul.pink li#nav-services a { background-position: 0 -50px; }
	#nav ul.pink li#nav-work a:hover, body#work #nav ul.pink li#nav-work a { background-position: -84px -50px; }
	#nav ul.pink li#nav-about a:hover, body#about #nav ul.pink li#nav-about a { background-position: -168px -50px; }
	#nav ul.pink li#nav-contact a:hover, body#contact #nav ul.pink li#nav-contact a { background-position: -252px -50px; }
	#nav ul.pink li#nav-clients a:hover, body#clients #nav ul.pink li#nav-clients a { background-position: -336px -50px; }
	#nav ul.pink li#nav-blog a:hover, body#blog #nav ul.pink li#nav-blog a { background-position: -420px -50px; }

	#nav ul.blue li#nav-services a:hover, body#services #nav ul.blue li#nav-services a { background-position: 0 -100px; }
	#nav ul.blue li#nav-work a:hover, body#work #nav ul.blue li#nav-work a { background-position: -84px -100px; }
	#nav ul.blue li#nav-about a:hover, body#about #nav ul.blue li#nav-about a { background-position: -168px -100px; }
	#nav ul.blue li#nav-contact a:hover, body#contact #nav ul.blue li#nav-contact a { background-position: -252px -100px; }
	#nav ul.blue li#nav-clients a:hover, body#clients #nav ul.blue li#nav-clients a { background-position: -336px -100px; }
	#nav ul.blue li#nav-blog a:hover, body#blog #nav ul.blue li#nav-blog a { background-position: -420px -100px; }

	#nav ul.green li#nav-services a:hover, body#services #nav ul.green li#nav-services a { background-position: 0 -150px; }
	#nav ul.green li#nav-work a:hover, body#work #nav ul.green li#nav-work a { background-position: -84px -150px; }
	#nav ul.green li#nav-about a:hover, body#about #nav ul.green li#nav-about a { background-position: -168px -150px; }
	#nav ul.green li#nav-contact a:hover, body#contact #nav ul.green li#nav-contact a { background-position: -252px -150px; }
	#nav ul.green li#nav-clients a:hover, body#clients #nav ul.green li#nav-clients a { background-position: -336px -150px; }
	#nav ul.green li#nav-blog a:hover, body#blog #nav ul.green li#nav-blog a { background-position: -420px -150px; }

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	position: relative;
	margin: 0 auto;
	padding-left: 124px;
	width: 876px;
}

	#content {
		position: relative;
		width: 704px;
		height: 662px;
		border: 24px #fff solid;
	}

		body#default #mainContent {
			top: 245px;
			height: 400px;
			overflow: auto;
		}

		#nav {
			position: absolute;
			top: 12px;
			left: 70px;
		}

	#previousPage, #nextPage {
		position: absolute;
		top: 344px;
		width: 124px;
		font-family: Georgia, "Times New Roman", Times, Serif;
		font-style: italic;
		font-size: 12px;
		line-height: 1.2em;
	}

	#previousPage { left: 0; }

	#nextPage { right: 0; }

		#previousPage a, #nextPage a {
			text-indent: -4440px;
			display: block;
			padding: 76px 0 0 10px;
			width: 114px;
			height: 76px;
			color: #f97e84;
			text-decoration: none;
		}

		#previousPage a:hover {
			text-align: right;
			padding: 76px 10px 0 0;
		}

		#previousPage a:hover, #nextPage a:hover {
			text-indent: 0;
			background-position: 0 -160px;
		}

		a.previousBlue { background: transparent url('../Images/classy-theme/a-previousBlue.gif') 0 0 no-repeat; }
		a.nextBlue { background: transparent url('../Images/classy-theme/a-nextBlue.gif') 0 0 no-repeat; }
		a.previousOrange { background: transparent url('../Images/classy-theme/a-previousOrange.gif') 0 0 no-repeat; }
		a.nextOrange { background: transparent url('../Images/classy-theme/a-nextOrange.gif') 0 0 no-repeat; }

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 7px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0 7px 7px 0;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label {
	font-family: Chowderhead;
	font-weight: normal;
	font-size: 17px;
	text-transform: lowercase;
}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4 {
	font-weight: normal;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

h1 { text-indent: -4440px; }

h2 { text-indent: -4440px; }

h3 { font-size: 22px; }

h4 { font-size: 18px; }