/*****************************************************************
******************************************************************
**
**	-----------------------------------------------------
**	Template Name: Above Creative ThemeForest Template
**	     Coded by: Jordan Payne
**	         Date: 29 September 2008
**		  Version: 1.0
**	-----------------------------------------------------
**
**	This template was coded by Jordan Payne for sale on
**              http;//themeforest.net
**
*****************************************************************
*****************************************************************/

/*
	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: Georgia, "Times New Roman", Times, serif; 
									  color: #FFFFFF; background: url(../images/header_packground.png) repeat-x #99ccff; }

ul									{ list-style: inside; }
ol									{ list-style: 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; }


/*
	UTILITIES
*/
.push								{ height: 20em; }

/*
	STRUCTURE
*/
#container							{ min-height: 100%; height: auto !important; height: 100%; width: 760px; margin: 0 auto -20em auto; }
#header								{ height: 220px; background: url(../images/header_illustration.png) no-repeat top right; }
#footer								{ width: 760px; margin: 0 auto; height: 20em; background: url(../images/footer_illustration.png) no-repeat bottom center; }



/*
	HEADER SPECIFICS
*/
#header img							{ margin: 10px 0 0 10px; }
ul#navigation						{ margin: 10px 0 0 15px; }
ul#navigation li					{ display: inline; }
ul#navigation li a					{ padding: 8px; font-style: italic; font-size: 2.5em; color: #FFFFFF; }
ul#navigation li a:hover			{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#FFFFFF; color: #99CCFF; }

/*
	HOME PAGE INTRO 
*/
#intro_statement p					{ font-size: 4.1em; text-align: center; font-style: italic; margin: 0; }
#intro_statement p strong			{ font-style: italic; font-weight: bold; }

/*
	BODY CONTENT SPECIFICS
*/
#body_content h2					{ margin: 25px 0 0 15px; }
#body_content ul					{ margin-left: 50px; margin-top: 1em; }
#body_content li					{ font-size: 1.9em; }

#portfolio							{ clear: both; margin-left: 25px; padding-bottom: 25px; border-bottom: 1px dotted #33CCFF; }
#portfolio h2						{ margin: 15px 0 0 0; }
#portfolio img						{ float: right; }

/*
	FOOTER SPECIFICS
*/
#footer_content						{ padding-top: 125px; }
#footer p							{ text-align: center; font-size: 1.8em; }
#footer p.meta						{ text-align: center; font-size: 1.4em; color: #3d663a; margin: 0; padding: 0; }
#footer a							{ color: #3D663A; text-decoration: none; }
#footer a:hover						{ color: #FFFFFF; }

/*
	TYPOGRAPHY
*/
h1									{ font-size: 3.6em; font-style: italic; }
h2									{ font-size: 3.2em; font-style: italic; }
p									{ font-size: 1.9em; }
a, a:visited						{ color: #FFFFFF; }
a:hover								{ color: #CCCCCC; }

/*
	FORM SPECIFICS
*/
form								{ width: 370px; margin: 25px auto 0; }
label								{ display: block; font-size: 1.9em; }
input, textarea, select				{ padding: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; 
									  width: 350px; color: #666666; border: 1px solid #999999; }
select, .button						{ width: 350px; }
.button								{ margin-top: 10px; }