/* --[ globals ]------------------------------------------------------------------------------------------------- */	
@import url("reset.css");
/*@import url("contact.css");*/
body {
	/*background:url(../img/bg.png) top left no-repeat fixed;*/
	background-color:#fefefe;
}
p {
	font-family:Helvetica, Arial, sans-serif;
	size:12px;
	color: #000;
	font-size: 12px;
}
p a {
	text-decoration:none;
	color:#000;
	font-size:11px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	size:12px;
}
p a:hover {
	color:#fff;
}

em {
	font-style:normal;
}

/* --[ #column ]------------------------------------------------------------------------------------------------- */	
#wrapper {
	width:100%;
	margin:auto;
	padding-top:30px;
	clear:both;
	display:block;
}
#content {
	width:940px;
	margin:auto;
	position:relative;
	margin-top: 0px;
}
#leftcol {
	overflow: hidden;
	float: left;
	width:220px;
}
#floatdiv {
	position:absolute;
	left:0px;
	top:0px;
	width:220px;
}
#rightcol {
	clear:both;
	display:block;
	float: right;
	width: 660px;
	margin:0px;
	padding:0px;
}
/* --[ #logo ]------------------------------------------------------------------------------------------------- */

#logo {
	display:block;
	height:35px;
	width:220px;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -3px;
	text-transform: uppercase;
	margin:auto;
	padding-bottom:30px;
	line-height: 28px;
}
/* --[ #nav ]-------------------------------------------------------------------------------------------------- */

.nav_interactive_header {
	display:block;
	width:220px;
	margin:0px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
.nav_interactive {
	color:#000;
	margin-bottom:10px;
}
#nav_illustration_header {
	display:block;
	width:220px;
	margin:0px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-top:10px;
}
.nav_illustration {
	color:#f49ac1;
	margin-bottom:20px;
}
#nav_photography_header {
	display:block;
	width:220px;
	margin:0px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-top:10px;
}
.nav_photography {
	color:#a3d39c;
	margin-bottom:20px;
}
#nav_goodies_header {
	display:block;
	width:220px;
	margin:0px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-top:10px;
}
.nav_goodies {
	color:#ff3f7d;
	margin-bottom:20px;
}
#nav_contact_header {
	display:block;
	width:220px;
	margin:0px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-top:10px;
}
.nav_contact {
	color:#000;
	margin-bottom:20px;
}
ul {
	margin-top:10px;
	list-style:none;
	font-family:Arial, "Helvetica", sans-serif;
	font-size:11px;
	text-align:left;
	line-height:14px;
}
/* --[ #accordian ]------------------------------------------------------------------------------------------------- */	

.arrowlistmenu {
	width: 220px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom:10px; /*bottom spacing between header and rest of content*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active.png);
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom:0px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a {
	color: #000;
	display: block;
	padding: 1px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 12px;
	font-family:Arial, "Helvetica", sans-serif;
}
.arrowlistmenu ul li a:visited {
}
.arrowlistmenu ul li a:hover { /*hover state CSS*/
	color: #FFF;
	background:url(../img/arrow.png) no-repeat center left; /*custom bullet list image*/
}
/* --[ #portfolio ]------------------------------------------------------------------------------------------------- */	

#creative_person {
	padding-top:65px;
	text-decoration:none;
	float: right;
	width: 660px;
	margin-bottom:2000px;
	clear:both;
	display:block;
	position:relative;
}
#content_header {
	margin-bottom:10px;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#right_content {
	margin-bottom:20px;
	font-family:Arial, "Helvetica", sans-serif;
	color:#fff;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	clear:both;
	display:block;
	position:relative;
}
#right_content img {
	clear:both;
	display:block;
	padding:0;
}
.right_content_1 {
	clear:both;
	display:block;
	height:100px;
}

#right_content a{
	font-size:14px;
	text-align:right;
	float:right;
	font-style:bold;
	font-weight:400;
	padding-bottom:20px;
}

/* --[ #contact ]------------------------------------------------------------------------------------------------- */		

#contact p, label, legend {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:12px;
	color:#000;
	font-weight: bold;
}
#contact h1 {
	margin: 10px 0 10px;
	font-size: 14px;
	color: #000;
}
#contact hr {
	color:#000;
	height: 0;
	margin: 6px 0 6px 0;
	padding: 0;
}
#contact {
	display: block;
	width: 660px;
	text-align:left;
}
/* Form style */

#contact label {
	display: inline-block;
	float: left;
	height: 26px;
	line-height: 26px;
	width: 155px;
	font-size: 12px;
	font-weight: bold;
}
#contact input, textarea, select {
	width: 280px;
	margin: 0;
	padding: 5px;
	color: #fff;
	background: #000;
	border: 1px dotted #272930;
	margin: 5px 0;
	font-family:Arial, "Helvetica", sans-serif;
	font-size:11px;
	font-weight:bold;

}
#contact input:focus, textarea:focus, select:focus {

	background-color: #000;
	color:#fff;
}
#contact input.submit {
	width: 85px;
	cursor: pointer;
	border: 1px dotted #272930;
	background:#000;
	color:#fff;
}
#contact input.submit:hover {
	background:#000;
}
#contact input[type="submit"][disabled] {
	background:#000;
}
#contact fieldset {
	padding:20px;
}
#contact legend {
	padding:7px 10px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:0 !important;
	margin-bottom:20px;
}
#contact span.required {
	font-size: 13px;
	color: #fff;
} /* Select the colour of the * if the field is required. */
#message {
	margin: 10px 0;
	padding: 0;
}
.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	background: #FBE3E4 url('../img/error.gif') no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	color:#fff;
	border: 1px solid #FBC2C4;
}
.loader {
	padding: 0 10px;
}
#contact #success_page h1 {
	background: url('../img/success.gif') left no-repeat;
	padding-left:22px;
}
acronym {
	border-bottom:1px dotted #ccc;
}