/* CSS Document for www.yekontowercranes.com */
/* 12th May 2008 */

body { margin:0; background-color:#CCCCCC; }
body, div, p, table, h1 {color:#828282; }
body, div, p, table { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h1 { font-family:Perpetua Titling MT, Times New Roman, Georgia, Times, serif; text-transform:uppercase; font-size:24px; }
p { text-align:justify; }
a { text-decoration:none; color:#333333; }
a:hover { background-color:#CCCCCC; }

#mainbody { background-color:white; }
#topbg { background-image:url(images/yekon_header_logo.jpg); background-repeat:no-repeat; width:800px; height:229px; }
#masthead { background-image:url(images/yekon_header_logo.jpg); background-repeat:no-repeat; width:800px; height:100px; }
#greydivider { background-image:url(images/greydivider.gif); background-repeat:repeat-x; width:800px; height:25px; }
#greydivider, #greydivider a { line-height:24px; color:white; font-weight:bold; }
#greydivider a:hover { text-decoration:none; color:black; }
#maincontent { background-image:url(images/side_crane.jpg); background-repeat:no-repeat; background-position:bottom right; width:800px; height:440px; }
#pagecontent { width:800px; }
#pagemain { width:570px; position:relative; top:0; left:0; float:left; padding:10px; }

#left { width:320px; position:relative; top:0; left:0; float:left; padding:0 10px; height:440px; }
.right { width:303px; position:relative; top:0; left:0; float:left; padding:5px; }
.menu { width:200px; position:relative; top:0; left:0; float:left; padding:5px; }

#aboutus h1, #products h1, #contactus h1 { font-size:18px; }
#aboutus a, #products a, #contactus a, #aboutus_menu a { text-decoration:none; }
#aboutus { background-image:url(images/bg_bluegrad.gif); background-repeat:repeat-y; background-position:right; }
#aboutus_menu { background-image:url(images/bg_bluegrad_vertical.gif); background-repeat:repeat-x; }
#aboutus h1, #aboutus_menu h1 { color:#01109b; }
#aboutus ul, #aboutus_menu ul { list-style-image:url(images/menu_blue.gif); }
#aboutus, #aboutus ul li a, #aboutus_menu, #aboutus_menu ul li a { color:#6b61ed; }
#aboutus ul li a:hover, #aboutus_menu ul li a:hover { background-color:#95b6fa; color:white; }
#products { background-image:url(images/bg_purplegrad.gif); background-repeat:repeat-y; background-position:right; }
#products_menu { background-image:url(images/bg_purplegrad_vertical.gif); background-repeat:repeat-x; }
#products h1, #products_menu h1 { color:#590556; }
#products ul, #products_menu ul { list-style-image:url(images/menu_purple.gif); }
#products, #products ul li a, #products_menu, #products_menu ul li a { color:#942a7a; }
#products ul li a:hover, #products_menu ul li a:hover { background-color:#dc61d8; color:white; }
#contactus { background-image:url(images/bg_greengrad.gif); background-repeat:repeat-y; background-position:right; }
#contactus_menu { background-image:url(images/bg_greengrad_vertical.gif); background-repeat:repeat-x; height:100px; }
#contactus h1, #contactus_menu h1 { color:#055905; }
#contactus, #contactus p, #contactus a, #contactus_menu, #contactus_menu p, #contactus_menu a { color:#36942a; }
#contactus p, #contactus_menu p { padding:5px; }
#contactus a:hover, #contactus_menu a:hover { background-color:#6dcf71; color:white; }

#credits { font-size:10px; }
#credits a { text-decoration:none; color:#CC00CC; }
#credits a:hover { text-decoration:underline; }
.topborder { border-top:1px solid #828282; float:right; }


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color:#666666;
color:white;
}

#dropmenudiv a:hover{ 
background-color: #eeeeee;
color: black;
text-decoration: none;
}