/* Design 1 layout */

* {
padding: 0;
margin: 0;
}
body	{
background: #f6eddf;
color: #777;
font-family: Arial, Tahoma, Verdana, sans-serif;
text-align: center;
}
acronym {
cursor: help;
}
h1, h2, h3 {
font-weight: normal;
}
h1 {
font-size: 1.3em;
line-height: 1.3em;
padding-bottom: 1.2em;
}
h2 {
font-size: 1.1em;
line-height: 1.2em;
padding-bottom: 0.9em;
padding-top: 0.2em;
}
h3 {
font-size: 0.9em;
line-height: 1.1em;
padding-bottom: 0.6em;
padding-top: 0.6em;
}
p {
line-height: 1.7em;
padding-bottom: 1.2em;
}
p , li , td , th , label {
font-size: 0.8em;
}
li {
line-height: 1.2em;
margin: 6px 0px 6px 25px;
}
a {
color: #777;
}
a:hover {
color: #000000;
}
img {
border: none;
}
hr {
height: 1px;
}

/* ---------- forms ---------- */

fieldset { 
margin: 0.5em 0 0 0;
padding: 0 1em 1em 0;
}
legend { 
margin-left: 1em;
font-weight: bold;
padding: 0 3px;
color: #777;
}
fieldset ol {
padding: 1em 0 0 0;
list-style: none;
}
fieldset li {
padding-bottom: 0.6em;
font-size: 1.0em;
}
label {
display: block;
float: left;
width: 7em;
margin-right: 1em;
text-align: right;
}
input , select , textarea {
padding: 1px;
border-top: 1px solid #abadb3;
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #d9d9d9;
}
input.submit {
margin-left: 9.5em;
padding: 5px;
border-top: 1px solid #8a8a8a;
border-right: 1px solid #afafaf;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #afafaf;
}
input.shortfield {
background: #ffffff;
padding: 2px;
color: #000000;
text-align: right;
border-right: none;
}
input.shortish {
width: 97px;
padding: 2px 2px 2px 0;
}


/* ---------- div ---------- */

#container {
padding: 0px;
width: 712px;
margin: 6px auto;
background: #fff url(bg_shadow_middle.png) repeat-y;
text-align: left;
position: relative;
}
#intro {
background: url(bg_shadow_top.png) no-repeat;
padding-top: 6px;
padding-right: 6px;
}
#introtext {
float: left;
text-align: center;
width: 350px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 10px;
}
#introtext p {
font-size: 2em;
padding-top: 38px;
padding-bottom: 6px;
line-height: 1.1em;
}
#introtext h2 {
font-size: 1.0em;
line-height: 2em;
}
#introtext a {
text-decoration: none;
color: #777;
}
#introimage {
float:right;
height: 200px;
}
#topnav {
margin: auto 6px;
padding-left: 1em;
clear: both;
background: #999999;
}
#topnav ul {
list-style: none;
padding-top: 10px;
padding-bottom: 10px;
height: 14px;
}
#topnav li {
display: inline;
margin-right: 0.7em;
margin-left: 0.7em;
text-transform: lowercase;
line-height: 1.2em;
}
#topnav li a {
padding: 4px 10px 10px 10px;
text-decoration: none;
color: #ffffff;
}
#topnav li a.active, #topnav li.active a , #topnav li a:hover {
background-color:#ffffff;
color: #999999;
}
#main {
float: left;
width: 420px;
padding: 30px 15px 30px 30px;
}
#main2 {
width: 650px;
padding: 30px 15px 30px 30px;
}
#sidebar {
float: right;
width: 200px;
padding: 30px 30px 30px 15px;
}
#sidebar div {
margin-bottom: 15px;
border: 1px solid #999999;
padding: 4px 4px 10px 4px;
}
#sidebar h2 {
background: #F5F5F5;
margin-bottom: 8px;
padding: 4px;
}
#sidebar div p {
padding: 0 4px;
line-height: 1.3em;
}
.bigbutton a {
display: block;
width: 198px;
height: 32px;
margin: 20px 0 1px 0;
padding: 12px 0 4px 0;
border: 1px solid #999999;
text-align: center;
font-size: 1.4em;
}
.bigbutton a:hover {
background: #f6eddf;
}
#footer {
margin-top: 2.5em;
clear: both;
background: url(bg_shadow_bottom.png) bottom no-repeat;
padding: 20px 30px;
}


/* ---------- class ---------- */

.summary {
font-size: 0.9em;
}
table.galphoto {
margin-top: 10px;
width: 100%;
}
table.galphoto td {
width: 25%;
padding: 0px 20px 20px 20px;
font-size: 0.7em;
text-align: center;
vertical-align: top;
}
table.galphoto a {
text-decoration: none;
}
table.galphoto img {
border: 1px solid #999999;
}
table.galphoto img:hover {
border: 1px solid #000000;
}
table.pricing {
margin-top: 10px;
border: 1px solid #999999;
}
table.pricing td {
padding: 3px 20px 3px 6px;
}
table.pricing th {
padding: 3px 20px 3px 6px;
background: #F5F5F5;
font-weight: normal;
}

ul.fac {
list-style: none;
margin: 0 0 1.3em;
}
ul.fac li {
display: inline;
line-height: 2em;
margin: 0 0 6px 0;
padding: 0px 22px;
background: url(tick.png) no-repeat;
}
.goback {
float: right;
margin-top: -38px;
}
.notes {
padding: 0;
margin: -10px 0 5px 0;
}
.addthis {
margin: 0 6px -4px 0;
}

div.error, div.notice, div.success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
div.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

label.error {color:#8a1f11;}
input.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}


/* �2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

.MagicThumb {cursor: url(zoomin.cur), pointer; outline: none;}
.MagicThumb-zoomed { cursor: default; }
.MagicThumb span { display: none; }
.MagicThumb img { border: 1px solid #808080; outline: none; }
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }
.MagicThumb-image-zoomed { cursor: url(czoomout.cur), pointer; }
.MagicThumb-caption {color: #333333;background-color: #F0F0F0;border: 1px solid #CCCCCC;border-top: none;font-family: Verdana, Helvetica;font-size: 11px;padding: 8px 16px;}
.MagicThumb-controlbar {display: block;height: 18px;}
.MagicThumb-controlbar a {display: block;	width: 18px;	height: 18px;	margin: 0px 1px;	outline: none;	float: left;	overflow: hidden;}
.MagicThumb-controlbar a span {	display: block;	width: 1000px;	height: 1000px;	background: transparent url(controlbar.png) no-repeat 0 0;	outline: none;	position: absolute;	left: 0px;	top: 0px;}
.MagicThumb-loading {	border: 1px solid #000000;	background: #ffffff url(loader.gif) no-repeat 2px 50%;	padding: 2px 2px 2px 22px;	margin: 0;	text-decoration: none;	text-align: left;	font-size: 8pt;	font-family: sans-serif;}
