/* wecancreate.org CSS */

body {
	height: 100%;
	background:url(media/bg.png) repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #5f5f5f;
	text-align: center;
}

p {	
	float: left;
	font-size: 12px;
	color:#333333;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 0px 50px;
}

h2 {
	font-size: 28px;
	font-weight:100;
	color:#333333;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 50px;
}

h3 {
	font-size: 20px;
	font-weight:100;
	color:#333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h4 {
	font-size: 16px;
	font-weight:100;
	color:#333333;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 10px 0px;
}

p a:link, #content_left li a:link{
	color:#333333;
	border-bottom: #333333 dotted 1px;
	text-decoration: none;
	outline: none;

}

p a:visited, #content_left li a:visited{
	color:#333333;
	border-bottom: #333333 dotted 1px;
	text-decoration: none;
	outline: none;

}

p a:hover, #content_left li a:hover{
	color:#333333;
	border-bottom-style: none;
	text-decoration: none;
	outline: none;
}

h4 a:link {
	color:#333333;
	border-bottom: #333333 dotted 1px;
	text-decoration: none;
}

h4 a:visited {
	color:#333333;
	border-bottom: #333333 dotted 1px;
	text-decoration: none;
}

h4 a:hover {
	color:#333333;
	border-bottom-style: none;
	text-decoration: none;
}

#wrap {
    height: auto !important;
    height: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 820px;
}

#portfoliopage_brandlevel #wrap {
    height: auto !important;
    height: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 612px;
}

#content_top{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 90px;
}

#logo{
	float: left;
	margin: 0px 0px 0px 0px;
}

#nav{
	float:	right;
	padding: 0px 0px 0px 0px;
	margin: 45px 0px 0px 0px;
} 

#nav ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 45px;
	list-style: none;
	display: inline;
}

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

#nav_home{
	float: left;
	height: 45px;
	width: 87px;
	text-indent: -5000px;
	overflow: hidden;
	background: url("media/button_home.png") top left no-repeat;
}

#nav_web{
	float: left;
	height: 45px;
	width: 87px;
	text-indent: -5000px;
	overflow: hidden;
	background: url("media/button_web.png") top left no-repeat;
}

#nav_print{
	float: left;
	height: 45px;
	width: 87px;
	text-indent: -5000px;
	overflow: hidden;
	background: url("media/button_print.png") top left no-repeat;
}

#nav_designer{
	float: left;
	height: 45px;
	width: 87px;
	text-indent: -5000px;
	overflow: hidden;
	background: url("media/button_designer.png") top left no-repeat;
}

#nav_contact{
	float: left;
	height: 45px;
	width: 85px;
	text-indent: -5000px;
	overflow: hidden;
	background: url("media/button_contact.png") top left no-repeat;
}

#banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 245px;
	width: 820px;
	background: url("media/banner.png") top left no-repeat;
}

#webpage #banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 245px;
	width: 820px;
	background: url("media/banner_web.png") top left no-repeat;
}

#printpage #banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 245px;
	width: 820px;
	background: url("media/banner_print.png") top left no-repeat;
}

#designerpage #banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 245px;
	width: 820px;
	background: url("media/banner_designer.png") top left no-repeat;
}

#contactpage #banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 245px;
	width: 820px;
	background: url("media/banner_contact.png") top left no-repeat;
}

#portfoliopage #banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 820px;
	background: url("media/banner_portfolio.png") top left no-repeat;
}

#portfoliopage_brandlevel #banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 612px;
	background: url("media/banner_portfolio_brandlevel.png") top left no-repeat;
}

#banner a{
	float:left;
	text-indent: -5000px;
	margin: 115px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	height: 116px;
	width: 110px;
	background: url("media/banner_button.png") top left no-repeat;
	border-bottom: none;
}

#portfoliopage_brandlevel #banner a{
	float:right;
	text-indent: -5000px;
	margin: 6px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 116px;
	width: 110px;
	background: url("media/banner_button.png") top left no-repeat;
	border-bottom: none;
}

#banner p {
	float: left;
	font-size: 14px;
	color: #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 150px 0px 0px 0px;
}

#portfoliopage #banner p {
	float: left;
	font-size: 14px;
	color: #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 70px 0px 0px 30px;
}

#portfoliopage_brandlevel #banner p {
	float: right;
	font-size: 14px;
	color: #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 70px 0px 0px 0px;
}

.accessibility_title{
	float: left;
	background: url("media/accessibility_icon.png") no-repeat;
	margin: 10px 0px 0px 50px;
	padding: 25px 0px 0px 55px;	
	height: 50px;
	width: 300px;
}

.print_process_title{
	float: left;
	background: url("media/print_process_icon.png") no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 25px 0px 0px 55px;	
	height: 50px;
	width: 300px;
}

#webpage .accessibility_title{
	float: left;
	background: url("media/accessibility_icon.png") no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 25px 0px 0px 55px;	
	height: 50px;
	width: 300px;
}

.accessibility {	
	margin: -15px 0px 0px 0px;
	_margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 50px;
}

#webpage .accessibility {
	margin: -30px 0px 0px 0px;	
	color: #5f5f5f;
}

.print_process {
	margin: -30px 0px 0px 0px;
	padding: 0px 10px 0px 55px;	
	color: #5f5f5f;
}

#content_right{
	float: left;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 30px;
	height: 430px;
	width: 300px;
	background: url("media/content_right_bg.png") bottom left no-repeat;
}

#content_right ul{
	margin: -30px 0px 0px 0px;
	_margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#content_right li{
	margin: 0px 0px 4px 26px;
	padding: 0px 0px 0px 28px;
	height: 20px;
	background: url("media/list_icon.png") bottom left no-repeat;
	list-style: none;
}

.print_design_title{
	background:url("media/print_icon.png") no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 55px;	
	height: 65px;
}

.web_design_title{
	background:url("media/web_icon.png") no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 25px 0px 0px 55px;	
	height: 65px;
}

#webpage .web_design_title{
	background:url("media/web_icon.png") no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 55px;	
	height: 65px;
}

#content_left ul{
	float: left;
	margin: 10px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}

#content_left li{
	margin: -5px 0px 0px 0px;
	padding: 15px 0px 1px 45px;
	height: 40px;
	list-style: none;
	font-size: 16px;
}

.email_icon{
	background: url("media/email_icon.png") no-repeat;
	
}

.phone_icon{
	background: url("media/phone_icon.png") no-repeat;	
}

.skype_icon{
	background: url("media/skype_icon.png") no-repeat;	
}


#content{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	height: 450px;
	width: 820px;
	background: url("media/content_bg.png") top left no-repeat;
}

#printpage #content{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	height: 700px;
	width: 820px;
	background: url("media/content_bg.png") top left no-repeat;
}

#webpage #content{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	height: 880px;
	width: 820px;
	background: url("media/content_bg.png") top left no-repeat;
}

#designerpage #content, #contactpage #content{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	height: 460px;
	width: 820px;
	background: url("media/content_bg.png") top left no-repeat;
}

#portfoliopage #content{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	height: 592px;
	width: 820px;
	background: url("media/content_bg_portfolio.png") top left no-repeat;
}

#portfoliopage_brandlevel #content{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	min-height: 400px;
	height: 100%;
	width: 612px;
	background: url("media/content_bg_portfolio_brandlevel.png") top left no-repeat;
}

#content_left{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 440px;
	overflow: hidden;
}

#content_portfolio_brandlevel{
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}


#content_portfolio{
	float: left;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 60px;
	overflow: hidden;
}

.featured_work, .portfolio_print_work{
	clear:both;
	background:url("media/printwork_icon.png") no-repeat;
	margin: 0px 0px -40px 50px;
	padding: 25px 0px 0px 55px;	
	height: 65px;
}

#webpage .featured_work, #portfoliopage_brandlevel .featured_work{
	clear:both;
	background:url("media/webwork_icon.png") no-repeat;
	margin: 0px 0px -40px 50px;
	padding: 25px 0px 0px 55px;	
	height: 65px;
}

.featured_work_img1{
	float: left;
	margin: 20px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	width: 165px;
}

.featured_work_img_link{
	float: left;
	text-indent: -5000px;
	margin: 20px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	width: 355px;
	height: 240px;
	background:url(media/web1.png);
}

.featured_work_img2{
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	width: 165px;
}

.download_pdf{
	background:url("media/pdf_icon.png") top left no-repeat;
	height: 40px;
	margin: 10px 0px 0px 50px;
	padding: 15px 0px 10px 40px;
}

.visit_site{
	background:url("media/site_icon.png") top left no-repeat;
	height: 40px;
	margin: 10px 0px 0px 50px;
	padding: 15px 0px 10px 40px;
}

.view_swf{
	background:url("media/swf_icon.png") top left no-repeat;
	height: 40px;
	margin: 10px 0px -20px 50px;
	padding: 15px 0px 10px 40px;
}

.visit_wordpress{
	background:url("media/worpress_icon.png") top left no-repeat;
	height: 40px;
	margin: 10px 0px -20px 50px;
	padding: 15px 0px 0px 40px;
}

#footer{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    height: 95px;
	width: 820px;
	background: url("media/footer_bg.png") top left no-repeat;
}

#portfoliopage_brandlevel #footer{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    height: 95px;
	width: 612px;
	background: url("media/footer_bg_brandlevel.png") top left no-repeat;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 10px;
	color: #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 62px 30px 0px 0px;
}


#nav_home:hover,
#nav_web:hover,
#nav_print:hover,
#nav_designer:hover,
#nav_contact:hover,
#banner a:hover,
#portfoliopage_brandlevel #banner a:hover,
#homepage #nav_home,
#webpage #nav_web,
#printpage #nav_print,
#designerpage #nav_designer,
#contactpage #nav_contact{
	background-position: bottom left;
}

#nav_home:focus,
#nav_web:focus,
#nav_print:focus,
#nav_designer:focus,
#nav_contact:focus,
#banner a:focus,
a {
	outline:none;
	-moz-outline-style: none;
}

.frame{
	margin: 20px 0px 0px 45px;
	border:#e8e8e8 solid 10px;
}

.video{
	margin: 0px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
	border:#e8e8e8 solid 10px;
}

.caption{
	margin: -20px 0px 0px -5px;
}

.video_caption{
	margin: -20px 0px 0px 10px;
}

#oDiv{
	position:absolute;
	left:140px;
	height:400;
	width:400;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');
}

#banner h2{
	padding: 50px 0px 0px 55px;
	color: #CCCCCC;
}