/* CSS Document */

h1,h2,h3,p,a,ul,li,td{ font-family:Helvetica, sans-serif; }
	
body{ background:url(../images/pagebg.png) repeat-x #FFF; /* background-color:#FFF; */ margin:0; padding:0; }
img { border:0;}

#body{ margin:0; padding:0; }

#main{ background:url(../images/fullbg.png) no-repeat 50% 0; margin:0 auto; height:1000px; min-height:1000px; }
#primary{ width:980px; margin: 0 auto;}
#header{ height:114px; min-height:114px; }
#page { width:980px; position:relative; background:url(../images/contentbg.png) no-repeat #FFF;}
#content { width:960px; margin:0 10px; position:relative;}


/* Menu */
#menu { margin: 0; padding:0; height:58px;}
#menu ul{ list-style-type:none; margin: 0; padding:0; float:right; }
#menu ul li { display:block; float:left; margin:0 !important; padding:0; width:auto;}
#menu ul li a{ display:block; height:48px; }
#menu ul li a#home{ background:url(../images/menu_home.png) no-repeat; width:138px; }
#menu ul li a#home:hover, #menu ul li a#home.on{ background:url(../images/menu_home_over.png) no-repeat;}
#menu ul li a#projects{ background:url(../images/menu_projects.png) no-repeat; width:148px;}
#menu ul li a#projects:hover, #menu ul li a#projects.on{ background:url(../images/menu_projects_over.png) no-repeat;}
#menu ul li a#about-us{ background:url(../images/menu_about_us.png) no-repeat; width:149px;}
#menu ul li a#about-us:hover, #menu ul li a#about-us.on{ background:url(../images/menu_about_us_over.png) no-repeat;}
#menu ul li a#services{ background:url(../images/menu_services.png) no-repeat; width:147px;}
#menu ul li a#services:hover, #menu ul li a#services.on{ background:url(../images/menu_services_over.png) no-repeat;}
#menu ul li a#metalworkoz-shop{ background:url(../images/menu_metalworkoz_shop.png) no-repeat; width:171px;}
#menu ul li a#metalworkoz-shop:hover, #menu ul li a#metalworkoz-shop.on{ background:url(../images/menu_metalworkoz_shop_over.png) no-repeat;}
#menu ul li a#contact-us{ background:url(../images/menu_contact_us.png) no-repeat; width:145px;}
#menu ul li a#contact-us:hover, #menu ul li a#contact-us.on{ background:url(../images/menu_contact_us_over.png) no-repeat;}

h1{ margin:0; padding:0; }
h2{ margin:0; padding:0; } 
h1#home{ margin:30px 0 20px 10px;}
h1#services{ margin:10px 0 20px 10px; }
ul{ margin:0; padding:0; }
p, li, label{ font-family:Tahoma, Geneva, sans-serif; font-size:10pt; margin: 0 0 20px 10px; padding:0; }
li, label{  margin: 0;}
.side_image{ float:right; margin:20px 10px 0 0; }

#side_about_left{ float:left;}
#side_about_right {float:right;}

/* Home */
#content.home_page{ height:765px; min-height:765px; }
#content.home_page p{ width:635px;}
#slider{  }
a#preview_projects img{ position:absolute; left:720px; top:740px; }

/* Services */
#content.services { height:1340px; }
#content.services h2 { }
#content.services p {  margin: 0 0 2px 10px; }
#content.services ul{ margin:0 0 0 10px; }
#content.services li {  margin: 0 0 2px 20px; }

/* Projects */
div.projects h1{ width:200px; float:left; }
div.projects p.action{ margin-top:10px; float:right; }
div.gallery_slider{ clear:both; margin:10px 0 10px 0; position:relative;}
.gallery_slider img{ margin:5px;  }
.directionNav{ height:50px;}
.prevNav img{ border:0 !important; margin:0 !important; z-index:99; float:left;}
.nextNav img{ border:0 !important; margin:0 !important; z-index:99; float:right;}
.pagenum{ width:100px; position:absolute; bottom:25px; left:440px; margin:0; font-size:12pt; }

/* Contact Form */
div#main.contact-us-main{ height:auto !important; min-height:inherit !important;}
.contact-us #rightcol {margin-left:420px; min-height:540px; height:540px; }
.contact-us #leftcol h1{ margin-left:10px;}
.contact-us #leftcol h2{ margin-left:10px; }
.contact-us #leftcol #map{ margin-left:10px;}
.contact-us #divider_vert{ position:absolute; top:10px; left:400px; }
/* Footer */
#footer { height:63px; width:960px; background-color:#000; position:relative; margin:0 10px;}

#footer p{ color:#FFF; position:absolute; top:30px; left:10px;}