/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    Sean Smith
email:     see web site
website:   http://createsean.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	background: #000;
	color: #fff;
}
strong, em, b, i, address {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* ----- IDS ----- */

#container{
	width:960px;
	margin:0 auto;
}

#topContent{
	min-height: 300px;
	padding:0 0 0 190px;
	background: url('http://createsean.com/site-images/logo.jpg') top left no-repeat #000;
}

	#topContent p {
		font-size: 1.8em;
		color: #fff;
		max-width: 600px;
		clear: left;
}
	#topContent a {
		color: #fff;
}
	#topContent h5 {
		margin: 0.3em 180px 2em 0;
		clear: right;
		text-align: center;
		font-size: 1.3em;
}
	#topContent h5 a {
		color: yellow;
}

#services {
	float:right;
	font-size: 1.2em;
	color: #ccc;
	width: 178px;
	min-height: 189px;
	background: url('http://createsean.com/site-images/services_bkgd.png') no-repeat;
	margin-left: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
	#services ul {
		margin-top: -5px;
}
	#services li {
		list-style-type: none;
		color: #ccc;
}
	#services li a{
		color: #ccc;
}
	#services h3 {
		color: yellow;
		text-align: center;
		font-size: 1.8em;
		margin: 0.3em 0;
}

#navigation ul {
	margin: 0px;
	padding-top: 10px;
}

	#navigation ul li {
		display: block;
		float: left;
		height: 45px;
		width: 105px;
		font-size: 2.1em;
		list-style-type: none;
		text-align: center;
}
	#navigation a {
	color:yellow;
	outline: none;
	text-decoration:none;
}
	#navigation a:hover {
		color:#6FCFFF;
}
	#navigation a:visited, {
		color: yellow;
}
	#navigation a:active, {
		color: #6FCFFF;
}
#home li.home a, #about li.about a, #services_ li.services_ a, #portfolio_ li.portfolio_ a, #contact li.contact a {
	color: #6FCFFF;
}

#maincontent {
	width: 537px;
	background: url('http://createsean.com/site-images/cntntbkgd.png') repeat-y #000;
	margin: 3em 0 0 0;
	padding-left: 15px;
	padding-right: 60px;
}

#bottomContent {
	background: url('http://createsean.com/site-images/grdnt.png') repeat-x #000;
	min-height: 75px;
}

#portfolio {
	margin-left: 180px;
}
	#portfolio h2 {
		color: yellow;
		padding-top: 1em;
		font-size: 1.4em;
}
	#portfolio h3 {
		color: yellow;
		margin-top: 120px;
		font-size: 1.3em;
}
	#portfolio h4 {
		margin: 0.6em 0 0 0;
		font-size: 1.25em;
		color: yellow;
		font-variant: small-caps;
		letter-spacing: 0.2em;
		text-align: center;
}

	#portfolio ul {
		display: block;
		float: left;
		list-style-type: none;
		text-align: center;
		margin: 0;
}
	#portfolio li{
		display: block;
		float: left;
		min-height: 158px;
		width: 207px;
		background: url('http://createsean.com/site-images/thumb_bkgd.png') top left no-repeat;
		margin: -15px 10px 5px 10px;
}
	#portfolio p{
		text-align: justify;
		font-size: 1em;
		color: #fff;
		margin: 0;
}
#portfolio_ #portfolio p {
	margin: 0 0 0.75em 0;
}
	#portfolio a{
		color: yellow;
}
	#portfolio h4 a {

}

/* remember to set maximum image uploads to height=140 width=188 */
	#portfolio img {
		margin-top: 9px;
		margin-left: -2px;
}
/*.portframe{
	background: url('http://createsean.com/site-images/thumb_bkgd.png') no-repeat middle center;
}*/

#footer {
	clear: both;
	color: #ccc;
	font-size: 1em;
	text-align: center;
	padding: 75px 0 0 0;
}

	#footer a {
		color: #ccc;
}

#email {
	margin-left: 2.5em;
}

#contact #email h3 {
	font-size: 2em;
}

/* ----- CLASSES ----- */
.hide{
	display:none;
}
.show{
	display:block;
}
.center {
	margin: 0 auto;
	text-align: center;
}
.rotate {
	width: 540px;
	height: 300px;
	overflow: hidden;
	margin: 50px 0 0 20px;
	border: 5px solid #0080C2;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}


/* styling services page
-------------------------------------------------------------------------------*/
#services_ #topContent h3 {
	color: #6FCFFF;
	font-size: 1.5em;
	margin: 0;
}
#services_ #topContent #services h3 {
	color: yellow;
	font-size: 1.8em;
}
#services_ #topContent p {
	font-size: 1.25em;
	margin: 0 0 1em 0;
}