/*=================================================
// Project : Aqua Desiree
// Developed by Julien Després
// Copyright 2009-2010 Aqua Desiree All rights reserved.
//=================================================*/

/* ----- HTML Tag Reset and ClearFix ----- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h4,h6,pre,
form,fieldset,input,textarea,
p,blockquote,th,td				{ margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 12px; }
table							{ border-collapse: collapse; border-spacing: 0; }
fieldset,img					{ border: 0; vertical-align: bottom; }
a,h1							{ overflow: hidden; }
ol,ul							{ list-style: none; }
caption,th						{ text-align: left; }
h1,h2,h3,h4,h4,h6				{ font-size: 100%; font-weight: normal; overflow: hidden; }
q:before,q:after			{ content: ''; }
abbr,acronym                       		{ border: 0;}
.clear:after				{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear						{ display: inline-block; }
html[xmlns] .clear			{ display: block; }
* html .clear					{ height: 1%; }

/* ----- General ----- */
body			 	 			{ background: #e4eeff url(../images/bg/body.jpg) repeat-x; color: #000; background-position: top center; } 
html, body					{ height: 100%; }
#container 	 				{ width: 900px; margin: auto; min-height: 100%; }
a							{ color: #000; text-decoration: underline; outline: none; }
a:hover						{ text-decoration: none; }

/* ----- Classes ----- */
.hidden						{ display: none; }

/* ----- Top ----- */
#top						{ float: left; width: 900px; margin-top: 20px; }
#lizard						{ float: left; background: url(../images/content/lizard.jpg) no-repeat; height: 113px; width: 262px; margin-top: 10px;}
#top_content				{ float: right; width: 170px; margin-right: 105px; }
#top_icons					{ float: right; height: 37px; width: 47px; }
#top_satisfaction			{ float: left; height: 24px; width: 170px; background: url(../images/text/satisfaction.gif) no-repeat; text-indent: -9999px; }

/* ----- Middle ----- */
#middle						{ float: left; width: 900px; height: 209px; background: url(../images/bg/middle.jpg) no-repeat; }
#monitor					{ float: left; height: 160px; width: 160px; background: url(../images/content/monitor.gif) no-repeat; text-indent: -9999px; margin: 25px 0 0 68px; }
#content					{ float: left; height: 209px; width: 245px; margin: 40px 0 0 38px; }
#title						{ float: left; background: url(../images/text/title.gif) no-repeat; height: 59px; width: 242px; text-indent: -9999px; }
#main						{ float: left; width: 245px; margin: 22px 0 0 13px; }
#mini_logo					{ float: left; background: url(../images/icons/mini_aqua.gif) no-repeat; height: 45px; width: 58px; border-right: 1px solid #369aff; margin: 0 33px 0 13px; }
#view_portfolio				{ margin: 10px 0 0 0; }
#templates					{ float: left; height: 164px; width: 210px; background: url(../images/content/templates.gif) no-repeat; margin: 30px 0 0 78px; }

/* ----- Foot ----- */
#foot						{ float: left; width: 700px; margin: 48px 0 0 93px; }
#premade_sale				{ float: left; margin: 5px 0 0 0; }
#powered_by					{ float: right; }