@charset "UTF-8";

/*
	AUTHOR: Tabitha Silva for COLLISION DESIGNS
	VERSION: 29.01.10
	CONTENTS: Main Layout Definitions
*/

@import url('reset.css');
@import url('typography.css');
@import url('landing.css');
@import url('coda-slider.css');
@import url('fancybox.css');
@import url('contact.css');

.clear { clear: both; }

body {
	background: #010f43 url('../img/layoutBG.jpg') top center no-repeat fixed;
	margin: 0px;
}

#wrapper {
	background-color: transparent;
	margin-left: auto; margin-right: auto; margin-top: 0px;
	width: 1024px;
	min-width: 1024px;
	
	height: 40px;
}
	#internalWrapper {
		width: 955px;
		
		margin-left: auto;
		margin-right: auto;
		min-width: 955px;
	}
		/* START -- HEADER DIVS */
		#header { width: 955px; height: 171px; }
			#logo {
				background-color: transparent;
				
				float: left;
				left: 0px;
				
				width: 310px;
				height: 171px;
			}
			#navigation {
				background-color: transparent;
				
				float: right;
				right: 0;
				
				top: 600px;
				
				width: 430px;
				height: 60px;
				
				text-align: left;
			}
			#divider {
				float: left;
				margin-top: -20px;
				height: 2px;
				width: 955px;
			}
			#divider hr {
				height: 2px;
				width: 955px;
				
				background: url('../img/headerHr.jpg') repeat-x top left;
				border: 0;
			}
		/* END -- HEADER DIVS */
		
		/* START -- MAIN WRAPPER DIVS */
		#mainTop {
			width: 955px;
			height: 10px;
			min-width: 955px;
			max-width: 955px;
			
			background-image: url('../img/contentTop.png');
			
			margin: 0px;
			padding: 0px;
		}
		#mainBottom {
			width: 955px;
			height: 10px;
			min-width: 955px;
			max-width: 955px;
			
			background-image: url('../img/contentBottom.png');
			
			margin: 0px;
			padding: 0px;
		}
		#mainArea {
			width: 955px;
			min-width: 955px;
			max-width: 955px;
			
			background: url('../img/contentBg.png') repeat;
			
			padding: 0px;
		}
			#mainArea p { padding: 0px; margin: 0px }			
		/* END -- MAIN WRAPPER DIVS */
		
		/* START -- CONTENT DIVS */
		#commonWrapper {
			width: 895px;
			min-width: 895px;
			
			margin-left: auto;
			margin-right: auto;
			
			padding-top: 10px;
			padding-bottom: 10px;
		}
			/* START -- About DIVS */
			#bio {
				width: 60%;
				float: left;
			}
				#bio p { margin-bottom:10px; }
			#picture {
				width: 40%;
				float: right;
			}
				#comingSoon {
					width: 200px;
					height: 200px;
					
					margin-left: auto;
					margin-right: auto;
					
					margin-top: 62px;
					
					background-color: #000000;
					
					text-align: center;
					
					border-width: 5px;
					border-radius: 5px;
				}
					#comingSoon h3 {
						padding-top: 90px;
					}
			/* END -- About DIVS */
			
			/* START -- Folio List */
			ul.gallery {
				width: 760px; /*--Adjust width according to your scenario--*/
				list-style: none;
				margin: 0; padding: 20px;
			}
			ul.gallery li {
				float: left;
				margin: 10px; padding: 0;
				text-align: left;
				border: 1px solid #010f43;
				display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
				background-image: url('../img/contentBg.png');
			}
			ul.gallery li.blank {
				float: left;
				margin: 10px; padding: 0;
				text-align: left;
				border: 1px solid #010f43;
				display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
				background-image: url('../img/portfolio/thumbnails/blank_thumb.jpg');
				
				width: 230px;
				height: 104px;
				padding: 0px;
			}
			ul.gallery li a {text-decoration: none; color: #777; display: block;}
			ul.gallery li a.thumb {
				width: 230px; /*--Width of image ORI: 180px--*/
				height: 104px; /*--Height of image--*/
				padding: 0px;
			}
			ul.gallery li a.thumb:hover { /*--Hover effect for browser with js turned off--*/
				background: #333;
				width: 230px;
				height: 104px;
				overflow: hidden;
				display: block;
			}
			ul.gallery li span { /*--Used to crop image--*/
				width: 230px;
				height: 104px;
				overflow: hidden;
				display: block;
			}
			/* END -- Folio List */
			
		/* END -- CONTENT DIVS */
		
		/* START -- FOOTER DIV */
		#footer {
			clear: both;
			
			width: 895px;
			min-width: 895px;
			
			margin-left: auto;
			margin-right: auto;
			
			padding: 20px 0px 0px 0px;
			
			text-align: center;
		}
			#sitemap {
				width: 250px;
				min-width: 250px;
				max-width: 250px;
				
				float: left;
				
				text-align: left;
			}
			#copyright {
				width: 250px;
				min-width: 250px;
				max-width: 250px;
				
				float: right;
				
				text-align: right;
			}
		/* END -- FOOTER DIV */
		
		/* START --  ERROR DIVS */
		#errorMsg {
			width: 475px;
			min-width: 475px;
			
			float: left;
		}
		#errorImg {
			width: 400px;
			min-width: 400px;
			
			float: right;
		}
		/* END -- ERROR DIVS */