/* styles for zabradlie.com*/
/*clear all styles*/
* { margin:0; padding:0; border:0; text-decoration:none; }

/*basic tag definition*/
body { font-size:12px; font-family:Arial,Verdana,Sans-serif; color:#888888; background:#FFFFFF; text-align:center; margin-top:15px; }
H1 { color:#6699ff; font-size:20px; margin:35px 0px 0px 38px; }
H2 { font-size:18px; margin:20px 0px 20px 0px; }
table { margin:35px 35px 5px 35px; font-size:12px; }
.input { display:block; background-color:#FFFFFF; color:#888888; width:150px; }
.contactinput { float:none; display:block; border:1px solid #CCCCCC; width:150px; }

/*links*/
a:link { color:#6699cc; }
a:visited { color:#CCCCCC; }
a:hover { color:#99cc33; }
a:active { color:#99cc33; }

/* ----- sections ------ */
/* main */
#main { display:block; margin:0px auto; width:800px; height:455px; text-align:left; }
/*IE 6 overrides for main*/
div[id]#main { height:auto; min-height:400px; }
/* collage */
#collage { display:block; float:left; width:341px; height:453px; }
#titlebox { display:block; float:left; width:341px; height:80px; background-color:#000033;}
.title { font-size:26px; color:#ffffff; margin:20px 0px 0px 65px; }

/* content */
#content { display:block; float:left; width:458px; min-height:455px; height:456px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#eeeeee; }
div[id]#content { height:455px; height:auto; } /*IE 6 override */
#menu { display:block; float:left; width:458px; height:37px; background:url('../images/gradient.jpg') repeat-y; }
#menu ul { display:block; float:left; width:458px; height:37px; padding-left:25px; line-height:37px; list-style-type:none; }
#menu ul li { display:block; float:left; width:auto; height:37px; padding:0px 20px 0px 14px; color:#ffffff; font-size:12px; } 
#menu ul li a { color:#ffffff; }
#menu ul li a:hover { color:#6699cc; }
#menu ul li img { margin-right:-3px; }
#headbox { display:block; float:left; width:458px; height:80px; background-color:#ffffff; }
#textarea { display:block; width:458px; height:338px; min-height:337px; }
div[id]#textarea { float:left; height:auto; } /*IE6 override */
#textarea p { margin:30px 30px 30px 38px; text-align:justify; }
#quote { display:block; border:1px solid #cccccc; background-color:#eaeaea; color:#444444; font-size:18px; padding:10px; text-align:left; margin:33px; line-height:25px; }
.quote { position:absolute; top:195px; left:50%; margin-left:-30px; }
.thumb { display:block; float:left; width:90px; height:90px; border:6px solid #cccccc; margin:10px; }

/*gallery*/
#specialbox { display:block; float:left; width:760px; height:auto; padding:20px; background-color:#eaeaea; }
#headbox2 { display:block; float:right; width:460px; height:80px; background-color:#ffffff; }
#menu2 { display:block; float:right; width:800px; height:37px; background:url('../images/gradient.jpg') repeat-y; background-color:#484848; background-position:350px 0px; }
#menu2 ul { display:block; float:right; width:458px; height:37px; margin-right:-24px; line-height:37px; list-style-type:none; }
#menu2 ul li { display:block; float:left; width:auto; height:37px; padding:0px 20px 0px 14px; color:#ffffff; font-size:12px; } 
#menu2 ul li a { color:#ffffff; }
#menu2 ul li a:hover { color:#6699cc; }
#logo { display:block; position:absolute; top:15px; left:50%; margin-left:-400px; }

/*footer*/
#footer { display:block; float:left; width:800px; height:10px; margin-top:-4px; background-color:#666666; }
div[id]#footer { margin-top:1px; }
#copyright { display:block; float:right; width:228px; margin-top:5px; text-align:left; height:50px; font-size:9px; }