/*
MiM Studio Default CSS Page
Copyright Mind In Motion Studio
*/


/*
Body & Containers
*/

*	{
	padding:0;
	margin:0;
	}

body
	{
	background-color:#000;
	
	color:#444444;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	}



#container
	{
	width:800px;
	height:533px;
	margin: 20px auto 4px auto;
	background-image:url(../images/mainbg-flower.jpg);
	position:relative;
	padding-bottom: 20px;
	border: 2px solid black;
	}

	
#leftcontent
	{
	position:absolute;
	top: 140px;
	left: 41px;
	width: 275px;
	min-height: 232px;
	background-image:url(../images/mainbg-flower-panels.jpg);
	background-position: -41px -164px;
	
	border: solid 1px #444444;
	padding-bottom:16px;
	}


#leftstrip
	{
	position:absolute;
	top: 12px;
	left: 8px;
	width: 86px;
	height: 400px;
	background-image:url(../images/mainbg-gallery-cool-frosty.jpg);
	background-position: -12px -46px;
	
	border: solid 1px #444444;
	padding-bottom:16px;
	padding-top: 6px;
	padding-left: 0px;
	}


#btmlefthome
	{
	position:absolute;
	top: 490px;
	left: 8px;
	width: 85px;
	height: 40px;
	background-image:url(../images/mainbg-gallery-cool-frosty.jpg);
	background-position: -8px -490px;
	font-weight:bold;
	text-align:center;
	border: solid 1px #444444;
	padding-bottom:6px;
	padding-top: 6px;
	padding-left: 0px;
	}



#video480x360
	{
	position:absolute;
	top: 109px;
	left: 41px;
	width: 520px;
	height: 400px;
	background-image:url(../images/mainbg-flower-panels-cool.jpg);
	background-position: -31px -109px;
	
	border: solid 1px #444444;
	padding-bottom:16px;
	}

#video480x360 object
	{
	margin-left:20px;
	}

#leftwide
	{
	position:absolute;
	top: 159px;
	left: 41px;
	width: 500px;
	min-height: 232px;
	background-image:url(../images/mainbg-flower-panels.jpg);
	background-position: -41px -159px;
	
	border: solid 1px #444444;
	padding-bottom:16px;
	}

#rightbox
	{
	position:absolute;
	top: 111px;
	left: 368px;
	width: 412px;
	height: 402px;
	background-image:url(../images/mainbg-flower-panels.jpg);
	background-position: -368px -111px;
	
	border: solid 1px #444444;
	padding-bottom:16px;
	
	}

#bigrightbox
	{
	position:absolute;
	top: 12px;
	left: 100px;
	width: 668px;
	height: 445px;
	background-image:url(../images/mainbg-gallery-cool-frosty.jpg);
	background-position: -100px -12px;
	
	border: solid 1px #444444;
	text-align: center;
	padding: 8px;
	
	font-weight:bold;
	}
#bigrightbox #galdescription
	{
	color:black;
	padding:0;
	margin:4px 0 4px 0;
	}



#catbox
	{
	position:absolute;
	top:110px;
	left:41px;
	width:275px;
	height: 36px;
	background-image:url(../images/mainbg-flower-panels.jpg);
	background-position: -41px -110px;
	
	border: solid 1px #444444;
	padding-bottom:6px;
	
	}
#catbox p	
	{
	text-align:center;
	margin: 4px;
	
	}

#catbox a
	{
	font-size:12px;
	font-weight:bold;
	color:black;
	}

#catbox a:link, #catbox a:visited
	{
	color:black;
	}

#catbox a:hover
	{
	color:#da7001;
	color:#ba6001;
	}

#footer
	{
	position:relative;
	clear:both;
	width: 800px;
	margin: -0 auto 0 auto;

	font-size:12px;
	}

#bgbuttons
	{
	float:right;
	text-align:right;
	}





/*
Paragraph,  Text, Links
*/

#leftcontent h1, #leftwide h1, #video480x360 h1, #leftstrip h1
	{
	font-size:18px;
	margin:8px 0 0px 16px;
	}


#leftcontent p, #leftwide p,  #leftstrip p
	{
	margin: 10px 12px 20px 18px;
	}

#leftcontent ul, #leftwide ul
	{
	list-style-position:inside;
	margin: -10px 10px 20px 18px;
	}


#leftstrip ul
	{
	list-style-position:inside;
	margin: 0px 0px 20px 0px;
	padding:0px;
	list-style-type:none;
	}
#leftstrip li
	{
	display:inline;
	}

#leftstrip a
	{
	float:left;
	margin:4px;
	padding:0;
	width:74px;
	height:74px;
	overflow:hidden;
	text-decoration:none;
	border: solid 2px #555555;
	}


#leftstrip a:hover
	{
	text-decoration:none;
	border: solid 2px #000000;
	}

#leftstrip img
	{
	margin:0;
	padding:0;
	border:none;
	}



	

	
#leftmenu .cb30
	{
	clear:both;
	height:30px;
	display:block;
	}

a:link, a:visited
	{
	color:black;
	font-weight: bold;
	}
	
a:hover
	{
	color:#da7001;
	}

img
	{
	border:none;
	}



/*
Navigation
*/

#mainnav ul
	{
	list-style-type:none;
	position:absolute;
	top:57px;
	left:0px;
	}
#mainnav li
	{
	display:inline;
	}
#mainnav a
	{
	float:left;
	width:130px;
	height:27px;
	background-image:url(../images/noline.gif);
	}

#mainnav a:link
	{

	}

#mainnav a:hover
	{
	background-image:none;
	}

#mainnav a span
	{
	display:none;
	}



#menu0 a
	{
	width:280px;
	}
#menu0 a
	{
	background-image:none;
	}






/*
Format-Specific Styles
*/

#gallery #leftcontent
	{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 35px;
	top: 164px;
	}

#gallery #leftcontent ul
	{
	margin-left:38px;
	text-align: center;
	list-style-type: none;
	}

#gallery #leftcontent li
	{
	display:inline;
	}


#gallery #leftcontent a
	{
	float:left;
	margin:10px;
	padding:0;
	width:74px;
	height:74px;
	overflow:hidden;
	text-decoration:none;
	border: solid 2px #555555;
	}

#gallery #leftcontent img
	{
	margin:0;
	padding:0;
	border:none;
	}

#gallery #leftcontent a:hover
	{
	text-decoration:none;
	border: solid 2px #000000;
	}


#gallery #rightbox
	{
	text-align:center;
	padding-top:20px;
	font-size:12px;
	}

#gallery #rightbox img, #projectgallery #bigrightbox img
	{
	border: solid 1px #444444;
	}

#galdescription
	{
	margin:10px 12px 20px 18px;
	}


/*
Swappable Background Styles
*/
#flower-cool #container
	{
	background-image:url(../images/mainbg-flower-cool.jpg);
	}
#flower-cool #leftcontent, #flower-cool #rightbox, #flower-cool #catbox, #flower-cool #leftwide
	{
	background-image:url(../images/mainbg-flower-panels-cool.jpg);
	}

#flower-cool a:hover
	{
	color:#00B6FE;
	color:#009ce0;
	}

#projectgallery #container
	{
	background-image:url(../images/mainbg-gallery-cool.jpg);
	}





/*
Unformat - for brag sheet
*/

#unformat #container
	{
	background-image:none;
	height:auto;
	}



#unformat #mainnav a span
	{
	display:inline;
	color:white;
	}


#unformat #leftwide
	{
	width: 660px;
	background-image:url(../images/mainbg-flower-panels-tile.jpg);
	top: 100px;
	}
#unformat h1
	{
	margin-bottom:14px;
	}

#unformat h2
	{	
	font-size:14px;
	margin-bottom:-10px;
	margin-left: 10px;
	}
#unformat img
	{
	margin-left:10px;
	border: solid 1px #444444;
	}
#unformat hr
	{
	margin-bottom: 10px;
	margin-top:8px;
	}