/*Phillips Creative ©2009 CSS*/

* {
	margin: 0;
	padding: 0;
}

body {
	line-height: 20px;
	background-color: #fff;
}

ol, ul {
	list-style: none;
}

.invisible {
	display: none;
}

#all {
	background: url(images/bg.gif) no-repeat 0 175px;
	width: 780px;
	margin: 0px auto;
	font: 12.5px/1.45em "Myriad Pro", Myriad, Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #525252;
}

a {
	color: #666;
}

#header {
	height: 165px;
}

#header img {
	float: right;
}

#header h1 {
	margin-top: 20px;
	display: block;
	width: 440px;
	height: 120px;
	text-indent: -9999px;
	overflow: hidden;
}

/* Menu Section */

ul#menu {
	position: absolute;
	top: 144px;
	z-index: 100;
	padding-left: 20px;
}

ul#menu li {
	position: relative;
	margin-left: 15px;
	font: normal normal normal 14px/20px "Helvetica Neue", Helvetica, sans-serif;
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-right: 20px;
}

li#home_m {
	height: 38px;
	width: 60px;
	float: left;
}

li#design_m {
	height: 38px;
	width: 66px;
	float: left;
}

li#photography {
	height: 38px;
	width: 103px;
	float: left;
}

li#client_upload {
	height: 38px;
	width: 107px;
	float: left;
}

ul#menu li.home_m {
	background: url(images/btnHome.png) no-repeat right top;
}

ul#menu li.jFlowControl.jFlowSelected.home_m {
	background-position: left top;
}

ul#menu li.design_m {
	background: url(images/btnDesign.png) no-repeat right top;
}

ul#menu li.jFlowControl.jFlowSelected.design_m {
	background-position: left top;
}

ul#menu li.photography {
	background: url(images/btnPhotography.png) no-repeat right top;
}

ul#menu li.jFlowControl.jFlowSelected.photography {
	background-position: left top;
}

ul#menu li.client_upload {
	background: url(images/btnUpload.png) no-repeat right top;
}

ul#menu li.jFlowControl.jFlowSelected.client_upload {
	background-position: left top;
}

/* Home Section */

#portfolio {
	margin-top: 8px;
	padding: 20px;
	position: absolute;
}

h1#header1 {
	width: 452px;
	height: 0;
	padding-top: 34px;
	line-height: normal;
	background: url(images/header1.gif) no-repeat;
	overflow: hidden;
}

#portfolio #home h1#header2 {
	width: 450px;
	height: 32px;
	background: url(images/header2.gif) no-repeat;
	overflow: hidden;
}

#portfolio #home h1#header3 {
	width: 450px;
	height: 35px;
	background: url(images/header3.gif) no-repeat;
	overflow: hidden;
}

#portfolio #home p {
	-webkit-text-size-adjust: 125%;
	-webkit-line-height-adjust: 125%;
	padding: 10px 0 10px 0;
}

#home {
	background: url(images/divider.gif) no-repeat 476px 5px;
	padding: 30px 20px 0 3px;
	width: 460px;
	height: 540px;
	float: left;
}

#home p.spaceAfter {
	margin-bottom: 15px;
}

/* Contact Section */

#contact {
	width: 225px;
	float: left;
	padding: 30px 15px 0 20px;
}

#portfolio #contact h1#header4 {
	width: 238px;
	height: 31px;
	overflow: hidden;
	background: url(images/header4.gif) no-repeat;
}

#portfolio #contact h1#header5 {
	width: 239px;
	height: 34px;
	overflow: hidden;
	background: url(images/header5.gif) no-repeat;
}

#portfolio #contact ul {
	padding: 15px 0 25px 0;
	font-weight: bold;
	font-size: .85em;
}

#portfolio #contact p {
	font-size: 1em;
	padding: 10px 0 0 0;
	width: 235px;
}

/* Design section */

#design {
	overflow: hidden;
	width: 745px;
	position: absolute;
	line-height: 0;
}

#design ul, #photography_section ul {
	height: 84px;
	padding: 0;
	margin-bottom: 8px;
	line-height: 0;
	float: left;
}

/*This declaration gets rid of the stupid blue outlines that Internet EXPLODER puts around links*/

#design img, #photography_section img {
	border-style: none;
}

#design li, #photography_section li {
	display: inline;
	float: left;
	margin-right: 3px;
}

#design h1, #photography_section h1 {
	margin-top: -8px;
}

#design #outline ul {
	display: inline;
	float: left;
	margin-bottom: 3px;
	border: 1px solid red;
}

div#design p.copy {
	width: 550px;
	padding: 0px 0 5px 2px;
	margin-bottom: 15px;
	font: 12.5px/1.45em "Myriad Pro", Myriad, Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
}

/* Link Stylings */

#portfolio #contact a:link, #upload a:link {
	color: #3ca0a1;
	text-decoration: none;
}

#portfolio #contact a:visited, #upload a:visited {
	color: #23707F;
	text-decoration: none;
}

#portfolio #contact a:hover, #upload a:hover {
	color: #a57c19;
	text-decoration: none;
}

/* vCard styles */

a.vcard {
	width: 120px;
	height: 25px;
	background: url(images/vcard.jpg) no-repeat;
	position: absolute;
	padding-top: 6px;
	padding-left: 44px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 13px;
}

address {
	font-style: normal;
	padding: 10px 0 0 0;
}

.clear {
	clear: both;
}

/* Graphic Design Section */

a:img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}

a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}

div#design a, div#photography_section a {
	padding: 3px;
}

div#design h1#header6 {
	width: 112px;
	height: 23px;
	overflow: hidden;
	background: url(images/header6.gif) no-repeat;
	margin: 10px 0 10px 2px;
}

div#design h1#header7 {
	width: 108px;
	height: 22px;
	overflow: hidden;
	background: url(images/header7.gif) no-repeat;
	margin: 10px 0 10px 2px;
}

/* Photography */

div#photography_section {
	width: 745px;
}

div#photography_section h1#header8 {
	width: 344px;
	height: 23px;
	overflow: hidden;
	background: url(images/header8.gif) no-repeat;
	margin: 10px 0 10px 2px;
	margin-right: 0;
}

div#photography_section p.copy {
	width: 550px;
	padding: 10px 0 5px 2px;
	margin-bottom: 20px;
	margin-right: 0;
}

/* Upload Section */

div#upload_section h1#header9 {
	width: 470px;
	height: 23px;
	overflow: hidden;
	background: url(images/header9.gif) no-repeat;
	margin: 10px 0 10px 0px;
}

#upload_section {
	width: 550px;
	margin: 30px 95px;
}

#upload_section h1 {
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

#upload_section #step1, #step2, #step3 {
	background-color: #d9d9d9;
	padding: 0 20px 15px 20px;
	margin-bottom: 15px;
}

#upload_section p#upload-description {
	margin-bottom: 15px;
}

#upload_section #step1 p {
	float: left;
}

#upload_section #uploadBTN {
	margin: 8px 0 0 20px;
}

/* Footer */

#footer {
	display: block;
	width: 780px;
	height: 80px;
}

#footer p {
	font-size: 13px;
	font-style: italic;
	padding-top: 8px;
	color: #999999;
}