@charset "UTF-8";
@import url("css_reset.css");
@import url("nivo-slider.css");
@import url("nivo-slider-portfolio.css");
</style>

/* ------------- Body ------------ */

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}



/* ------------- Links ------------ */

a:link, a:visited, a:active { 
	color: #daae00; 
	text-decoration: none; 
	font-weight:bold;
} 
a:hover { 
	color: #daae00;
	text-decoration: none;  
	font-weight:bold;
	border-bottom: 1px dotted #e1c019;
	padding-bottom:1px;
}
h1 {
	text-indent:-9999px;
}
hr {
	border: 0;
	color: #BA9C13;
	background-color: #BA9C13;
	height: 1px;
	width: 960px;
	text-align: left;
}
#navigation-home {
	position:absolute;
	top:117px;
	width:96px;
	text-indent:0px;
	font-family: Arial;
	font-size: 11pt;
	right: 852px;
	z-index: 99;
}

#navigation-home p {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0em;
	font-size:0.85em;
	color: #EFC718;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}
#navigation-home p a {
	color: #BA9C13;
}

#navigation {
	position:absolute;
	top:117px;
	width:819px;
	text-indent:0px;
	font-family: Arial;
	font-size: 11pt;
	right: 10px;
	z-index: 99;
}
#navigation p {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0em;
	font-size:0.85em;
	color: #EFC718;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
}
#navigation p a {
	color: #BA9C13;
}

/* ------------- Structure ------------ */

/* Level 1 Home Page */
#container {
	position:relative;
	width: 960px;
	height:540px;
	margin:0 auto;
	background: #fff url(/images/notion-creative-logo.gif) top left no-repeat;
	z-index: 1;
}
#container-box {
	border: 1px solid #000;
	height:283px;
	width: 958px;
	position: absolute;
	top: 104px;
	z-index: 2;
	background-color: #FFF;
}
#container-portfolio {
	position:relative;
	width: 960px;
	height:560px;
	background: #fff url(../images/notion-creative-logo.gif) top left no-repeat;
	margin: 0 auto;
}
#container-portfolio-box {
	border: 1px solid #000; background-color: transparent; padding: 0px;
	height:355px;
	width: 960px;
	position: absolute;
	top: 104px;
}
#container-portfolioclients-box {
	border: 1px solid #000;
	background-color: transparent;
	height:355px;
	width: 958px;
	position: absolute;
	top: 104px;
}

#logo {
	position:absolute;
	left:0px;
	top:40px;
	width:960px;
	height:483px;
}
#hello {
	position:absolute;
	left:38px;
	top:261px;
	color: #EFC718;
	height: 70px;
	font-size: 3.5em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	z-index: 10;
	background-color: #FFF;
	width: 133px;
	padding-left: 7px;
}
#creative-photo {
	position: absolute;
	top:145px;
	width:300px;
	height:297px;
	max-height:200px;
	position:absolute;
	left: 13px;
}
#process-photo {
	position: absolute;
	top:145px;
	width:300px;
	height:297px;
	max-height:200px;
	position:absolute;
	z-index: 2;
	left: 13px;
}
#hours-photo {
	position: absolute;
	top:145px;
	width:300px;
	height:297px;
	max-height:200px;
	position:absolute;
	z-index: 2;
	left: 13px;
}
#hours-photo img {
	border: 0;

}




#description {
	position:absolute;
	left:47px;
	width:865px;
	z-index:5;
	text-indent:135px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	height: 60px;
	top: 400px;
}
	#description p {
	font-size:.875em;
	line-height:1.3em;
	font-weight:normal;
	color:#000;
	letter-spacing:0px;
	}
#description-portfolio {
	position:absolute;
	left:175px;
	top:470px;
	width:776px;
	z-index:20;
	text-indent:135px;
	font-family: Arial, Helvetica, sans-serif;
}

#description-portfolio p {
	font-size:0.8em;
	line-height:1.3em;
	font-weight:normal;
	color:#000;
	text-align:justify;
	letter-spacing:0px;
	text-indent: 0px;
}
#description-portfolio-clients {
	position:absolute;
	left:42px;
	top:153px;
	width:886px;
	z-index:20;
	height: 302px;
	max-height: 296px;
	line-height: 1.5em;
}
#description-portfolio-clients p {
	font-size:0.8em;
	line-height:1.3em;
	font-weight:bold;
	color:#000;
	text-align:justify;
	letter-spacing:0px;
	text-indent: 0px;
}
#description-creative {
	position:absolute;
	left:333px;
	top:144px;
	width:598px;
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#description-creative p {
	font-size:.875em;
	line-height:1.3em;
	font-weight:normal;
	color:#000;
	letter-spacing:0px;
	text-align: left;
}

#description-creative p a {
	color:#BB9D13;
}
#description-process {
	position:absolute;
	left:361px;
	top:173px;
	width:558px;
	z-index:5;
	height: 242px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#description-process p {
	font-size:0.875em;

	line-height:1
.em;
	font-weight:normal;
	color:#000;
	letter-spacing:0px;
	line-height: 1.3em;
}

#description-hours {
	position:absolute;
	left:361px;
	top:173px;
	width:558px;
	z-index:5;
	height: 179px;
	font-family: Arial, Helvetica, sans-serif;
}
#description-hours p {
	font-size:0.875em;
	line-height:1.3em;
	font-weight:normal;
	color:#000;
	letter-spacing:0px;
}

#hello-portfolio {
	position:absolute;
	left:29px;
	top:450px;
	width:122px;
	height: 87px;
	background-color: #625B54;
	z-index: 20;
	font-family: Arial, Helvetica, sans-serif;
}
#hello-portfolio p {
	color: #FFF;
	line-height: 1.5em;
	text-transform: uppercase;
	margin-top: 7px;
	font-size: 0.8em;
	margin-bottom: 10px;
	margin-left: 15px;
	position: absolute;
	text-align: center;
}
#hello-portfolio p a {
	color: #EFC718;
}

#contact-portfolio {
	position:absolute;
	top:547px;
	left:0px;
	width:960px;
}
#contact-portfolio p {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	font-size:.7em;
	color: #625b54;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
}
#contact-portfolio a:link {
	color: #625b54;
	font-weight:normal;
}
#contact-portfolio a:hover {
	color: #daae00;
	border-bottom: 1px dotted #e1c019;
	padding-bottom:1px;
}
#contact {
	position:absolute;
	top:493px;
	left:0px;
	width:960px;
}
	#contact p {
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:.1em;
		font-size:.7em;
		color: #625b54;
		font-weight:normal;
		text-align:center;
		text-transform:uppercase;
	}


	#contact a:link {
		color: #625b54;
		font-weight:normal;
	}

	#contact a:hover {
		color: #daae00;
		border-bottom: 1px dotted #e1c019;
		padding-bottom:1px;
	}