@import ("reset.css");

* {
	margin:0;
	padding:0;
}
body { color: #727272; font-size:62.5%; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height:150%; background-image: none; background-repeat: repeat; text-align:center; margin: 0; padding: 20px 0 0; }
h1 { font-size: 2.6em; font-weight: normal; color: #f6862d; margin-bottom: 15px; }
h2 { font-size: 2.6em; font-weight: normal; color: #e6a332; line-height: 1.1em; margin-bottom: 20px; }
	
h3 { font-size: 2em; font-weight: normal; line-height: 1.2em; margin-bottom: 5px; }
h4 { font-size: 1.6em; line-height: 1.4em; margin-bottom: 10px; }
h5 { color: #828282; font-size: 1em; }
h6 { color: #461b40; font-size: 1.4em; font-weight: bold; margin-bottom: 4px; }
p, li {font-size:1.2em;}
p { margin: 0 0 15px; padding:0; }
li { list-style:none; }
img {border:0;}


/* 
	Background and containers
	--------------------------------------------------------------------
*/
div#container { background-color: #fff; margin:0 auto; text-align:left; width:870px; border: solid 1px #a0a0a0; }
div#pageholder { background-image: url(../images/left_col_divider.gif); background-repeat: repeat-y; background-position: 50% 0; width: 100%; float: left; display: block; }

/* 
	Header 
	--------------------------------------------------------------------
*/

div#header { background-color: #fff; background-image: url(../images/header.gif); background-repeat: no-repeat; width:870px; height: 240px; margin-bottom: 30px; }
/*Left Column*/
div#left { width: 164px; float: left; }
div#left .leftmenu { }
div#left .leftmenu ul { margin-left: 30px; }
div#left .leftmenu li { float: left; margin-bottom: 20px; }
div#left .leftmenu li a { background-repeat: no-repeat; background-position: 0 0; width: 110px; height: 14px; display: block; }
div#left .leftmenu li.home a { background-image: url(../images/menu_home.gif); }
div#left .leftmenu li.people a { background-image: url(../images/menu_people.gif); }
div#left .leftmenu li.proposition a { background-image: url(../images/menu_proposition.gif); }
div#left .leftmenu li.work a { background-image: url(../images/menu_work.gif); }
div#left .leftmenu li.contact a { background-image: url(../images/menu_contact.gif); }
div#left .leftmenu li a.current { background-position: -220px 0; }
div#left .leftmenu li a:hover { background-position: -110px 0; }
/* 
	Main column 
	--------------------------------------------------------------------
*/
div#mainpeople { width: 670px; float: left; padding-bottom: 50px; padding-left: 30px; }
div#mainpeople img.stamp { margin-top: 20px; }
div#mainpeople img.stamp2 { float: left; margin-left: 10px; }
div#main { padding-bottom: 50px; padding-left: 30px; width: 644px; float: left; }
div#main div.getintouch { background-color: #039ba8; padding: 10px; }
div#main div.getintouch h3 { color: #fff; font-size: 1.8em; font-weight: bold; line-height: 1.1em; margin-bottom: 5px; }
div#main div.getintouch p { color: #fff; font-size: 1.4em; margin-bottom: 1px }
div#main div.getintouch p a { color: #fff; }
div#main .wide { width: 550px; }
div#main .left { width: 404px; float: left; padding-right: 30px; clear: right }
div#mainpeople .people_narrow { width: 404px; float: left; padding-right: 30px; padding-bottom: 300px; clear: right }
div#main .right { width: 210px; overflow: hidden; float: left; }
div#main img.statement { margin-bottom: 20px; }
div#main img.rightpic { float: right; clear: both; margin-top: 0; margin-bottom: 10px; margin-left: 14px; }
div#main p { font-size: 1.4em; line-height: 1.6em; }
div#main p.work { font-size: 1.2em; line-height: 1.4em; }
div#main p.worklink, div#mainpeople p.worklink { font-size: 1.2em; line-height: 1.4em; font-weight: bold; margin-bottom: 25px; }
div#main p.quote { font-size: 1.3em; line-height: 1.4em; margin-bottom: 3px; }
div#main p.quotee { color: #461b40; font-size: 1.3em; line-height: 1.3em; margin-bottom: 20px; }
div#main p.home { font-size: 1.2em; line-height: 1.5em; padding-right: 50px; }
div#main p.intro { font-size: 1.6em; font-weight: bold; line-height: 1.6em; }
div#main a:link, div#main a:visited, div#main a:active, div#mainpeople a:link, div#mainpeople a:visited, div#mainpeople a:active { color: #039ba8; text-decoration: underline; }
div#main a:hover { color: #808080; text-decoration: none; }
div#main ul { margin-bottom: 15px; margin-left: 15px; }
div#main ul.bullets li { list-style-type: disc; }
div#main li { font-size: 1.4em; line-height: 1.6em; margin-bottom: 5px; }
div#main h3 a:link, div#main h3 a:visited, div#main h3 a:active { color: #727272; text-decoration: none; }
div#main h3 a:hover { color: #039ba8; text-decoration: none; }
/* 
	Footer
	--------------------------------------------------------------------
*/
div#footer { width: 840px; height: 35px; clear: both; padding-top: 30px; padding-left: 30px; border-top: 1px none #57181f; }
div#footer p { font-size: 1.1em; }
div#footer p a:link, div#footer p a:visited, div#footer p a:active { color: #585858; text-decoration: underline; }
div#footer p a:hover { color: #f6862d; text-decoration: none; }
#flashcontent p { color: #b2b2b2; font-size: 1.4em; line-height: 1.4em; background-color: white; margin-right: 250px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
#flashcontent p a { color: #039ba8; }
#flashcontent p a:hover { text-decoration: none; }
.box #flashcontent p { font-size: 1.2em; line-height: 1.2em; background-color: transparent; margin-right: 0; padding: 0; }
.box #flashcontent { background-image: url(../images/box_still.gif); background-repeat: no-repeat; width: 210px; height: 420px; overflow: hidden; }
#flashcontent {  }
div.clear { clear: both; }