@charset "utf-8";
/* -------------------------------------------------
*
Website:         purplefishes.com - Homepage Redesign - 1-5-09
Title:			 main.css
Browser(s): 	 Firefox 2, 3, IE7, IE6, Safari 5
Platform(s):     Win XP, Win Vista, Mac OSX
Author: 		 Andy Lee - E Consulting UK Ltd.
Created: 		 1-5-09
Last modified: 	 1-5-09
*
------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img, abbr { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:62.5% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

/** a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none; /* Gets rid of Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */

/* ------------- General Elements -------------- */

body {
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#1f231e;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: none;
	color:#000;
}

a img {
	border: 0;
}

h1 {
	font-size: 1.0em;
	color:#fff;
	line-height:1.4em;
	margin:10px 0px 16px 0px;	
	font-weight:normal;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 0.9em;
	color:#fff;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;	
	font-weight:bold;
}

h3 {
	font-size: 1.0em;
	color: #fff;
	line-height:0.7em;
	font-family:Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 0.8em;
	font-weight:bold;
	color:#fff;
	line-height:0.8em;
	margin-bottom:10px;	
}

h5 {
	font-size: 0.8em;
	font-weight:normal;
	color:#fff;
	line-height:1.7em;
	margin-bottom:10px;
}

p {
	font-size: 0.8em;
	color:#fff;
	font-weight:normal;
	line-height:1.4em;
	margin-bottom:14px;
	font-family:Arial, Helvetica, sans-serif;
}

/* --------------- Containers -------------- */

#container {
	margin:0pt auto;
	padding:0px;
	width:980px;
	background-color:#353831;
	background: url("images/bg_container.png") repeat left top;
	clear:both;
}

/* --------------- Header -------------- */

#header {
	margin:0pt auto;
	padding:0px;
	position:relative;
	clear:both;
	display:inline;
	overflow:hidden;
	float:left;
	width:980px;
	height:176px;
	border-top:11px solid #602499;
	background: url("images/bg_header.png") no-repeat left top;
}

#logo {
	float:left;
	padding: 50px 0px 0px 0px;
	margin:0pt auto;
	width:279px;
}

#header2 {
	margin:0pt auto;
	padding:0px;
	position:relative;
	clear:both;
	display:inline;
	overflow:hidden;
	float:left;
	width:980px;
	height:35px;
	background: url("images/bg_header2.png") no-repeat left top;
}

/* ------------- Left Column -------------- */

#leftcolumn {
	float:left;
	width:350px;
	margin:0pt auto;
	padding:0px;
	background: url("images/bg_container.png") repeat left top;
}

#leftcolumn h1{
	padding:6px 20px 0px 20px;
}

#leftcolumn p{
	padding:0px 20px 0px 20px;
}

/* ------------- Right Column -------------- */

#rightcolumn {
	float:right;
	width:630px;
	margin:0pt auto;
	padding:25px 0px 0px 0px;
	background: #353831 url("images/bg_rightcolumn.png") repeat-y right top;
}

#rightcolumn a{
	color:#9966cc;
}

#rightcolumn a:hover{
	color:#fff;
	border-bottom:1px dotted #9966cc;
}

#projects {
	float:left;
	width:580px;
	height:110px;
	margin:0pt auto;
	padding:16px 0px 30px 20px;
	background: url("images/bg_projects.png") no-repeat left top;
}

#projects img{
	float:left;
	margin:0px 20px 30px 0px;
}

#projects p{
	float:left;
	width:380px
}

/* ------------- Secondary Content -------------- */

#secondary_leftcolumn {
	float:left;
	width:260px;
	height:256px;
	margin:0pt auto;
	padding:30px 70px 0px 20px;
	background: url("images/bg_secondary_left.png") no-repeat left top;
}

#secondary_leftcolumn p{
	text-align:right;
	width:230px;
}

#secondary_rightcolumn {
	float:right;
	width:630px;
	margin:0pt auto;
	padding:80px 0px 20px 0px;
	background: #353831 url("images/bg_secondary_right.png") no-repeat right top;
}

#secondary_leftcolumn a{
	color:#9966cc;
}

#secondary_leftcolumn a:hover{
	color:#fff;
	border-bottom:1px dotted #9966cc;
}

/* ------------- Footer -------------- */

#footer {
	margin:0pt auto;
	padding:0px;
	position:relative;
	clear:both;
	display:inline;
	overflow:hidden;
	float:left;
	width:980px;
	height:150px;
	background: url("images/bg_footer.png") no-repeat left top;
}

#footer2 {
	width:980px;
	height:50px;
	clear:both;
	text-align:center;
	padding:20px 0px 0px 0px;
	background-color:#1f231e;
}

#footer2 p{
	color:#333;
	font-size:0.7em;
	line-height:1.8em;
}