/* Common Styles */
*{padding:0; margin:0;}
html{height:100%;}
body{text-align:center; padding-top:6px; font-family:"Georgia",serif; font-size:0.938em; line-height:140%; color:#243636; background:#00912E url(border-top.gif) repeat-x;}

h1, h2 {line-height:1.4em; font-weight:normal;}
h1{font-size:1.8em; }
h2{font-size:1.5em;}
h3{font-size:1em; font-weight:bold;}

p{margin-bottom:1em;}

a{color:#00912E;}
a:visited;{color:#2E6124}
a:hover{text-decoration:none;}
img{border:none;}

ul{margin:0; padding:0; list-style:none;}
ul li{margin:0; padding:0;}


/* THX! http://www.positioniseverything.net/easyclearing.html */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{display:inline-block;}
* html .clear {height:1%;}	
.clear{display:block; overflow:hidden;}


/* Main Containers */
#main{background:#fff url(border-bottom.gif) bottom repeat-x; padding:30px 0;}
.content{width:34em; margin:0 auto;}


/* Content Elements */
#logo{margin:10px auto 30px auto; position:relative; width:328px; height:214px; font-size:1.98em;}
#logo img{position:absolute;}

.vcard{}
.vcard p{margin-bottom:8px;}

#address{margin:30px auto; width:306px; height:215px; background:#fff url(image-frame.gif); position:relative; text-align:left;}
#address h2{margin:20px 0 0 30px; float:left; font-size:16px;}
#address .vcard{float:right; position:relative; margin:20px 30px 0 0;}


/* Image frame */
.imageframe{width:36.133em; position:relative; margin:10px 0; left:-1em; text-align:center;}
.imageframe .top{background:url(imageframe-top.gif) no-repeat; height:13px;}
.imageframe .strech{background:url(imageframe-stretch.gif) repeat-y; padding:0 1.1em;}
.imageframe .strech .content{position:relative; margin-bottom:-9em;}
.imageframe .strech .content img{margin-bottom:1em; width:33.35em;}
.imageframe .bottom{background:url(imageframe-bottom.gif) no-repeat; height:11em;}