* {
	padding:0;
	margin:0;
	font: 12px/1.4 Verdana, Helvetica, sans-serif; 
	font-size: 12px;
}
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:-100;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
img {
	border:none;
}
body {
	background:#000000;
	color: #DEDEDE;
	}
#wrapper {

}
#header {
	width:900px;
}
#logo {
	padding:25px 0;
	height:85px;
	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("../img/nav_homeRoll.png");
}
a#navContact {
		height: 40px;
	width:70px;
	background: none;
}
a#navContact:hover {
		background: transparent url("../img/nav_contactRoll.png");
}
a#navAbout {
		height:40px;
	width:79px;
	background: none;
}
a#navAbout:hover {
		background: transparent url("../img/nav_aboutRoll.png");
}
a#navPortfolio {
		height:40px;
	width:74px;
	background: none;
}
a#navPortfolio:hover {
		background: transparent url("../img/nav_portfolioRoll.png");
}


/* 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;
}

/* 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("../img/images/mainPanel_Slogan.png") no-repeat center bottom;
	margin-bottom:25px;
}
#mainPanel_Copy {
		padding-top:3px;
	height:178px;
	width:900px;
	background: transparent url("../img/images/mainPanel_Copy.png") no-repeat center bottom;
}
#mainPanel_Link {
		height:38px;
	width:394px;
	float:right;
}
#portfolio {
		float: left;
}
#contact {
		float: right;
}

#aboutWhat p, #aboutWhere p, #aboutWhy p{
		color:#ebe1c3;
	font:normal normal 18px/21px arial,sans-serif;
}
#aboutWhat {
		 width:635px;
	 height:450px;
	 background: transparent url('../img/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('../img/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('../img/images/aboutWhoWhy.png') no-repeat;
	clear:both;
}
#aboutWhy p{
		margin-left:5px;
	padding-top:180px;
	width:532px;
}
/* Content Hooks */
#content {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
.portfolioItem {
		height:400px;
	padding-bottom:47px;
	margin-bottom:50px;
}
span + .portfolioItem {
		border-bottom: dashed 3px #A6B0FF;
}
.portfolioItemDesc {
		width:217px;
	position:relative;
	float:right;
	height:400px;
	margin-left:50px;
}
.portfolioItemHeader {
		color:#A6B0FF;
	font:normal normal 32px/36px 'Myriad Pro', verdana, sans-serif;
	margin-bottom:16px;
}
.portfolioItemType {
	color:#BFBFBF;
	font:normal normal 18px/21px arial, 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(../img/images/portfolio_main../img/imageshadow.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('../img/images/portfolio_titleWeb.png');
}
.portfolioTitlePrint {
		height:23px;
	width:217px;
	margin-bottom:12px;
	background: transparent url('../img/images/portfolio_titlePrint.png');
}
.portfolioTitleBranding {
		height:23px;
	width:217px;
	margin-bottom:12px;
	background: transparent url('../img/images/portfolio_titleBranding.png');
}
.portfolioTitleArt {
		height:23px;
	width:217px;
	margin-bottom:12px;
	background: transparent url('../img/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("../img/images/portfolio_main../img/imageshadow.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("../img/images/post_mainImageBG.png") center bottom no-repeat;
}
#postMainImage {
	height:250px;
	width:900px;
	background:transparent url("../img/images/post_mi_vincentownDinerWebsite2.png");
}
#postProjectDetailsBox {
		height:100px;
	width:868px;
	background:#1c1c19;
	margin-bottom:68px;
	padding:16px;
}
#postProjectDetailsImage {
		color:#dc003b;
	background: transparent url("../img/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,#contactLeft bdo{
    color: #EBE1C3;
    font: 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:160px; 
	width:185px; 
	background:transparent url('../img/contactSubmit.png') no-repeat; 
	position:relative; 
	top:-37px; 
	left:-45px;
	cursor:pointer;
}

#footer {bottom:0; color: #FFFFFF;text-decoration: none;overflow:hidden;text-align: center;
}

#footer-inside { text-align:center; width:600px; margin:0px auto 25px auto; text-align:left; background: none repeat scroll 0 0 #333333;  }

#footer-logo { float:left; margin-left:30px; margin-right:80px;}

#footer-inside .menu {line-height: 40px; }

#footer-inside ul.menu li { list-style: none;  margin: 3px; font-size: 10px; display: inline; } 

#footer-inside .menu li a { text-decoration:none; display: inline; color: #d0d1d3; text-transform: uppercase; font-size: 10px;margin: 3px;}

#footer-inside ul.menu li {  list-style: none outside none;
}
.menu-item {
    font-weight: bold;
    line-height: 30px;
}

.credits-container { height: auto; margin: 0 auto; padding: 0;  color:#BBBBBB;}