/*
  * Jamie Roach Joinery Pty Ltd CSS Document 
  *	July 2011
  * Laura Burns - McInerney Marketing Group
  
  Colours
  JRJ Browm: #231f20
  JRJ Orange: #ba5915
  JRJ White: #FFFFFF
*/

@import url('reset.css');

body { background-color:#231f20; background-image: url('../images/bg.gif'); background-position:center top; background-repeat:repeat-y;
}

/* PNG transparency fix for IE6 */
img, div, h1, img, a { behavior: url(css/iepngfix.htc); }

h1, h2, h3, h4, h5, ul#nav, #footer { font-family:'Times New Roman', Times, serif; margin:0; padding:0; }
a { text-decoration:none; }
.red { color:#ba5915 !important;  }
h1.quals { font-size:14px !important; margin-bottom:8px; }


#wrap { width:1022px; margin:0px auto; position:relative; background-color:#fff; }

.link { width:180px; text-align:center; float:left; margin-right:10px; padding:10px;  }
.link a, .link a:visited { color:#253b6d; }
.shadow { -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; }

#services-list { margin-top:20px; }
#services-list h2 { margin:0px; padding:0px; }
#services-list p { margin:0px !important; padding-left:20px; padding-bottom:10px; }
.fromblog { color:#253b6d; }
.fromblog a { color:#253b6d; text-decoration:underline; }

#header {width:1022px; height:128px; padding-bottom: 20px; background-image:url('../images/header-shadow.png'); position:relative; z-index: 5;}
#header #logo { position:absolute; top:0px; }
#logo {width: 1022px;}
#header h1 { color:#253b6d; font-size:22px; text-align:right; position:absolute; top:85px; right:54px; }
#header span { color:#bb172f; font-size:32px; }


#nav-wrap {width:169px; float:left; margin-left: 47px;}
ul#nav {text-align:left; padding: 25px 0px 0px 0px; margin-top: -4px; background:url(../images/bk-menu.png) repeat-y;}
ul#nav li {width:140px; font-family:Tahoma, Geneva, sans-serif; }
ul#nav li a {color:#fff; text-decoration:none; font-size:18px; padding-left:25px; padding-top: 7px; padding-bottom:7px; display:block; height:25px; width:185px; line-height:20px;}
ul#nav li a:hover {color:#231f20;}
ul#nav li a.selected {background:url(../images/selected.png) no-repeat; margin-left: 6px; color:#ba5915;}
#hia-logo {padding:0px 30px; margin-top: -30px; }

#slider {
    position:relative;
    width:745px; /* Change this to your images width */
    height:224px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
    margin: 0px 0px 0px -47px;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

#title-image {width: 745px; margin: 0px 0px 0px -47px; padding-bottom: 10px;}

#content-wrap {z-index:-1; width:1024px; margin-top: -20px; background-image: url(../images/bg-body.png); background-repeat: repeat-y;}
#content { width:650px; padding-left:270px; padding-right:100px; padding-top: 5px; padding-bottom: 25px; }
#content p { font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#787878; line-height:18px; margin-top:10px; padding-right:0px; padding-top:3px;}
#content li { font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#787878; line-height:18px; margin-top:10px; padding-right:0px; list-style:none; margin-left:13px; } 
#content h3 {font-family:Tahoma, Geneva, sans-serif; color: #ba5915; font-size: 24px; padding: 2px 0px;}
#content h1 { font-family:Tahoma, Geneva, sans-serif; font-size:14px;}
#content h1.cta { font-size:13px; color:#253b6d; font-weight:bold; line-height:18px; margin-top:10px;}
#endContent {width:1024px; background-image:url(../images/bg-body-end.png); background-repeat: no-repeat; height: 49px; }

body.bio { padding:20px; }
body.bio img { float:left; margin-right:20px; }
body.bio div { width:250px; float:left; }
body.bio h1 { font-size:30px; color:#253b6d; font-weight:bold; }
body.bio h2 { font-size:20px; color:#bb172f; font-weight:bold; padding-bottom:20px; }
body.bio p { font-size:11px; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif; line-height:16px; }

#contacts { font-family:Tahoma, Geneva, sans-serif; font-size:12px; }
#contacts td { padding:10px 30px 10px 0px; }

#gallery-wrap { font-weight: bold; font-size: 20px;}
#gallery-wrap img{ margin: 4px 1px; padding: 2px; height: 64px;}

#footer {height:101px; width: 1024px; margin-top: -20px; background-image:url(../images/footer.png); background-repeat: no-repeat;}
#footer-info {padding-top:25px; width:550px; float:right;}
#copy { margin-right:75px; font-size:12px; text-align: right;; color:#ba5915; line-height:18px; font-family:Tahoma, Geneva, sans-serif; }
#footer a { color:#231f20; }
#footer a:hover { color:#ba5915; }
#foot-logo {float:right; padding-left: 17px;}

/* CONTACT FORM */
#fb-form { width:404px; color:#777; padding-top:10px; padding-bottom:30px; }
#fb-form label.error { color:#393; font-size:9px; display:block; width:260px; text-align:left; float:left; margin:3px 0px 9px 115px; font-family: Arial, Verdana, sans-serif; }
#fb-form input, #fb-form textarea, #fb-form select {
float:left; font-family:Tahoma, Geneva, sans-serif; font-size:14px; border:1px solid #aaa; margin-top:11px; color:#777; width:200px; height:22px; padding-left:6px; }
#fb-form input:hover, #fb-form textarea:hover { border-color:#ba5915; }
.focused { border-color:#ba5915; }
#fb-form label { width:100px; display:block; text-align:right; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:16px; margin:17px 16px 0px 0px; color:#ba5915; text-transform:uppercase; }
#fb-form textarea { width:278px; height:80px; }
#fb-form p { display:inline; margin-left:10px; }
#fb-form .submit { float:right; background:#aaa; color:#fff; border:none; padding:3px; width:100px; height:30px; line-height:24px; }
#fb-form .loading { float:right; border:none; padding:3px; display:none; }
#fb-form .loading p { font-size:16px; }
#fb-form .submit:hover { background:#ba5915; cursor:pointer; }

div#contactform { width:400px; margin-left:10px; display:block; }
div.done { display:none; color:#555; width:400px; margin-left:80px; margin-top:80px; margin-bottom:50px; text-align:center; font-size:20px; font-weight:200; 
font-family:Tahoma, Geneva, sans-serif; border:1px solid #aaa; padding:20px; background:#eee; }