/* CSS for J & S Single page website 10/06/2010 
	James Curran Stylemarket
*/

/*reset styles*/
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, 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-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }

/* =body */
body { font: normal 14px/1.2  Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;  color: rgb(99, 66, 36); text-align: center; }

/* =blocktext */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol {padding :0; font-weight : normal; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
h1, h2, h3 { font-weight : normal; line-height : 1.2; }

/* =h1 */
h1 { font-size : 140%; color: #C30; font-style: italic; line-height: 125%; }

/* =h2 */
h2 { font-size : 120%; }

/* =p */
p { font-size : 100%; line-height : 1.3;}
li p { margin-left : 0; }
form div p { margin-left : 0; }
dd p { margin-left : 0; padding-top : 0; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }

/*------------------------------------------------------*/
/* LINKS
/*------------------------------------------------------*/


a img { border: 0 }

p a { text-decoration: none; color:#009999 }

a:link { color: #C30  }/* unvisited link */
a:visited {color: #C30}  /* visited link */
a:hover {color: rgb(175, 131, 74)}   /* mouse over link */
a:active {color:#333}  /* selected link */

/*------------------------------------------------------*/
/* OVERALL
/*------------------------------------------------------*/

body, html {
background: url(../images/body-bg.png) repeat-x 0 0;
position: relative;
height:100%;
}

#container {
min-height: 100%;
width: 896px;
margin: 0 auto;
}

#logo {
margin: 0 auto;
background: url(../images/jands-logo.gif) center no-repeat ;
width: 896px; height : 180px; 
text-indent: -9999px;
padding-top: 60px;
}

#main {overflow:auto;
	padding-bottom: 30px;}  /* must be same height as the footer */
 
/*------------------------------------------------------*/
/* CONTENT
/*------------------------------------------------------*/

#header {
padding: 24px 0 46px 0;
}

#contact h1{
font-size: 180%;
font-style: normal;
letter-spacing: .05em;
padding-bottom: 14px;
}

#contact h1 span {
letter-spacing: -0.05em;
}

#hcard-area-1 {
padding-top: 20px;
border-top: 1px dotted #C30;
height: 125px;
}

#hcard-area-1 h2, #area-1 p{padding-left:0;}

.caption { padding-bottom: 7px; font-size: 80%}

#hcard-area-2 {
padding-top: 20px;
border-top: 1px dotted #C30;
margin-bottom: 20px;
}

#hcard-area-1 ul { line-height: 20px; }
#hcard-area-2 ul { line-height: 30px; }
#hcard-area-1 ul, #hcard-area-2 ul { font-size: 130%; }

/*------------------------------------------------------*/
/* FOOTER
/*------------------------------------------------------*/

#footer {
background: #C30;
position: relative;
margin-top: -30px; /* negative value of footer height */
height: 30px;
clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


#footer p {
font-size: 80%;
color: rgb(245, 242, 237);
text-align: center;
padding-top: 8px;
}