/* CSS Document */

/* LAYOUT______________________________________________ */

a {outline: none;}

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

body {
	background-color: #ffffff;
	font-family: "Futura", Helvetica, Arial, Verdana, sans-serif;
	color:#333333;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

button {
	overflow: visible;
	width: auto;
}

button.link {
	font-family: "Futura", Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	text-align: left;
	text-decoration: none;
	color:#000000;
	background: none;
	margin-left: -2px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	border: none;
	cursor: pointer;
	-moz-user-select: text;
	text-transform: uppercase;
}

buttonlink span {
	text-decoration: none;
}

button.link:link span,
button.link:visited span {
	text-decoration: none;
	color:#000000;
}

button.link:hover span,
button.link:active span,
button.link:focus span {
	text-decoration: none;
	color:#333333;
}


#container {
	position: relative;
	background-color:#FFFFFF;
	width: 1024px;
	height:100%;
	margin:0;
}

.substance_logo span {
	width:260px;
	height:60px;
	display:block;
}

.substance_logo span a:link, .substance_logo span a:visited {
	width:260px;
	height:60px;
	display:block;
	background-image: url(../images/substance_logo.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
}

.substance_logo span a:hover, .substance_logo span a:active {
	width:260px;
	height:60px;
	display:block;
	background-image: url(../images/substance_logo_over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
}

span.image_replacement {
	float:left;
	text-indent:-99999px;
}

#left_side {
	background-color:#4A4A4A;
	width:260px;
	height:1000px;
	position:absolute;
	left:0;
	float:left;
	background-image: url(../images/left_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#right_side {
	background-color:#ffffff;
	width:700px;
	height:100%;
	position:absolute;
	left:260px;
	float:left;
	margin-left:20px;
}

#download-portfolio-side {width:220px;position: absolute;float:left;left:990px;top:20px;}

#portfolio_main {
	width:700px;
	margin-left:20px;
}

#portfolio_main p {
	font-size:12px;
	color:#333333;
	line-height:20px;
	margin-bottom:10px;
	padding-left:40px;
	padding-right:45px;
}

#portfolio_main p a:link, #portfolio_main p a:visited {
	font-size:12px;
	color:#189D9E;
	line-height:20px;
	text-decoration:none;
}

#portfolio_main p a:hover, #portfolio_main p a:active {
	font-size:12px;
	color:#BC272D;
	line-height:20px;
	text-decoration:none;
}

.home_title {
	background-image: url(../images/home_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 59px;
	width: 705px;
	margin-bottom:20px;
	margin-left:-20px;
}

.portfolio_title {
	background-image: url(../images/portfolio_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 59px;
	width: 705px;
	margin-bottom:20px;
	margin-left:-20px;
}

.blog_title {
	background-image: url(../images/blog_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 59px;
	width: 705px;
	margin-bottom:20px;
	margin-left:-20px;
}

h1 {
	color:#189D9E;
	font-size:18px;
	line-height:22px;
	margin:0;
}

h2 {
	color:#999999;
	font-size:10px;
	line-height:12px;
	margin:0;
}

h2.thanks {
	color:#999999;
	font-size:14px;
	line-height:18px;
	margin:0;
}

h2.thanks a:link, h2.thanks a:visited {
	color:#189D9E;
	font-size:14px;
	line-height:18px;
	margin:0;
	text-decoration:none;
}

h2.thanks a:hover, h2.thanks a:active {
	color:#BC272D;
	font-size:14px;
	line-height:18px;
	margin:0;
	text-decoration:none;
}

/* NAVIGATION______________________________________________ */

#nav {
	color:#333333;
	width:260px;
}

#nav ul.navigation {
	font-size:14px;
	width:100%;
	margin:0;
}
#nav ul.navigation li.first {
	display:block;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}

#nav ul.navigation li.page_on {
	display:block;
	color:#333333;
	width:260px;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	background-image: url(../images/nav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#nav ul.navigation li.page_on a:link, #nav ul.navigation li.page_on a:visited, #nav ul.navigation li.page_on a:hover, #nav ul.navigation li.page_on a:active {
	display:block;
	color:#333333;
	text-decoration:none;
	background:none;
}

#nav ul.navigation li {
	display:block;
	width:100%;
	margin-bottom:10px;
}

#nav ul.navigation li a:link, #nav ul.navigation li a:visited{
	display:block;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	color:#1A1A1A;
	text-decoration:none;
}

#nav ul.navigation li a:hover, #nav ul.navigation li a:active {
	display:block;
	color:#333333;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	background-image: url(../images/nav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#nav ul.navigation li.contact {
	display:block;
	width:100%;
	margin-bottom:5px;
}

#nav ul.navigation li.contact a:link, #nav ul.navigation li.contact a:visited{
	display:block;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	color:#1A1A1A;
	text-decoration:none;
}

#nav ul.navigation li.contact a:hover, #nav ul.navigation li.contact a:active {
	display:block;
	color:#333333;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	background-image: url(../images/nav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#content_links ul.portfolio_links {
	font-size:12px;
}

#content_links ul.portfolio_links li {
	display:block;
	width:100%;
	margin-bottom:10px;
}

#content_links ul.portfolio_links li.page_on{
	display:block;
	color:#BC272D;
	width:244px;
	padding-left:26px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	background-image: url(../images/subnav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#content_links ul.portfolio_links li a:link, #content_links ul.portfolio_links li a:visited{
	display:block;
	padding-left:26px;
	padding-top:3px;
	padding-bottom:3px;
	color:#333333;
	text-decoration:none;
}

#content_links ul.portfolio_links li a:hover, #content_links ul.portfolio_links li a:active{
	display:block;
	color:#BC272D;
	padding-left:26px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	background-image: url(../images/subnav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}



/* PORTFOLIO HOME______________________________________________ */

.portfolio_thumb {
	width:230px;
	height:175px;
	float:left;
}

.portfolio_thumb p {
	text-align:center;
	font-size:12px;
	color:#189D9E;
}

.portfolio_thumb p a:link, .portfolio_thumb p a:visited {
	text-align:center;
	font-size:12px;
	color:#189D9E;
	text-decoration:none;
}

.portfolio_thumb p a:hover, .portfolio_thumb p a:active {
	text-align:center;
	font-size:12px;
	color:#BC272D;
	text-decoration:none;
}

.portfolio_thumb div {
	width:200px;
	height:134px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
}

.portfolio_thumb div span a:link, .portfolio_thumb div span a:visited {
	width:200px;
	height:134px;
	display:block;
	text-decoration:none;
}

.portfolio_thumb div span a:hover, .portfolio_thumb div span a:active {
	width:198px;
	height:132px;
	display:block;
	border: 2px solid #BC272D;
	text-decoration:none;
}

.p_dandelion span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_dandelion.jpg);
	background-repeat: no-repeat;
}

.p_fermented span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_fermented.jpg);
	background-repeat: no-repeat;
}

.p_scratch span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_scratchbread.jpg);
	background-repeat: no-repeat;
}
.p_jennifer span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_jenniferdabbs.jpg);
	background-repeat: no-repeat;
}

.p_charlotte span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_charlottekron.jpg);
	background-repeat: no-repeat;
}

.p_toofaced span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_toofaced.jpg);
	background-repeat: no-repeat;
}

.p_album span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_album.jpg);
	background-repeat: no-repeat;
}

.p_logos span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_logo.jpg);
	background-repeat: no-repeat;
}

.p_devendra span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_devendra.jpg);
	background-repeat: no-repeat;
}

.p_synthetic span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_synthetic.jpg);
	background-repeat: no-repeat;
}

.p_sounden span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_sounden.jpg);
	background-repeat: no-repeat;
}

.p_wallpaper span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_wallpaper.jpg);
	background-repeat: no-repeat;
}

.p_bowie span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_bowie.jpg);
	background-repeat: no-repeat;
}

.p_killerstyle span {
	width:200px;
	height:134px;
	display:block;
	background-image: url(../images/p_killerstyle.jpg);
	background-repeat: no-repeat;
}

/* CONTACT FORM______________________________________________ */


.overlay h2 {
	color:#189D9E;
	font-size:18px;
	line-height:22px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#contact_form {
	
}

#contact_form ul {
	list-style:none;
}

#contact_form ul li {
	list-style:none;
	margin-bottom:15px;
	float:left;
}

#contact_form ul li label {
	font-size:14px;
	color:#2e2e2e;
	margin-bottom:5px;
	display:block;
	float:left;
	width:90px;
}

#contact_form ul li input {
	width:200px;
	height:18px;
	margin-right:15px;
	color:#2e2e2e;
	background-color:#F4F4F4;
	border: 1px solid #171717;
}

#contact_form ul li textarea {
	width:200px;
	float:left;
	color:#2e2e2e;
	background-color:#F4F4F4;
	border: 1px solid #171717;
}

#contact_form ul li input#Submit {
	width:100px;
	height:22px;
	margin-left:190px;
}