/* CSS for 404 template - copy it to your main css file */


/*CSS reset - if you are already using one, please delete it */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{margin:0; 
padding:0; 
border:0; 
outline:0; 
font-size:100%; 
vertical-align: baseline;}


/* GENERAL STYLES - YOU PROBABLY WILL NOT WANT TO COPY THIS SECTION */
body
{background: white;
color: black;
font: 12px Verdana, Arial, sans-serif;
line-height: 20px;}

#wrapper
{width: 960px;
margin: 0 auto;
}
/* GENERAL STYLES END HERE */


/*TOP SECTION - MISTYPED URL, PAGE WAS DELETED OR MOVED, BROKEN LINK */
#top
{width: 640px;
height: 295px;
margin: 50px auto 0;
background: url(../images/arrows_top.png) no-repeat bottom center }

#top ul
{list-style: none;}

#top ul li
{float: left;}

#top ul li.mistyped_url 
{width: 140px;
height: 70px;
background: url(../images/mistyped.png) no-repeat top center;}


#top ul li.moved_deleted
{width: 210px;
height: 70px;
background: url(../images/moved_deleted.png) no-repeat top center;
margin: 0 0 0 75px;}

#top ul li.broken_link
{width: 120px;
height: 70px;
background: url(../images/broken_link.png) no-repeat top center;
margin: 0 0 0 90px;}

#top ul li.broken_link p
{text-align: center;}

#top ul li p
{margin: 60px 0 0 0;}
/*TOP SECTION ENDS HERE*/



/*CENTER SECTION - 404, SORRY NO SUCH PAGE*/
#center
{width: 300px;
height: 125px;
margin: -65px auto 0;
text-indent: -9999px;
background: url(../images/404.png) no-repeat top center;
}
/*CENTER SECTION HERE*/



/*BOTTOM SECTION - HOME/SITEMAP/OTHER PAGES, USE SEARECH, CONTACT US */
#bottom
{width: 660px;
margin: 20px auto 0;
padding: 280px 0 0 0;
background: url(../images/arrows_bottom.png) no-repeat top center; }

#bottom ul
{list-style: none;
margin: -90px 0 0 0;}

#bottom ul li
{float: left;}

#bottom ul li p
{margin: 65px 0 0 0;}

#bottom ul li ul
{margin: 6px 0 0 45px;
list-style-type: disc;
color: #717171;
line-height: 20px;
}

#bottom ul li ul li
{float: none;}

#bottom ul li ul li a
{text-decoration: none;}

#bottom ul li ul li a:hover
{text-decoration: underline;}

#bottom ul li.home_sitemap
{width: 190px;
height: 70px;
background: url(../images/home_sitemap.png) no-repeat top center;}

#bottom ul li.search
{margin: 90px 0 0 35px;
width: 200px;
height: 70px;
background: url(../images/search.png) no-repeat top center;}

#bottom ul li.search p
{margin: 50px 0 0 15px;
}

/* search form styles */	
#bottom ul li.search form
{margin: 15px 0 0 15px;
width: 230px;
}

#bottom ul li.search form input.search_field
{width: 130px;
background: #fcfcfc;
border: 1px solid #bcbcbc;
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#bottom ul li.search form input.search_field:focus
{border-color: #9c9c9c;
-webkit-box-shadow: 0px 0px 5px #8f8f8f;
-moz-box-shadow: 0px 0px 5px #8f8f8f;
box-shadow: 0px 0px 5px #8f8f8f;}

/* search form styles end here*/	

#bottom ul li.contact
{margin: 0px 0 0 75px;
width: 145px;
height: 70px;
background: url(../images/contact.png) no-repeat 30px 0px;}

/* Hidden contact div styles*/
.jqmWindow {
position: fixed;
top: 20%;
left: 50%; 
margin-left: -200px;
width: 400px; 
background-color: white;
color: black;
border: 5px solid #dedede;
padding: 20px;
-webkit-box-shadow: 0px 0px 15px #000;
-moz-box-shadow: 0px 0px 15px #000;
box-shadow: 0px 0px 15px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.jqmOverlay { background-color: #000; }

.jqmClose
{text-indent: -9999px;
display: block;
background: url(../images/cross.png) no-repeat top left;
width: 32px;
height: 32px;
position: absolute;
right: -18px;
top: -18px;
}

/* contact form styles */
#contact_form h2
{font: 24px verdana, arial, sans-serif;
color: #515151 ;
border-bottom: 1px solid #515151;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}

#contact_form p
{margin: 0 0 10px 0;
width: 100px;
position: relative;}

#contact_form .textbox
{ background: #fcfcfc;
border: 1px solid #bcbcbc;
padding: 2px;
margin: 2px 0 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

#contact_form .textbox:focus
{
border-color: #9c9c9c;
-webkit-box-shadow: 0px 0px 5px #8f8f8f;
-moz-box-shadow: 0px 0px 5px #8f8f8f;
box-shadow: 0px 0px 5px #8f8f8f;}

#contact_form span.error
{font: 11px verdana, arial, sans-serif;
color: red;
position: absolute;
top: 25px;
left: 165px;
width: 200px;}

#contact_form span.comment_error
{left: 240px;
width: 140px;
}

#contact_form .error_input
{border-color: #ff5c5c;}

.hide
{display: none;}

.success
{color: green;
padding: 5px 0 7px 40px;
background: url(../images/accept.png) no-repeat top left;
}
/* contact form styles */
/* Hidden contact div styles end here*/

/* FOOTER*/
#footer
{margin: 340px auto 0;
width: 660px;
border-top: 1px solid #c5c5c5;
padding: 8px 0 10px;
position: relative;
font-size: 11px;
text-align:center;
}

#footer ul.social
{list-style: none;
position: absolute;
top: 7px;
right: 0px;	
}

#footer ul.social li
{float: left;
margin: 0 0 0 10px; 
}

/* FOOTER ENDS HERE */