/* CSS Document */

*{
	margin:0px;
	padding:0px;
	}
	
body{
	background: #d4d6d9 url(../images/body-bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:auto;
	}
	
h1.splash {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#502559;
}
a.splash-link {
	color:#502559;
}
a.splash-link:hover {
	color:#999999;
}

#splash-copy p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:26px;
	color:#999999;
	margin-top:20px;
	text-align:right;
}

.evoloving {
	font-size:16px;
	color:#003366;
}

.creative {
	font-size:16px;
	color:#ff9900;
}

.focused {
	font-size:16px;
	color:#003300;
}

.impact {
	font-size:16px;
	color:#990000;
}

h2{
	font-size:16px;
	color:#333;
	}
	
p{
	line-height:20px;
	margin-bottom:10px;
	}
	
a{
	color:#CE6600;
	text-decoration:none;
	}
a:hover{
	color:#CE6600;
	text-decoration:underline;
	}
a.address {
	color:#999999;
	}
a.address:hover {
	color:#2b0b32;
	}
#splash-address p {
	font-size:11px;
	line-height:20px;
	color:#999999;
	}
.nav{
	position:absolute;
	left:50%;
	top:1px;
	margin: 0px 0px 0px -121px;
	}
#presContainer {
	width:864px;
	height:auto;
	}
	
#presContainer img {
	float:left;
	border:none;
	}
.content{
	padding-top:125px;
	width:700px;
	}
.content ul#portfolioNav {
	list-style:none;
	list-style-image:none;
	float:left;
	width:150px;
	margin-top:40px;
	padding-right:20px;
	}
.content ul#portfolioNav  li{
	background:url(../images/bullet.gif) no-repeat 117px -2px;
	padding-right:20px;
	direction:rtl;
	text-align:right;
	}
.content ul#portfolioNav  a{
	display:block;
	padding-right:15px;
	height:35px;
	width:140px;
	font-size:14px;
	color:#663366;
	text-decoration:none;
	}
.content ul#portfolioNav  a:hover{
	font-size:14px;
	color:#552255;
	font-weight:bold;
	text-decoration:none;
	}	
ul#portfolioNav #selected{
	font-size:14px;
	color:#552255;
	font-weight:bold;
	text-decoration:none;
	}	
.copy{
	width:450px;
	padding-top:250px;
	padding-left:100px;
	}
.copy p{
	line-height:22px;
	color:#333;
	margin-bottom:10px;
	}	
#footer ul {
	margin: 0 100px 9px;
	padding-left: 0;
	list-style: none;
	text-align: center;}
#footer li {
	color: #999999; 
	display: inline; 
	font-size: 11px;
	line-height: 18px; 
	margin-left: 0;
	list-style: none;
	display: inline; 
	white-space: nowrap;
	text-align: center;}
#footer li a {
	color: #999999; 
	padding: 0 8px 0 8px;
	border-left: 1px solid #999999;
	text-decoration: none;}
#footer li a:hover {
	color:#2b0b32;
}

#footer li.first a {margin-left: 0; padding-left: 0; border-left: none;}


/*-----------------------------
Layout
-----------------------------*/
#container {
	width:800px;
	height:500px;
	margin:auto;
	background:#ffffff no-repeat;
}
#portfolio 	#container {
	background-image:url(../images/backgrounds/portfolio-800.jpg);
	border:1px solid #9c9c9c;
}

#utility {
	position:absolute;
	top:136px;
	left:50%;
	margin:0px 0px 0px 110px;
	width:150px;
}

#utility a {
	color:#999999;
}
 #utility a:hover {
	color:#2b0b32;
 }

#splash-nav {
	position: absolute;
	top: 180px;
	left: 50%;
	width: 363px;
	height: 300px;
	padding: 0px;
	margin:0px 0px 0px -84px;
	background: transparent url(../images/splash-nav.gif) 0 0 no-repeat;
}

#splash-copy {
	position:absolute;
	top:280px;
	left:50%;
	width:290px;
	margin:0px 0px 0px -210px;
	z-index:2000;
}

#splash-address {
	position:absolute;
	top:320px;
	left:50%;
	margin:0px 0px 0px 180px;
}

#footer {
	position:absolute;
	top:505px;
	left:50%;
	width: 800px;
	background: transparent; 
	margin:0px 0px 0px -400px;
	padding: 12px 0 10px 0;
	text-align: center;
}
h5 {
	font-size:10px;
	color:#999999;
}

.img-left {
	float:left;
	border:0px;
	margin-right:4px;
	margin-top:2px;
}
.clear {
	float:none;
}

/*----------------------------- 
Shortcuts	
-----------------------------*/

/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
.replace {
	letter-spacing : -1000em;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	text-indent: -999em;
}
/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace {
	letter-spacing : normal;
	text-indent : -999em;
	overflow : hidden;
}
/* End of hack */

/*---------------------------------
Navigation
---------------------------------*/

#nav {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

#nav li {margin:0; padding:0;}
#nav li a {display:block; margin:0; padding:0;}

/*---------------------------------
Subnavigation
----------------------------------*/
/*#nav ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

#nav ul li a {
	padding:5px;
	text-decoration:none;
	color:#edf2e6;
	display:block;
	width:150px;
}

#nav ul li a:hover {
	text-decoration:none;
	color:#1a1513;
	background-color:#b29e79;
}

#nav li ul {
	position:absolute;
	left:-999em;
	color:#edf2e6; 
	font-size:11px;	
	text-align:left;
	background:#747e67;
	margin: 0px; 
	padding: 0px;
}

#nav li:hover {position: static;}

#nav li:hover ul, #nav li.sfhover ul {
	z-index: 999;
	display:block;
	left:auto;
	color:#edf2e6;
	text-decoration: none;
	background:#747e67; 
}

#nav li ul li {
	clear:left;
}
*/

#nav-intro, #nav-design, #nav-photography, #nav-marketing, #nav-portfolio {
	width:363px;
	text-indent: -999em;
	background: transparent url(../images/splash-nav.gif) 0 0 no-repeat;
}

/*---------------------------------
Image Replacement
---------------------------------*/
#logo a {background: transparent url(../images/logo.gif) 0 0 no-repeat;}

/* Nav Elements */

#nav-intro {background-position: 0px 0px; height:55px;}
li:hover #nav-intro, li.sfhover #nav-intro, li.active #nav-intro {background-position: -363px 0px;}
#nav-design {background-position: 0px -55px; height:47px;}
li:hover #nav-design, li.sfhover #nav-design, li.active #nav-design {background-position: -363px -55px;} 
#nav-photography {background-position: 0px -102px; height:56px;}
li:hover #nav-photography, li.sfhover #nav-photography, li.active #nav-photography {background-position: -363px -102px;}
#nav-marketing {background-position: 0px -158px; height:59px;}
li:hover #nav-marketing, li.sfhover #nav-marketing, li.active #nav-marketing {background-position: -363px -158px;}
#nav-portfolio {background-position: 0px -217px; height:83px;}
li:hover #nav-portfolio, li.sfhover #nav-portfolio, li.active #nav-portfolio {background-position: -363px -217px;}