/*If you want this size in pixels (px)	Declare this percent (%)
10px	 77%
11px	 85%
12px	 93%
13px	 100%
14px	 108%
15px	 116%
16px	 123.1%
17px	 131%
18px	 138.5%
19px	 146.5%
20px	 153.9%
21px	 161.6%
22px	 167%
23px	 174%
24px	 182%
25px	 189%
26px	 197%
*/

html {
	background-color:#868686;	
}

body {
font-family:  "Helvetica", Tahoma, Arial, "MS Trebuchet", sans-serif;
text-align:justify;
}

h1 {
	font-size:189%;  
}
h2 {
	font-size:153.9%; 
	padding-left:50px; 
}
h3 {
	font-size:138.5%;  
	letter-spacing:2px;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0 0 1em 0;

}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

dl dd {
	margin-left:1em;
}

th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

#wrapper {
	margin:auto;
	width:960px;
}

a {
	color:#fff;
}

p {
	font-size:108%;
}

#header {
}

#header h1{
	color:#fff;
}

#content {
	color:#fff;
	margin:0;
	padding:0;
	}
	
#content_body {
	margin:0 50px;
}

#content_body h3 {
	text-indent:0;
	margin-left:0;
	padding-left:0;
}

#gallery {
	width:900px;
	margin:auto;
	display:block;
	
}

label {
	width:95px;
	float:left;
	font-size:108%;
}


input {
	width:150px;
	font-size:108%;
	
}

textarea {
	width:475px;
}

.imagefooter {
	text-align:center;
}

.clearboth {
	clear:both;
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

#contactform {
	padding-left:10px;
	padding-top:5px;
	display:block;
	width:450px;
	
}

.button {
	width:100px;
}

.smallbutton {
	width:50px;
}

#contact_details {
	padding-top:5px;
	padding-left:10px;
	font-size:108%;
	display:block;
}

div.vcard  {
	float:left;
	margin-right:25px;
}

.vcard p {
	font-size:108%;
	padding:0;
	margin:0;
	text-indent:0;
}

#form_padding {

	height:300px;

}



.footer_text {
	font-size:108%;
	color:#fff;
	text-align:center;
	display:block;
	font-weight:bold;
}

.type_hidden {
	display:none;
}

.saveCard em {
	font-size:80%;
}
.mailing {
	padding:0;
	margin:0;
}

.floatright {
	float:right;
	padding: 0 50px 10px 0;
}

dl {
	text-indent:75px;
}

dd, dt {
	font-size:123.1%;
}

dd {
	padding-bottom:0.5em;
}

table {
	border:none;
}

td, th {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #ffffff;
	color:#fff;
	text-align:left;
}

#rocco {
	text-align:center;
}

#footer {
	margin-top:20px;
}

.pan	{
	margin-top:20px;
	text-align:center;
}

#contactform2 {
	width:450px;
	margin: 0 auto;
}