* { margin: 0; padding: 0; }

html { font-size: 100%; }

body { font-size: 62.5%; font-family: verdana, helvetica, arial, sans-serif;
			 color: #333;
			 background-color: #fff;
			 text-align: center; }
	
html>body { font-size: 10px; }

p { font-size: 1.2em; line-height: 1.5; 
		margin-bottom: 1.5em;
		}

h2 { font-size: 2.4em; line-height: 1.333;
		 margin-bottom: 1.333em; }

h3 { font-size: 1.8em; line-height: 1.0;
		 margin-bottom: 1em; }
		 
h4 { font-size: 1.6em; line-height: 1.13; 
		margin-bottom: 1.13em;
		}		 

div#wrapper { width: 93em;
							margin: 0 auto;
							text-align: left; }
							
div#padding { padding: 0 1em; position: relative; }							
							
div#header { color: #000;
						 background: transparent url(andygee_logo_filler.gif) repeat-x top left;
						 height: 100px; }							

#header h1 { font-weight: bold;
						 color: gray;
						 background-color: #fff;
						 font-size: 3em;
						 padding: 19px;
						 width: 460px;
						 height: 60px;
						 overflow: hidden; }

.logo-colour { color: #00f; }	

div#content { width: 70em;
							float: left;
							position: relative;
							top: -100px;
							background: transparent url(andygee_logo_title.gif) no-repeat top left;
							padding-top: 122px;
							border-right: 2px solid #000;
							border-bottom: 2px solid #000; }
							
div#content div { padding-right: 1em; margin: 18px 0 16px 0; }							

div#side-col { width: 20em;
							 float: right;
							 position: relative;
							 top: -100px;
							 background: transparent url(andygee_logo_badge.gif) no-repeat top right;
							 padding-top: 112px; }
							 
div#side-col h2, div#side-col h3 { text-align: center; } 							 
							 
img { border: none; margin-bottom: 18px; }

.clb { clear: both; }

a:link { color: #00f;
				 background-color: #fff;
				 font-weight: bold;
				 text-decoration: none; }
a:visited {color: #909;	background-color: #fff; text-decoration: none; font-weight: bold; }
a:hover { color:red; background-color: #0cf; text-decoration: none; font-weight: bold; }
a:active { color:red;	background-color: #fff; text-decoration: none; font-weight: bold; }

.box { border-bottom: 2px solid #000; }

#side-col ul { list-style-type: none;
							 margin: 0 0 36px 0; }

.nav li { margin-bottom: 2px; }

.bmh { margin: 0; padding: 0 0.6em; }

.nav a { display: block;
				 width: 100%;
		 	 	background-color: #eef;
				color: #00f;
				font-size: 1.2em;
				line-height: 2.83;
				 }

.nav a:link { color: #00f;
				 background-color: #eef;
				 font-weight: bold; 
				 text-decoration: none; }
.nav a:visited {color: #909; background-color: #eef; text-decoration: none; font-weight: bold; }
.nav a:hover { color:red; background-color: #0cf; text-decoration: none; font-weight: bold; }
.nav a:active { color:red;	background-color: #eef; text-decoration: none; font-weight: bold; }
	
#logo_box, #fb_box { padding:10px; text-align: center; }
#logo_box img, #fb_box img { margin: 0 auto; }
#fb_box a { background-color: #fff; color: #000; }

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
.flickr_badge_image img {
	border: 1px solid black;
	margin: 0 10px 10px 0;
	float: left;
	}
#flickr_www {padding:0 10px 0 0; font: 1em Arial, Helvetica, Sans serif; color:#3993ff; }