/*


Teak Interactive Portfolio CSS

Created: 9/8/2008
By: Christian Sparrow

Last Modified: CS
By: 9/9/2008


*/

/* - - - - - - - - - - - - - - - - - - - -*/

/*Imports*/
@import url("reset.css"); /* resets the DOM */ 

/* - - - - - - - - - - - - - - - - - - - -*/




/* Common 
-----------------------------------------------------*/	


body 	{
	min-width: 960px;
	text-align: center; /* center box elements in IE */
	/*min-width: 986px;*/ /* prevents FF left over-hang of content */
	background-color: #361e08;
	background-image:url(../images/bgPattern.jpg);
	background-repeat:repeat;
	font: 13px/18px Arial, helvetica, sans-serif; 
	color:#BCB28C;
}

a:link { }
a:visited { }
a:hover { }
a:active { }

	


/* Top "branding" Container
-----------------------------------------------------*/

/*#container {
	width:100%;
	height:50px;
	text-align:center;	
	background-color:#361e08;
	background-image:url(../images/teakBarBg.gif);
	background-repeat: repeat-x;
}*/

#logo {
	float:left;	
	width:100px;
	height:25px;
	margin:15px 0 0 20px;
	background-image:url(../images/logo.png);
	background-repeat: no-repeat;
}

.altColor {
	color:white;
}





/* Wrapper Container -- positions elements to center (the right way!)
-----------------------------------------------------*/

/*#w { 
	position:relative;	
	width: 700px;
	margin: 0 auto 0 auto;  
	text-align: center; 
	overflow:visible;
	background-color:#006699;	
	}*/



/* Content 
-----------------------------------------------------*/

 
 #description {  /* optional */
	position: relative;
	width:200px;
	height:30px;
	margin:20px 0 50px 300px;
 } 

#swf300x250 {
	position:absolute;	
	top:50%;
	left:50%;
	width:300px;
	height:250px;
	margin:-125px 0 0 -150px;
}

#swf336x280 {
	position:absolute;	
	top:50%;
	left:50%;
	width:336px;
	height:280px;
	margin:-140px 0 0 -168px;
}

#swf728x90 {
	position:absolute;	
	top:50%;
	left:50%;
	width:728px;
	height:90px;
	margin:-45px 0 0 -364px;
}

#swf160x600 {
	position:absolute;	
	top:50%;
	left:50%;
	width:160px;
	height:600px;
	margin:-300px 0 0 -80px;
}

#swf500x250 {
	position:absolute;	
	top:50%;
	left:50%;
	width:500px;
	height:250px;
	margin:-125px 0 0 -250px;
}

#swf600x350 {
	position:absolute;	
	top:50%;
	left:50%;
	width:600px;
	height:350px;
	margin:-175px 0 0 -300px;
}


#swf600x600 {
	position:absolute;	
	top:50%;
	left:50%;
	width:600px;
	height:600px;
	margin:-300px 0 0 -300px;
}