/*
==============================================

CSS Style:			MotionTrout Underwater
By:					Richard Frank
Date Created:		05/31/2008
Date Modified:		

==============================================

/*********************************/
/**********GRID LAYOUT************/
/*********************************/
body
{
    text-align: center;       
    background-color: Black;
    font-family: Calibri;
	font-size: 13pt;
	background: url('/images/background.jpg') repeat-x #006C88 top left;
}
img			{ border: none; }
p			{ text-align: justify; padding-bottom: 24px; }
a			{ color: #006C88; text-decoration: underline; }
a:hover		{ color: #00CCFF; text-decoration: underline; }

.datagroup		{ padding: 8px; }
.norm			{ background-color: #EEE; }
.alt			{ background-color: #dcdcdc; }

.float-right    { float: right; }
.float-left     { float: left; }

.right          { text-align: right; }
.left           { text-align: left; }
.center         { text-align: center; }

.hidden         { display: none; }

.clear    { clear: both; height: 0px;}

h1 { height: 24px; background: no-repeat; padding: 12px 0px; font-size: 0px; color: White; background-repeat: no-repeat; background-position: left center;}
h2 { color: #000; font-size: 110%; padding-bottom: 10px; font-weight: bold; font-family: ;}
h3 { color: #00688A; font-size: 115%;	margin: 0px; font-weight: bold; }
h4 { color: #777; font-size: 75%; margin: 0px;	padding-left: 12px;	background: url('/images/submenu.png') no-repeat 4px 5px; clear: left;}
h5 { color: #000; font-size: 110%; margin: 0px 0px 0px 15px; font-weight: normal;  	}
h6 { color: #000; font-size: 110%; margin: 0px 0px 0px 0px; font-weight: normal;	}
h7 { color: #00688A; font-size: 115%;	margin: 0px; font-weight: bold; float: left; }

/****************************************
		Headers
****************************************/
h1.whatis		{	background-image: url('/images/headers/whatis.jpg'); } 
h1.mtevents		{	background-image: url('/images/headers/mtevents.jpg'); } 
h1.recentworks	{	background-image: url('/images/headers/recentworks.jpg'); } 
h1.richard		{	background-image: url('/images/headers/richard.gif'); } 
h1.aravin		{	background-image: url('/images/headers/aravin.gif'); }

/****************************************
		List Icons
****************************************/
ul.icons li		{	padding-bottom: 10px; padding-left: 24px;}
li.wordpress	{   background: url('/images/icons/wordpress.gif') no-repeat; }
li.picasa		{   background: url('/images/icons/picasa.gif') no-repeat; }
li.linkedin		{   background: url('/images/icons/linkedin.gif') no-repeat; }

/****************************************
		Page Sections
****************************************/

.wrapper		{	margin: 0px auto; width: 960px; text-align: left; }
.header			{	padding: 0px 36px; background-color: #00CCFF; padding-top: 24px;	}
.header img		{	float: left;	}
.menu			{	float: left; padding-top: 36px; }
.menu img		{	margin-left: 38px; }
.inner			{	float: left; width: 960px; margin-left: 0px; }
.crown			{	height: 24px;	}
.heel			{	background: url('/images/heel.gif') repeat-x top white; padding: 0px 12px 0px 12px; height: 66px;	}
.footer			{	background: url('/images/footer.gif') top center repeat-x; }

.page			{	background: white url('/images/crown.gif') no-repeat; }	
.page-inner		{	margin: 15px 15px; }


.footer			{	background: url('/images/heel.gif'); height: 67px; }

.bottom			{	position: absolute; bottom: 0px; width: 100%; }

/****************************************
		Specific Sections
****************************************/
div.recentworks li
{
	padding: 10px;
	border: solid 1px #999;		
}
div.recentworks li img
{
	padding: 6px;
	border: none;
}

/****************************************
		Color Specifics
****************************************/
.white { 
	background-color: white;
}