/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: style.css
* Version: 1.0.0 (2009-03-03) YYYY-MM-DD
* Author: Shaking Paper
* Description: Styles for Amplified Graphic Design.

*/

/* Eric Meyer CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 400;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ul, ol {
	list-style:none;
}

body {
	line-height:14pt;
	color: #CCC;
	font-size:8pt;
	text-shadow: #000000 0 0 0px;
}

/* End CSS Resset */

/* Begin Structure */

body#philosophy #wrapper #content #content_right {
	padding-top:216px;
	/padding:220px 27px 0 0;
}

body#philosophy #wrapper #content #content_left h1, body#testimonials #wrapper #content #content_right h2 {
	padding-bottom:30px;
}

body#about #wrapper #content #content_right {
	padding-top:113px;
	/padding:135px 27px 0 0;
}

body#testimonials #wrapper #content #content_right p {
	line-height:12pt;
}

#wrapper {
	width:749px;
	min-height:1000px;
 	height:auto !important;
    height:1000px;
    margin:30px auto;
}

#header {
	width:749px;
    height:237px;
}

	#header .logo {
		padding:27px 0 0 355px;
	}
	
	ul#sitenav {
		width:749px;
		height:28px;
		padding-top:5px;
		position:relative;
		/padding:20px 0 0 0;
	}
	
		ul#sitenav li a, ul#sitenav li {
			float:left;
		}
	
#content {
	min-height:710px;
 	height:auto !important;
    height:710px;
    padding:30px 0;
}

	#content_left {
		float:left;
		width:340px;
		padding-left:27px;
	}
	
		#content_left ul {
			padding:11px 0;
		}
	
	#content_right {
		float:right;
		width:340px;
		padding-right:27px;
		position: relative;
	}
	
	#content_contact {
		float:right;
		width:340px;
		padding-right:27px;
		position: relative;
	}

		#ccc { /* positions 'concept, create, captivate' image on index page */
			padding:170px 0 0 150px;
		}
	
#portfolio_left { /*contatiners for portfolio pages */
	width:180px;
	height:710px;
	float:left;
	padding-left:27px;
}

	#portfolio_left h2 {
		margin: 2px 0;
	}
	
	#portfolio_left h2.current {
		color: #FFF;
	}

	#portfolio_left ul li {
		float: left;
		margin: 0 7px 15px 0;
	}

#portfolio_right {
	width:500px;
	height:710px;
	float:right;
	padding: 22px 27px 0 0;
	line-height:12pt;
}

	#portfolio_right h2 {
		padding:0;
		margin-bottom:-11px;
	}	
	
	.hover_links li {
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
	}
	
	.hover_links li, .hover_links a {
		display: block;
	}
	
	#nav_contact {	
		width:240px;
		top:135px;
		left:13px;
	}
	
	#nav_contact a {
		height:17px;
	}
	
#footer {
	padding-right:27px;
	height:50px;
	position:relative;
	/padding-bottom:5px;
}

	p#footer_nav {
		margin-bottom:0;
		padding-bottom:0;
	}

	a.footer_nav {
		padding-left:6px;
	}

	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	.text_right {
		text-align:right;
	}
	
	p.text_right {
		margin-bottom:0;
	}
	
	h1 {
		padding-bottom:20px;
	}
	
	h2 {
		margin-bottom:-9px;
	}

/* End Structure */

/* Begin Style */
	
body {
	background: #000 url(images/background_tile.png) repeat scroll 0 0;
}

body#index #wrapper {
	background: #000 url(images/wrapper_background_index.png) no-repeat bottom right;
}

#wrapper {
	background: #000 url(images/wrapper_background.png) no-repeat bottom right;
}

#header {
	background: url(images/header.png) no-repeat;
}

#content {
	text-align:justify;
}

#portfolio_right {
	text-align:right;
}
	
#footer {
}

	#footer a, h1, h2, span.dot {
		color:#00C042;
	}
	
	#footer a:hover {
		color:#FFF;
	}
	
	#footer p {
		font-size:6pt;
		text-align:right;
		color:#7e7d7e;
	}
	
	a.footer_nav {
		font-size:7pt;
	}
	
a {
	text-decoration:none;
}

span.alt {
	display:none;
}

h1, h2 {	
	text-transform:uppercase;
	font-weight:900;
}
	

/* End Style */

	a#nav_philosophy, a#nav_testimonials {
		display:block;
		width: 140px;
		height: 28px;
	}

	a#nav_philosophy {
		background-image: url('images/nav/philosophy_roll.png');
		background-position: 0 0;
	}
	
	a#nav_philosophy:hover {
	    background-position: 0 -28px;
	}
	
	a#nav_about, a#nav_capability {
		display:block;
		width: 110px;
		height: 28px;
	}

	a#nav_about {
		background-image: url('images/nav/about_roll.png');
		background-position: 0 0;
	}
	
	a#nav_about:hover {
	    background-position: 0 -28px;
	}

	a#nav_capability {
		background-image: url('images/nav/capability_roll.png');
		background-position: 0 0;
	}
	
	a#nav_capability:hover {
	    background-position: 0 -28px;
	}
	
	a#nav_portfolio {
		display:block;
		width: 130px;
		height: 28px;
	}

	a#nav_portfolio {
		background-image: url('images/nav/clients_roll1.png');
		background-position: 0 0;
	}
	
	a#nav_portfolio:hover {
	    background-position: 0 -28px;
	}
	
	a#nav_testimonials {
		background-image: url('images/nav/testimonials_roll.png');
		background-position: 0 0;
	}
	
	a#nav_testimonials:hover {
	    background-position: 0 -28px;
	}
	
	a#nav_contact {
		display:block;
		width: 119px;
		height: 28px;
	}

	a#nav_contact {
		background-image: url('images/nav/contact_roll.png');
		background-position: 0 0;
	}
	
	a#nav_contact:hover {
	    background-position: 0 -28px;
	}