@charset "utf-8";

/*
 Name: Redferns
 Date: Feb 2010
 Description: Main css file
 Version: 1.0
 Author: Tom Gathern
 Autor URI: http://jaijo.com
*/

/* RESETS */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,span,strong,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0}
ol,ul{list-style:none}

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

#container 	{
	margin:0 auto;
	width:100%;
	background-image: url(../images/background.png);
	background-color: #fff;
}

body  {
	font-family: helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	background-color: #fff;
}

/* FONTS */
h1 	{
	font-size:24px;
}
h1.main{ color:#cccc00; margin: 10px 0 5px 10px; }

h2	{
	font-size:16px; font-weight:normal;
}
h2.main { color:#000; margin: 0 0 20px 10px;}
h2.office { color:#cccc00; margin-left: 20px; font-weight:bold; display:inline;}
h2.number { color:#000; display: inline;}
   
h3	{
	font-size:12px;
}

p 	{
	font-size:12px; line-height:20px;
}
p.main{color:#000; margin: 0 0 20px 10px;}
p.box{color:#000; margin: 0 0 0 135px;}


/* HEADER */
#header_container {width:100%; height:136px; background-image: url(../images/header_bg.png); background-repeat:repeat-x;}
#header { margin: 0 auto; width: 1000px; height:136px; background-image: url(../images/header_top.png); background-repeat:no-repeat;}

#logo { float: left; background-image:  url(../images/logo.png); background-repeat: no-repeat; width: 226px; height: 67px; margin: 20px 50px 0px 10px;}

#phones {float:right; margin-top: -75px;}

.phone{ float: left; background-image: url(../images/logo_small.png); background-repeat:no-repeat; background-position:left; height: 14px; margin: 10px 20px 0 20px; }

#menuj {float:right;}

/* MENU */
ul.menu { margin:-16px 0 0 300px; padding:0; }
ul.menu li { display:block; padding-left:10px; float:left; text-align:left; border-left: 1px solid #000; width: 105px; position:relative;}
ul.menu li a { color:#000; font:bold 14px ; text-decoration:none; line-height: 1.3em; display:block; font-weight:bold; }
ul.menu li a:hover { color:#cccc00; }
ul.menu li span { font:11px arial; color:#666; margin:0; }
ul.menu li ul { z-index:100; display: none; }
ul.menu li ul li {width:180px;}

li ul a  { width:auto; padding:3px 10px; }

/* Menu styling for non IE browsers */
ul.menu li:hover a {color:#000; display:block;}
ul.menu li:hover a:hover { color:#cccc00; }
ul.menu li:hover ul {display:block; position:absolute; top:31px; left:-1px; width:180px; background: #FFFFFF;
    z-index:100; filter:alpha(opacity=90); opacity:0.9;}


/* ORIGINAL MENU */
/*
ul.menu { margin:-16px 0 0 300px; padding:0;}
ul.menu li { display:block; padding-left:10px; float:left; text-align:left; border-left: 1px solid #000; width: 105px;}
ul.menu li a { color:#000; font:bold 14px ; text-decoration:none; line-height: 1.3em; display:block; font-weight:bold;}
ul.menu li a:hover { color:#cccc00; }
ul.menu li span { font:11px arial; color:#666; margin:0; }
ul.menu li span:hover {color:#999;}
*/

/* MAIN */
#main_container { width:100%; background-image: url(../images/body_bg.png); background-repeat:repeat-x;}
#main { margin:0 auto; width: 1000px; padding-bottom: 106px; }

#left { float:left; width: 560px; margin-right:45px;}
#right {float: left; width: 300px; }
#content { float: left; width: 980px;}

.offices { float: left; width: 265px; margin-left:10px; margin-bottom: 35px; }

img.image {float:left;}
img.banner { float:left; margin-top:5px;}

#feature { float:left; width: 357px; height: 299px; background-image: url(../images/feature.png); background-repeat:no-repeat; margin-top:10px;}

/* FOOTER */
#footer_container {width:100%; height:94px; background-image: url(../images/footer_bg.png); background-repeat:repeat-x; clear: both; position: relative; z-index: 10; margin-top: -106px;}
#footer	{margin: 0 auto; width: 1000px; height:94px; position:relative;}

/*#icons {float: left; margin-right: 275px; }*/
#icons {float: left; margin-right: 178px; }
#icons2 {float: left; }

#credit { float:left; position:absolute; bottom:0; margin-left:10px;}
#credit h1 {font-size:10px; color:#000;}
#credit a {font-size: 10px; color:#000;}
#credit a:hover {color:#cccc00;}

#social { position:absolute; bottom:0; right:40px; }

.buttons { float:left; width:60px; height:26px; }
.facebook { background: url(../Images/facebook.png) no-repeat; margin-right:5px; }
.twitter { background: url(../Images/twitter.png) no-repeat; }

/* CLEAR */
.clear{clear:both}

/* SLIDESHOW */
.pics {  
    height:  486px;  
    width:	499px;  
    float:left;
} 
 
.pics img {  
	position: absolute;
	width: 499px;
	z-index:1;
}

/* CONTACT */

fieldset { float: left;	margin-bottom:10px; margin-right: 50px;}

legend { font-size:12px; padding: 5px 0 20px 10px;}

label {	font-size:12px;	width: 100px; float: left; margin: 15px 10px 0 10px; text-align: justify; color: #333333;}

input { float: left; width: 200px; margin:10px 0px 0 0px;}

input.submit { font:12px/20px  helvetica, sans-serif; background-color:#fff; border:1px solid; border-color:#cccc00	; width:100px; height: 25px; margin-bottom: 10px; }

select { float: left; width: 100px; margin:10px 0 0 0; text-align: center;}

textarea { float: left; width: 400px; font:12px/20px helvetica, sans-serif; margin-top:10px;}