body {
	background-image: url(../graphics/backgroundGradient2.png);
	background-position: top;
	background-repeat: repeat-x;
	color: rgb(140,140,140);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 100%;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	background-color: #0f0f0f;
}

.main {
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

img {
	border:0;
}

a {
	text-decoration: none;
	border:0;
	color: #8c8c8c
	}
	

a:hover{
	text-decoration: none;
	border:0;
	color: #CED829
	}

h1 {
	color: rgb(72,72,72);
	font-family: "Gotham-Light", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	font-family: "Futura Medium", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase
}

h2 a:link, h2 a:visited {
	color: rgb(140,140,140);
	text-decoration: none;
}

h2 a:hover, h2 a:active {
	color: rgb(255,51,51);
	text-decoration: none;
}

h3 {
	font-family: "Gotham-Light", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	color: rgb(153,204,204);
	font-family: "Gotham-Light", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
}

h4 a:hover, h4 a:active {
	text-decoration: none;
}

h5 {
	color: rgb(140,140,140);
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.25em;
}

.hidden {
  display: none;
}


#header {
	margin: 20px 0px 20px 5px;
}

#logo {
	float: left;
	margin: 0px 20px 0px 50px;
	display: inline;

}


#primaryNavigation {
	color: #EA0D8C;
	float: right;
	font-family: "Futura Medium", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin: 15px 40px 0px 0px;
	padding-top: 5px;
	text-transform: uppercase;
}

#primaryNavigation a:link, #primaryNavigation a:visited {
	color: #EA0D8C;
	text-decoration: none;
}

#primaryNavigation a:hover, #primaryNavigation a:visited:hover {
	color: #b0b0b0;
	text-decoration: none;
}

#primaryNavigation a:active {
	color: #CED829;
	text-decoration: none;
}

#primaryNavigation li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#primaryNavigation li.active a:link, #primaryNavigation li.active a:visited  {
	color: #CED829;
}

#primaryNavigation li.active a:hover  {
	color: #b0b0b0;
}

#primaryNavigation li.listspacer {
	margin: 0px 4px 0px 4px;
}

#secondaryNavigation {
	color: #EA0D8C;
	float: right;
	font-family: "Futura Medium", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin: 45px 0px 0px 30px;
	padding-top: 5px;
	text-transform: uppercase;
}

#secondaryNavigation a:link, #primaryNavigation a:visited {
	color: #EA0D8C;
	text-decoration: none;
}

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

#secondaryNavigation a:active {
	color: #6da8d6;
	text-decoration: none;
}

#secondaryNavigation li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#secondaryNavigation li.active a:link,  {
	color: #6da8d6;
}

#secondaryNavigation li.active a:hover  {
	color: #b0b0b0;
}

#secondaryNavigation li.listspacer {
	margin: 0px 4px 0px 4px;
}


.content {
	padding:0px;
	float:left;
	display:inline;
	width:900px;
	margin-left:auto;
	margin-top:auto;
	position:relative;
}

.column25 {
	padding-top:30px;
	float:left;
	display:inline;
	width:225px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:25px;
	position:relative;
}

.column50 {
	padding-top:30px;
	float:left;
	display:inline;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:25px;
	position:relative;
}

.column75 {
	padding-top:30px;
	float:left;
	display:inline;
	width:675px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:25px;
	position:relative;
}

#about {
margin-top: 20px;
margin-left:auto;
margin-right:auto;
padding-left: 10px;
height: auto;
width: 820px;
color: #8c8c8c;
}

#bio {
clear:both;
border-top: 1px #8c8c8c solid;
margin-top: 20px;
height: auto;
width: 820px;
color: #8c8c8c;
padding-top: 20px;
padding-bottom: 10px
}

#bio h2 {
color: #CED829;
font-family: "Futura Medium", Arial, Helvetica, sans-serif;
font-size: 11pt;
}

#clients {
clear:both;
border-top: 1px #8c8c8c solid;
margin-top: 20px;
height: auto;
width: 820px;
color: #8c8c8c;
padding-top: 20px;
padding-bottom: 10px
}

#clients h2 {
color: #CED829;
font-family: "Futura Medium", Arial, Helvetica, sans-serif;
font-size: 11pt;
}

.col_33 {
	float: left;
	margin: 0px;
	width: 265px;
}

.col_67 {
	float: left;
	margin: 0px;
	width: 530px;
}

.col_45 {
	float: left;
	margin: 0px;
	width: 350px;
	padding-bottom:25px;
}

.col_55 {
	float: left;
	margin: 0px;
	width: 445px;
}

.portbox {
	float: left;
	margin: 0px;
	width: 395px;
}

.portbox_top {
	float: left;
	margin: 0px;
	width: 300px;
}

.portbox_bottom {
	float: left;
	margin: 0px;
	width: 300px;
}

.client_a {
	color: #8c8c8c;/* was #8c8c8c*/
	font-size: 9pt;
	padding-bottom: 5px;
	/*text-transform: uppercase;*/
}

.client_b {
	font-size: 10pt;
	padding-bottom: 5px;
	text-transform: uppercase;
}

#press {
clear:both;
border-top: 1px #8c8c8c solid;
margin-top: 20px;
height: auto;
width: 820px;
color: #8c8c8c;
padding-top: 20px;
padding-bottom: 10px
}

#press h2 {
color: #CED829;
font-family: "Futura Medium", Arial, Helvetica, sans-serif;
font-size: 11pt;
}

.press_a {
	color: #8c8c8c;
	font-size: 9pt;
	padding-bottom: 5px;
	/*text-transform: uppercase;*/
}

#press a {
	color: #8c8c8c;
	font-size: 9pt;
	padding-bottom: 5px;
	/*text-transform: uppercase;*/
}

#press a:hover {
	color: #EA0D8C;
	font-size: 9pt;
	padding-bottom: 5px;
	/*text-transform: uppercase;*/
}

.col_33_press {
	float: left;
	margin: 0px auto 0px auto;
	width: 265px;
	padding-bottom: 15px;
	text-align: center
}


#friends {
clear:both;
border-top: 1px #8c8c8c solid;
border-bottom: 1px #8c8c8c solid;
margin-top: 20px;
margin-bottom: 20px;
height: auto;
width: 820px;
color: #8c8c8c;
padding-top: 20px;
padding-bottom: 10px
}

#friends h2 {
color: #CED829;
font-family: "Futura Medium", Arial, Helvetica, sans-serif;
font-size: 11pt;
}

#friends a {
	color: #8c8c8c;
	font-size: 9pt;
	padding-bottom: 5px;
	/*text-transform: uppercase;*/
}

#friends a:hover {
	color: #EA0D8C;
	font-size: 9pt;
	padding-bottom: 5px;
	/*text-transform: uppercase;*/
}

.col_33_friends {
	float: left;
	margin: 0px auto 0px auto;
	width: 265px;
	padding-bottom: 5px
}

#contact {
clear:both;
border-top: 1px #8c8c8c solid;
border-bottom: 1px #8c8c8c solid;
margin-top: 20px;
height: auto;
width: 820px;
color: #8c8c8c;
padding-top: 20px;
padding-bottom: 20px
}

#contact h2 {
color: #CED829;
font-family: "Futura Medium", Arial, Helvetica, sans-serif;
font-size: 11pt;
}

#form {
clear:both;
border-top: 1px #8c8c8c solid;
border-bottom: 1px #8c8c8c solid;
margin-top: 20px;
height: auto;
width: 820px;
color: #8c8c8c;
padding-top: 20px;
padding-bottom: 20px
}

#form h2 {
color: #CED829;
font-family: "Futura Medium", Arial, Helvetica, sans-serif;
font-size: 11pt;
}

#address ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#address li {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#address li.active a:link, #footer li.active a:visited  {
	color: #f15907;
}

#address li.active a:hover  {
	color: #b0b0b0;
}

#address li.listspacer {
	margin: 0px 4px 0px 4px;
}

.clear {
clear:both
}

/* CROSSFADER ON OPENING PAGE */



	.cf_wrapper
	{
		position: relative;
		width:900px;
		height:550px;
	}
	
	.cf_element
	{
		float:left;
		display:inline;
		width:900px;
		height:auto;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:15px;
		text-align:center;
		overflow:hidden;
	}
	
	.cf_element .image
	{
		padding: 10px;
	}

	.cf_element .image h3
	{
		padding-top: 0;
		margin-top: 0;
	}
	
/* END OF CROSSFADER ON OPENING PAGE */



.OpenerBox {/* OPENING PAGE IMAGE BOX*/
	float:left;
	width:900px;
	height:600px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
	overflow:hidden;
	position:relative;
}

.ProjectBox {
	float:left;
	display:inline;
	width:215px;
	height:325px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:15px;
	text-align:center;
	overflow:hidden;
	position:relative;
}

.ProjectBox img{
	margin-top:7px;
}

.ProjectBox p{
	text-align:center;
	width:225px;
	position:relative;
	
	margin-left:10px;
	margin-top:5px;
	margin-bottom:0;
	
	border:1px solid #ff0000;
	font: 900 11px/12px Helvetica, Arial;
	word-spacing: 1px;
}

.white {
	background-color:#ffffff;
	color:#333333;
	border:0px solid #eaeaea;
}
.white .thumb{
	border-color: #eaeaea;
}
.white a:link    {color: #8C0202;}
.white a:visited {color: #874A2E;}
.white a:hover   {color: #C90000;}
.white a:active  {color: #FF5400;}


.thumb{
	margin-top:10px;
	border:0px solid #fff; 
}

#titleDiv {
	width:200px;
	margin:15px auto 10px auto;
	text-align:center;
	font:11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#captionDiv {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:175px;
	font:11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #8b8b8b;
	text-align:center;
}

.project_caption {
	text-align:left;
}


#footHolder {
	clear:both;
	padding-top:10px;
	text-align:center;
	margin-bottom: 20px
}

#footer {
	font-family: "Gotham-Light", Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .025em;
	text-align:center;
	width:900px;

	color:#EA0D8C;
}

#footer a:link {
	color: #EA0D8C;
	text-decoration: none;
}

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

#footer ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 20px;
}

#footer li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 20px;
}

#footer li.active a:link, #footer li.active a:visited  {
	color: #f15907;
}

#footer li.active a:hover  {
	color: #b0b0b0;
}

#footer li.listspacer {
	margin: 0px 4px 0px 4px;
}