/*
 * Author: Spacetacular Design
 * Contact: www.spacetacular.com
 * File: layout_all.css
 * 
 * Description:
 * Layout rules for all media.
 *
 */
 
@import url(basestyles.css);

#pageBounds {
	width: 800px;
	margin: 5px auto 0;
	background: transparent url("../dir_images/bk.gif") top left repeat-y; 
}	

#contentBounds { 
	background: transparent url("../dir_images/header.gif") top left no-repeat; 
	min-height: 350px;
}

#content {
	margin: 2em auto 0;
	width: 675px; 
	clear: both;
}

#mainColumn {
	margin: 2em 0 0;
	width: 600px;
	float: left;
}

#sideColumn { 
	margin: 2.5em 0 0;
	display: none;
	}

#logo {
 	position: absolute;
	}
	
#logo h2 a { 
	margin: 5px 0 0 10px;
	height: 63px; 
	width: 300px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

#pageBoundsBottom { 
	background: transparent url("../dir_images/footer.gif") top left no-repeat;
	text-align:right; color:#FFFFFF;
	height: 50px;
}

#footer { 
	margin: 0 auto;
	width: 700px;  
	text-align: right; 
	}
	



/* mnav styles */

#mnav ul { 
	margin: 48px 75px 0 0;
	float: right;
	}
	
#mnav ul li {
	float: left;
	margin: 0;
	padding: 0 15px;
}

#mnav li a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

#mnav li.home a {
	background: transparent url(../dir_images/nav/home.gif) left top no-repeat;
	width: 36px;
	height: 17px;
}
#mnav li.portfolio a {
	background: transparent url(../dir_images/nav/portfolio.gif) left top no-repeat;
	width: 52px;
	height: 17px;
}
#mnav li.about a {
	background: transparent url(../dir_images/nav/about.gif) left top no-repeat;
	width: 34px;
	height: 17px;
}
#mnav li.contact a {
	background: transparent url(../dir_images/nav/contact.gif) left top no-repeat;
	width: 47px;
	height: 17px;
}
#mnav li.login a {
	background: transparent url(../dir_images/nav/login.gif) left top no-repeat;
	width: 65px;
	height: 17px;
}


#snav li a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	margin: .5em 0;
}

#snav li.web a {
	background: transparent url(../dir_images/nav/web-off.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#snav li.web a:hover, .web #snav li.web a {
	background: transparent url(../dir_images/nav/web-on.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#snav li.email a {
	background: transparent url(../dir_images/nav/email-off.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#snav li.email a:hover, .email #snav li.email a {
	background: transparent url(../dir_images/nav/email-on.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#snav li.flash a {
	background: transparent url(../dir_images/nav/flash-off.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}
#snav li.flash a:hover, .flash #snav li.flash a {
	background: transparent url(../dir_images/nav/flash-on.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#snav li.print a {
	background: transparent url(../dir_images/nav/print-off.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}
#snav li.print a:hover, .print #snav li.print a {
	background: transparent url(../dir_images/nav/print-on.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#snav li.identity a {
	background: transparent url(../dir_images/nav/identity-off.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#snav li.identity a:hover, .identity #snav li.identity a {
	background: transparent url(../dir_images/nav/identity-on.gif) left top no-repeat;
	width: 90px;
	height: 16px;
}

#portfolioNav {
margin: 1em 0 0;
}

#portfolioNav li {
	float: left;
	background: transparent url(../dir_images/nav/bg_portfolioNav.gif) left 4px no-repeat;
	margin: 0 2px;
	padding: 2px;
	height: 18px;
	width: 14px;
}

#portfolioNav li a {	
	text-decoration: none;
}

#portfolioNav ul.web_design, #portfolioNav ul.email_design, #portfolioNav ul.flash_design, #portfolioNav ul.print_design, #portfolioNav ul.identity_design {
	display: none;
}

.web #portfolioNav ul.web_design, .email #portfolioNav ul.email_design, .flash #portfolioNav ul.flash_design, .print #portfolioNav ul.print_design, .identity #portfolioNav ul.identity_design {
display: block;
}



/* Main Column styles */

		
h1.welcome { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/title-welcome.gif) left top no-repeat;
	width: 102px;
	height: 26px;

	}
	
h2.portfolio { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/subtitle-portfolio.gif) left top no-repeat;
	width: 174px;
	height: 27px;
	}
h2.clients { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/subtitle-clients.gif) left top no-repeat;
	width: 174px;
	height: 27px;
	}	
	
h1.about { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/title-about.gif) left top no-repeat;
	width: 220px;
	height: 26px;
	}
	
h2.wedo { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/subtitle-wedo.gif) left top no-repeat;
	width: 169px;
	height: 27px;
	}
	
h2.philosophy { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/subtitle-philosophy.gif) left top no-repeat;
	width: 169px;
	height: 27px;
	}
	
h2.recent { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/subtitle-recent.gif) left top no-repeat;
	width: 169px;
	height: 27px;
	}	

h2.soon { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/subtitle-soon.gif) left top no-repeat;
	width: 169px;
	height: 27px;
	}

/* Home Page Styles */
#home #mainColumn { 
	width: 400px;
	}
#home #sideColumn { 
	background: #fff url(../dir_images/news-bk.gif) top center repeat-y;
	float: right;
	width: 212px;
	display: block;
	}

#home #sideColumnTop {
	background: #fff url(../dir_images/sideColumn_top.gif) top center no-repeat ;
	height: 26px;
}

#home #sideColumn h2.news { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../dir_images/title-news.gif) left top no-repeat;
	width: 174px;
	height: 27px;
	}

#home #sideColumn .content { 
	padding: 0 1.75em;
	}

#home #sideColumnBottom {
	background: #fff url(../dir_images/sideColumn_bottom.gif) bottom center no-repeat ;
	height: 28px;
}

#home #mainColumn ul {
	margin-left:0;
}

/* Portfolio Styles */

.portfolio #mainColumn { 
	width: 525px;
	float: right;
	margin: 3em 0 0;
	background: #fff url(../dir_images/bg_portfolio_main.gif) top left repeat-y;
	}
	
.portfolio #mainColumn img { 
	margin: 0 0 0 2em;
	}
	
.portfolio #sideColumn h1 { 
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(../components/images/title-portfolio.gif) left top no-repeat;
	width: 88px;
	height: 26px;
	}

.portfolio #sideColumn { 
	background: none;
	float: left;
	width: 150px;
	display: block;
	}
	
.portfolio #sideColumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.portfolio #sideColumn ul li {
	margin: 0;
	padding: 0;
}

.portfolio #mainColumn p {
	margin: 0 auto;
	text-align: center;
}

.identity #mainColumn p {
	margin: 35px auto;
	text-align: center;
}


/* contactForm */

#contactForm {
}

fieldset {
	border: 1px solid #8F5102;
	padding: 2em;
	width: 475px;
	}
	
input, textarea {
	border: 1px solid #8F5102;
	}
	
legend {
	display: none;
	}
	
.contactForm .alignLeft {
float: left;
width: 200px;
}

.contactForm .alignRight {
float: right;
width: 200px;
}

/*misc*/

.imgIdentity {
margin: 55px 100px;
}


/* Client Login Styles */
.login-padding { padding-top: 2px }