@CHARSET "ISO-8859-1";
/* LAYOUT */
/* Normalise margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalise font-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size : 100%; }

/* Remove list-style from lists */
ol, ul
{ list-style : none; }

/* Normalise font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Remove border */
fieldset, img
{ border : 0; }

/* left-aligns text in caption and th */
caption, th
{ text-align : 0; }

/* Remove Quotation marks */
q:before, q:after
{ content : ''; }

/* Center Body in HTML */

/* =html */
html {
	text-align: center;	
}

/* =body */
body {
	position: relative;
	width : 770px;
	margin : 20px auto 0 auto;
	text-align : left;
	background-color : #cbcabe;
}

/* =div =header */
div#header {
	position : absolute;
	top : 0;
	left : 0;	
	width : 574px;
	height : 70px;
	background : transparent url(/img/header.jpg) no-repeat 0 0;
}

/* =div =left */
div#left {
	position : absolute;
	top : 70px;
	left : 0;
	width : 45px;
	height : 304px;
	background : transparent url(/img/left.jpg) no-repeat 0 0;
}

/* =div =main */
div#main {
	position : absolute;
	top : 70px;
	left : 55px;
	width : 450px;
	height : 282px;
	background-color : #cbcabe;
	overflow : auto;
	padding : 20px 20px 0 0;
}

/* =div =right */
div#right {
	position : absolute;
	top : 70px;
	left : 527px;
	width : 14px;
	height : 304px;
	background : transparent url(/img/right.jpg) no-repeat 0 0;
}

/* =div =navigation */
div#navigation {
	position : absolute;
	top : 70px;
	left : 541px;
	width : 200px;
	height : 346px;
	background-color : #cbcabe;
}

/* =div =footer */
div#footer {
	position : absolute;
	top : 374px;
	left : 0;
	width : 541px;
	height : 42px;
	background : transparent url(/img/footer.jpg) no-repeat 0 0;
}

/* STYLE */

/* =body */
body {
	font : normal 95% "Century Gothic", Palatino, Arial, sans-serif;	
}

/* =h1 */
h1 {
	font-size : 150%;
	font-weight : normal;	
}
/* =h1 */
h2 {
	font-size : 130%;
	font-weight : normal;	
}
/* =img.right */
img.right {
	float : right;	
}
/* =p.right */
p.right {
	text-align : right;	
}

/* =a */
a {
	color : #717771;
	text-decoration : none;
}
/* =a:hoevr */
a:hover {
	color : #000000;
}

/* =div =footer =p*/
div#footer p{
	color : #717771;
	margin : 15px 0 0 40px;
	font-size: 75%;
	width : 350px
}

/* =div =footer =p =counter */
div#footer p.counter {
	color : #000000;
	margin : 15px 10px 0 40px;
	width : 80px;
	float : right;	
	text-align : right;
}

/* =div =navigation =a*/
div#navigation a {
	text-transform : lowercase;
}

/* =div =navigation =a.active*/
div#navigation a.active {
	color : #000000;
}

/* =div =navigation =li > ul*/
div#navigation li  ul {
	margin : 0 0 0 15px;
}

/* =div =navigation =li > ul*/
div#navigation li  ul  li {
	font-size : 90%;
}


/* =div =main =blockquote */
div#main blockquote {
	margin : 60px 30px 0 30px;
	text-align : justify;
	font : normal 105% Georgia, serif;
}

/* =div =main =blockquote =span#left-quote */
div#main blockquote span#left-quote{
	position : absolute;
	top : 40px;
	left : 0px;
	font : normal 380% "Engravers MT", Georgia, serif;	
	color : #566e87;
	height : 40px;
	width : 40px;
}

/* =div =main =blockquote =span#right-quote */
div#main blockquote span#right-quote{
	position : absolute;
	bottom : 10px;
	right : 10px;
	font : normal 380% "Engravers MT", Georgia, serif;	
	color : #566e87;
	height : 40px;
	width : 40px;
}

/* =div =main =form =div */
div#main form div label {
	clear : both;
}

/* =div =main =form =div =label */
div#main form div label {
	float : left;
	width : 90px;
	padding : 0 10px 0 0;
	text-align : right;	
}

/* =div =main =form =div.submit */
div#main form div.submit {
	margin : 0 0 0 100px;
}

/* =div =main =form =div.submit */
div#main form.contact input, textarea {
	width : 250px;
}
/* =div =main =form =div.submit */
div#main form.contact input.inputSubmit {
	width : auto;
}