/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #000; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body {
background:#FFF;
font-family:Georgia, Times, "Times New Roman", serif;
margin:15px 0 0 15px;
width:850px
}

#banner {
background:#FFF;
height:200px
}

#footer {
clear:both;
padding:100px 0 15px;
width:880px;
left:15px;
bottom:0px;
}

#footer p {
font-size:10px
}

#header {
height:250px;
width:770px;
margin:0 0 15px
}

#illustration {
height:440px;
margin:0;
width:580px
}

#illustration p {
font-size:10px;
text-align:center
}

#main_image {
float:right;
height:440px;
width:580px
}

#main_text {
margin:25px;
min-height:300px;
width:600px
}

#main_text a,#footer a {
color:#A00
}

#main_text a:hover,#footer a:hover {
border-bottom:1px dotted #000;
color:red
}

#main_text h2 {
border-bottom:1px dotted #000;
font-size:25px;
line-height:35px
}

#main_text p {
font-size:15px;
line-height:30px
}

#main_text ul li {
padding:2px 0
}

#nav {
background:url('../img/header_bottom.jpg');
height:25px;
width:770px
}

#nav_about a {
display:block;
height:25px;
overflow:hidden;
width:75px
}

#nav_about a:hover {
display:block;
text-indent:-75px
}

#nav_contact a,#nav_portfolio a {
display:block;
height:25px;
overflow:hidden;
width:87px
}

#nav_contact a:hover,#nav_portfolio a:hover {
display:block;
text-indent:-87px
}

#nav_news a {
display:block;
height:25px;
overflow:hidden;
width:78px
}

#nav_news a:hover,#nav_news a:active {
display:block;
text-indent:-78px
}

#nav_news,#nav_about,#nav_contact,#nav_portfolio {
display:inline;
float:left;
height:auto;
overflow:hidden
}

#thumbnail_menu {
float:left;
width:300px
}

#wrapper,#header img {
margin:0
}

.illustration {
margin:0 0 5px
}

.thumbnail {
height:90px;
margin:0 5px 5px 0;
width:90px
}

body {
background:#FFF;
font-family:Georgia, Times, "Times New Roman", serif;
margin:0 0 0 15px;
width:880px
}