/* PROJECT/CLIENT NAME
*  global.css
*  Main site structure
*  Author: Lucy Barker, DNA an AvenueA/Razorfish company
*  Date: 00-00-0000
*  v.1.0
*/

* {margin:0; padding:0;}
body {color:#fff; font:70% trebuchet ms, verdana, arial, helvetica, sans-serif; background:#bac87a url(../img/bg_body.png) repeat-x top; text-align:center;}
input, textarea, select, table {font-size:85%;}

img {border:none;}

h1, h2, h3 {}
h1 {width:550px;margin:0 auto;}
h1 img {margin:205px 0 0 0;}
h1 span {display:none;}
h2 {margin:0 0 22px 0;font-size:150%;}
h3 {font-size:120%;}


p {margin-bottom:12px;}

a {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

ul {}
li {}

dl {}
dt {display:none;}
dd {}


/*clear fix taken from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/*end clear fix */


.fl {float:left;}
.fr {float:right;}


/**** basic frame layout ****/
#frame {background:url(../img/bg_content.png) repeat; margin:0 auto 20px auto;} 
#header {height:245px;margin:0 auto;text-align:right;border-bottom:solid 3px #fff;}
#content {width:500px; margin:0 auto; padding:50px 0 35px 0; text-align:left;}
#footer {}

#content p {font-size:120%;}

#content #thumbnails {width:330px;margin:-8px auto 15px auto; text-align:center;}
	#content #thumbnails img {border:solid 3px #fff; margin:8px 15px;float:left;}
	#content #thumbnails a:hover img, #content #thumbnails a:active img {border:solid 3px #999;}


#nav-top {}
#nav-left {}
#nav-right {}