/*  

Theme Name: Main Styles

Theme URI: http://www.wedesignwise.com

Description: This is the standard design for DW circa 2009

Version: 1.0

Author: Steve Day and Matt Evert

Author URI: http://www.wedesignwise.com

*/



/* Design Wise Global CSS */

* {

	

	padding:0;

	margin:0;

}

img {

	

	border:none;

}

body {

	

	background:#ff3452;

}

#wrapper {

	

	background: #1e1e1b url("images/NoisePatternX50pixels.jpg");

}

#header {

	

	width:900px;

}

#logo {

	

	padding:25px 0;

	height:100px;

	width:268px;

	position:relative;

	top:12px;

	left:-55px;

}



/* Navigation and Rollover Hooks */

#nav {

	

	position: relative;

	float:right;

	width: 500px;

	height:50px;

	padding-top:50px;

}

#nav a {

	

	margin-left:24px;

	display:block;

	float:right;

}

a#navHome {

	

	height:40px;

	width:54px;

	background: none;

}

a#navHome:hover {

	

	background: transparent url("images/nav_homeRoll.png");

}

a#navContact {

	

	height: 40px;

	width:70px;

	background: none;

}

a#navContact:hover {

	

	background: transparent url("images/nav_contactRoll.png");

}

a#navAbout {

	

	height:40px;

	width:79px;

	background: none;

}

a#navAbout:hover {

	

	background: transparent url("images/nav_aboutRoll.png");

}

a#navPortfolio {

	

	height:40px;

	width:74px;

	background: none;

}

a#navPortfolio:hover {

	

	background: transparent url("images/nav_portfolioRoll.png");

}



/* Footer Hooks */

#footer {

	

	clear:both;

	background:#ff3452;

}

#footNote {

	

	margin-top:25px;

	height:100px;

	width:900px;

	background: transparent url("images/footer_Copy.png") no-repeat left top;

}



/* Shared Styles */

.subPanel h3, .subPanel p, #mainPanel_Copy p, #mainPanel_Slogan h2, #mainPanel_Link p, #footNote p, #logo h1, #logo p, #nav span, #aboutWhat span, #aboutWhere span, #aboutWhy span {

	

	display:none;

}

#header, #footNote, #topCopy, #bottomCopy {

	

	margin-left:auto;

	margin-right:auto;

}



/* Design Wise Home CSS */

/* Content Hooks */

#topCopy {

	

	padding-bottom: 50px;

	border-bottom: dashed 3px #ff3452;

	width:900px;

}

#bottomCopy {

	

	padding-top: 25px;

	height:475px;

	width:1000px;

}

.subPanel {

	

	height:475px;

	width:500px;

}

#mainPanel_Slogan {

	

	height:244px;

	width:900px;

	background: transparent url("images/mainPanel_Slogan.png") no-repeat center bottom;

	margin-bottom:25px;

}

#mainPanel_Copy {

	

	padding-top:3px;

	height:178px;

	width:900px;

	background: transparent url("images/mainPanel_Copy.png") no-repeat center bottom;

}

#mainPanel_Link {

	

	height:38px;

	width:394px;

	float:right;

}

#portfolio {

	

	float: left;

}

#contact {

	

	float: right;

}



/* Designwise About CSS */

#aboutWhat p, #aboutWhere p, #aboutWhy p{

	

	color:#ebe1c3;

	font:normal normal 18px/21px arial,sans-serif;

}

#aboutWhat {

	

	 width:635px;

	 height:450px;

	 background: transparent url('images/aboutWhat.png') no-repeat;

	 position:relative;

	 float:left;

	 margin-top:-25px;

	 left:-50px;

}

#aboutWhat p {

	

	 margin-left:60px;

	 margin-top:325px;

	 width:365px;	

}

#aboutWhere {

	

	width:734px;

	height:333px;

	background: transparent url('images/aboutWhere.png') no-repeat;

	position:relative;

	float:right;

	margin-top:-75px;

	margin-right:-50px;

	margin-bottom:50px;

}

#aboutWhere p{

	

	margin-left:267px;

	margin-top:250px;

	width:428px;

}

#aboutWhy {

	

	width:960px;

	height:671px;

	background:transparent url('images/aboutWhoWhy.png') no-repeat;

	clear:both;

}

#aboutWhy p{

	

	margin-left:5px;

	padding-top:180px;

	width:532px;

}

/* Design Wise Portfolio CSS */

/* Content Hooks */

#content {

	

	margin-left:auto;

	margin-right:auto;

	width:910px;

}

.portfolioItem {

	

	height:400px;

	padding-bottom:47px;

	margin-bottom:50px;

}

span + .portfolioItem {

	

	border-bottom: dashed 3px #ff3452;

}

.portfolioItemDesc {

	

	width:217px;

	position:relative;

	float:right;

	height:400px;

	margin-left:50px;

}

.portfolioItemHeader {

	

	color:#ff3452;

	font:normal normal 32px/36px 'Myriad Pro', verdana, sans-serif;

	margin-bottom:16px;

}

.portfolioItemCopy {

	

	color:#ebe1c3;

	font:normal normal 18px/21px arial, sans-serif;

}

.portfolioItemCopy p {

	

	margin-bottom:12px;

}

.portfolioItemButton {

	

	position:absolute;

	bottom:8px;

	display:block;

}

.portfolioImageContainer {

	

	width:633px;

	position:relative;

	float:left;

	height:398px;

	background:transparent url(images/portfolio_mainImageShadow.png) repeat-x left bottom;

}

.portfolioImage img {

	

	border: 1px solid #c3b99d;

}

.portfolioImage {

	

	position:relative;

	background:#ebe1c3;

	height:350px;

	padding:19px;

}

.portfolioTitleWeb {

	

	height:23px;

	width:217px;

	margin-bottom:12px;

	background: transparent url('images/portfolio_titleWeb.png');

}

.portfolioTitlePrint {

	

	height:23px;

	width:217px;

	margin-bottom:12px;

	background: transparent url('images/portfolio_titlePrint.png');

}

.portfolioTitleBranding {

	

	height:23px;

	width:217px;

	margin-bottom:12px;

	background: transparent url('images/portfolio_titleBranding.png');

}

.portfolioTitleArt {

	

	height:23px;

	width:217px;

	margin-bottom:12px;

	background: transparent url('images/portfolio_titleArt.png');

}



/* POST STYLES */

#postCopy {

	

	width:1000px;

	margin-bottom:44px;

	position: relative;

	top:-3px;

	float: left;

}

.portfolioPost {

	

	color:#ebe1c3;

	position:relative;

	float:left;

	margin-right:50px;

	width:267px;

	height:156px;

	font:normal normal 18px/22.5px arial, sans-serif;

	overflow:hidden;

}

.portfolioPost a:active, .portfolioPost a:link, .portfolioPost a:hover, .portfolioPost a:visited {

	

	color:#dc003b;

}

#postTitle {

	

	color:#ebe1c3;

	font:bold normal 54px/72px "Arial Black", sans-serif;

	position:relative;

	top:28px;

	left:64px;

	width:825px;

}

.postItem {

	

	height:400px;

	padding-bottom:0px;

	margin-bottom:50px;

	clear:both;

}

.postItemDesc {

	

	width:217px;

	position:relative;

	float:right;

	height:400px;

	margin-left:50px;

}

.postItemHeader {

	

	color:#ff3452;

	font:normal normal 32px/36px 'Myriad Pro', verdana, sans-serif;

	margin-bottom:16px;

}

.postItemCopy {

	

	color:#ebe1c3;

	font:normal normal 18px/21px arial, sans-serif;

}

.postItemButton {

	

	position:absolute;

	bottom:8px;

	display:block;

}

.postImageContainer {

	

	width:633px;

	position:relative;

	float:left;

	height:398px;

	background:transparent url("images/portfolio_mainImageShadow.png") repeat-x left bottom;

}

.postImage {

	

	position:relative;

	background:#ebe1c3;

	height:350px;

	padding:19px;

}

.postImage img {

	

	border:1px solid #c3b99d;

}

#postMainImageWrapper {

	

	height:450px;

	width:898px;

	background: transparent url("images/post_mainImageBG.png") center bottom no-repeat;

}

#postMainImage {

	

	height:250px;

	width:900px;

	background:transparent url("images/post_mi_vincentownDinerWebsite2.png");

}

#postProjectDetailsBox {

	

	height:100px;

	width:868px;

	background:#1c1c19;

	margin-bottom:68px;

	padding:16px;

}

#postProjectDetailsImage {

	

	color:#dc003b;

	background: transparent url("images/post_projectDetails.png");

	width:222px;

	height:100px;

	float:left;

	margin-right:32px;

}

#postProjectDetailsImage h3 {

	

	display: none;

}

#postDetailsBox {

	

	height:100px;

	float: left;

	position:relative;

	top:-6px;

}
#postDetailsBox span a, #postDetailsBox span a:visited, #postDetailsBox span a:link{
	
	font:bold normal 35px/36px Arial Black, sans-serif;
	color:#9e9579;
	text-decoration:none;
}
#postDetailsBox span a:active, #postDetailsBox span a:hover{
	
	color:#dc003b;
	text-decoration:none;
}

#postDetailsBox ul {

	

	list-style:none;

	color:#ebe1c3;

	font:bold normal 35px/36px Arial Black, sans-serif;

}

#postDetailsBox li span {

	

	color:#9e9579;

}



/* Contact Page CSS */

#contactLeft p{

	color:#ebe1c3; 

	font:normal normal 18px/24px arial,sans-serif;

}

input{

                

	height:23px; 

	width:379px; 

	border:2px solid #9e9579; 

	background:#ebe1c3; 

	color:#ff3452; 

	font:normal bold 20px/28px 'Myriad Pro', 'Arial', sans-serif; 

	text-transform: uppercase; 

	letter-spacing:-.65px; 

	padding:6px 23px;

}

                

textarea{



	height:154px; 

	width:379px; 

	padding:23px; 

	border:2px solid #9e9579; 

	background:#ebe1c3; 

	font:normal bold 20px/26px 'Myriad Pro', 'Arial', sans-serif;

}

                

bdo{

	unicode-bidi:bidi-override;

	direction: rtl;

}

                

#contactLeft{

                                

	width:425px; 

	padding-top:65px; 

	position:relative; 

	float:left;

}

#contactTitle{ margin-bottom:11px; }

#contactInfo{ margin-top:30px; }

                

#ContactCopy{

                                

	border-bottom:2px dashed #ff3452; 

	padding-bottom:37px;

}

#ContactContacts{ padding-top:15px; }

#ContactContacts span{ color:#ff3452; }

.ContactSubtitles{



	display:block; 

	position:relative; 

	float:left; 

	width:72px;

}

                

#contactFormContentArea{

                                

	width:425px; 

	position:relative; 

	float:left; 

	margin-left:50px; 

	top:-4px;

}

                

#ContactSubmit{

                                

	height:340px; 

	width:185px; 

	background:transparent url('images/contactSubmit.png') no-repeat; 

	position:relative; 

	top:-37px; 

	left:-45px;

	cursor:pointer;

}