/*****************************************************************
******************************************************************
**
**	-----------------------------------------------------
**	Template Name: Creative Professional
**	     Coded by: Jordan Payne
**	         Date: 22 September 2008
**		  Version: 1.0
**	-----------------------------------------------------
**
**	Please do not copy any of this code but feel free
**	  to browse through it and learn some things :)
**
**	        © Copyright Falcon Multimedia 2008
**
*****************************************************************
*****************************************************************/

/*
	RESET ALL + DEFAULTS
*/

*									{ margin: 0; padding: 0; }
html								{ overflow: auto; }
html, body							{ height: 100%; }
body								{ margin: 0; padding: 0; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; 
									  color: #666666; background: #333333; }

ul									{ list-style: disc inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{  }
table								{ border-collapse: collapse; }
p 									{ margin-top: 0.7em; margin-bottom: 0em; }



/*
	STRUCTURE
*/
#wrapper							{ width: 700px; margin: 0 auto; }
#widewrapper							{ width: 900px; margin: 0 auto; }
#header								{ height: 102px; background: url(../images/header_background.png) no-repeat top center; }
#body								{ min-height: 465px; background:#FFFFFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; 
									  height:auto !important; height:465px; }
#content							{ padding: 20px; }
#footer								{text-align:center;}

/*
	HEADER
*/
h1.header							{ font-size: 3.5em; margin: 55px 0 0 10px; letter-spacing: -3px; font-weight: normal; 
									  border: none; display: inline; float: left;}

/*
	NAVIGATION
*/
ul#navigation						{ float: right; margin-right: 30px; position: relative; top: 70px; left: 20px; }
ul#navigation li					{ list-style-type: none; display: inline; margin: 0 5px;
									  float: left; color: #FFCC33; font-size: 1.5em; }
ul#navigation li a					{ padding: 5px 7px; }
ul#navigation li a:hover			{ background: #FFFFFF; padding: 5px 7px; color:#666666; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/*
	TYPOGRAPHY
*/
a, a:visited, a:active				{ color: #33CC33; }
#content a							{ color: #33CC33; }
#content a:hover					{ color: #33CC33; }
h1									{ font-size: 3.1em; border-bottom: 1px dotted #CCCCCC; margin-bottom: 15px; }
h2									{ font-size: 2.3em; border-bottom: 1px dotted #CCCCCC; margin: 15px 0;text-align:right; }
h3									{ font-size: 1.8em; margin: 1.0em 0 0 0;  }
p									{ font-size: 1.6em; }



									  
/*
	FORMS
*/
#form1								{ width: 365px; margin: 10px auto; }
label								{ font-size: 1.7em; padding: 0 0 3px; font-weight: bold; display: block; }
textarea, input						{ padding: 5px; border: 1px solid #999999; width: 250px; color:#999999; }
select								{ width: 362px; padding: 5px; border: 1px solid #999999; color: #999999; }
textarea							{ width: 350px; font-family: Arial, Helvetica, sans-serif; }
textarea:focus, input:focus			{ border: 1px solid #33CC66;   }
.button								{ width: 362px; }

/*
	UL and OL
*/
#content ul							{ font-size: 1.6em; margin-left: 25px; margin-bottom: 0.7em; }
#content ul ul						{ font-size: 1.0em; margin-left: 25px; margin-bottom: 0em; }

#content ol							{ font-size: 1.6em; margin-left: 25px; margin-bottom: 0.7em; }
#content ol ol						{ font-size: 1.0em; margin-left: 25px; margin-bottom: 0em; }

/*
	BLOCKQUOTE
*/
blockquote							{ width: 400px; margin: 0 auto 0.7em auto; padding: 3px 30px; font-size: 1.6em; font-style: italic;
									  background: url(../images/blockquoteleft.png) top left no-repeat; }
									  
/*
	PORTFOLIO
*/
#portfolio 						{ width: 550px; margin: 5px auto; }
.portfolio						{ padding: 3px; border: 1px solid #CCCCCC; margin: 4px 0; }
.portfolio:hover				{ border: 1px solid #999999; }