/* undo some default styling of common (X)HTML browsers
 ************************************************************/

    /* No list-markers by default - 
     * must redefine bullets w/ bg graphics
     ********************************************************/
     ul,ol {
	     list-style:none;
	     }

    /* Avoid browser default inconsistent heading, 
     * font-sizes and pre/code
     ********************************************************/
     body,h1,h2,h3,h4,h5,h6,pre,code,td {
	     font-size:1em;
         }

    /* Remove inconsistent (among browsers) - 
     * default padding or margin 
     ********************************************************/
     ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,
     fieldset,input,label,div,dd,dt,dl,table,tr,td,img,hr {
         margin:0; padding:0;
         }

     /* prevent blue linked image borders
     ********************************************************/
      a img,:link img,:visited img,fieldset {
         border:none;
         }


body {
background: url(images/bg3.png);
background-repeat: no-repeat;
background-color: #cdcccc;
font:10px;
font-family: Arial, Helvetica, sans-serif;
}

p {
	font:10px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
}

a {
color:#666666;
text-decoration: none;
font:10px;
font-family: Arial, Helvetica, sans-serif;
}
a:hover {
color:#CCCCCC;
text-decoration: underline;
font:10px;
font-family: Arial, Helvetica, sans-serif;
}

input.text {
border: solid 1px #D3D3D3;
height: 25px;
width: 150px;
font:10px;
color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
}

textarea {
	border: solid 1px #D3D3D3;
	width: 150px;
	font:10px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
}

select {
border: solid 1px #D3D3D3;
}

#container{
text-align:left;
width:1000px;
}

#header {
float: left;
margin-top: 75px;
margin-left:35px;
width: 900px;
}

#main {
float: left;
width: 525px;
height: 100%;
background-color: #fff;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
margin-top: 200px;
margin-left:125px;
}
#main p {
margin: 15px 15px 15px 15px;
}
#main h1 {
margin-top: 10px;
color:#666666;
font:12px;
font-family: Arial, Helvetica, sans-serif;
}

table.contact {
margin: 15px 15px 15px 15px;
}

#gallery {
float: left;
margin-top: 25px;
margin-left:105px;
width: 1000px;
}  
#gallery table {
width: 450px;
height: 250px;
} 

#illustrations_gallery {
float: left;
margin-top: 540px;
margin-left:105px;
width: 810px;
}  
#illustrations_gallery table {
width: 810px;
height: 105px;
} 

#home_navigation {
float: left;
position:fixed;
margin-top: 500px;
margin-left:165px;
width: 1000px;
color:#666666;
font:17px;
font-family: Arial, Helvetica, sans-serif;
}
#home_navigation a {
color:#666666;
text-decoration: none;
font:17px;
font-family: Arial, Helvetica, sans-serif;
}
#home_navigation a:hover {
color:#333333;
text-decoration: underline;
font:12px;
font-family: Arial, Helvetica, sans-serif;
} 

#navigation {
float: left;
position:fixed;
margin-top: 500px;
margin-left:165px;
width: 1000px;
color:#666666;;
font:17px;
font-family: Arial, Helvetica, sans-serif;
}
#navigation a {
color:#666666;
text-decoration: none;
font:17px;
font-family: Arial, Helvetica, sans-serif;
}
#navigation a:hover {
color:#666666;
text-decoration: underline;
font:17px;
font-family: Arial, Helvetica, sans-serif;
}