/*
Structure of CSS File

body
div
h
p


*/


body {
	margin: 0;
	background-color: rgb(80,80,80);
	background-image: url(g/background.gif);
	background-repeat: repeat-x;
	color: #000;
	font: 12px helvetica, arial, sans serif;
}

div#container {
	width: 660px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(216,209,198);
	color: #000;
}
div#top {
	background-color: rgb(255,255,255);
	color: #000;
	width: 660px;
	height: 85px;
	padding: 0;
	margin: 0;
}

div#navbar {
	width: 660px;
	padding: 20px 0 10px 0;
	margin: 0;
	border: 0;
}

div#navbar a {
	padding: 0px;
	border: 0;
	margin: 0 0 0 15px;
	font: 13px helvetica, arial, sans serif;
	text-decoration: none;
	color: rgb(34,33,31);
}

div#navbar a:hover {
	color: rgb(150,145,137);
}

div#frontimage {
	background-image: url(g/frontimage.gif);
	background-repeat: no-repeat;
	width: 660px;
	height: 153px;
	padding: 0;
	margin: 0;
	clear: both;
}

div#insideimage {
	background-image: url(g/insideimage.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 660px;
	height: 93px;
	padding: 0;
	margin: 0;
	clear: both;
}

div#pagecontent {
	padding: 20px 15px 50px 15px;
}

div.frontcontainer {
	width: 150px;
	margin: 0 15px 0 0;
	float: left;
}
div.frontcontainer h3 {
	margin: 10px 0 0 0;
}
div.frontcontainer p {
	margin: 10px 0 0 0;
}

p.portfolio {
	margin: 0 0 20px 0;
	clear: right;
}
div.portfolioimage {
	margin: 0 0px 15px 15px;
	float: right;
}
div.portfolio h4 {
	margin-top: 0;
	clear: none;
	width: 465px;
	float: right;
}
div.portfolio h3 {
	margin-top: 0;
	clear: none;
	width: 315px;
	float: right;
}
div.portfolio p {
	clear: right;
	width: 465px;
	float: right;
}
div.portfolio p.single {
	clear: right;
	width: 315px;
	float: right;
}

h1 {
    margin: 0;
	font: 22px helvetica, arial, sans serif;
	color: rgb(255,255,255);
	padding: 60px 0 0 15px;
}
h2 {
	clear: both;
	font: bold 18px helvetica, arial, sans serif;
}
h3 {
	clear: both;
	font: 16px helvetica, arial, sans serif;
}
h4 {
	clear: both;
	font: 14px helvetica, arial, sans serif;
	margin: 10px 0px 0px 0px; 
}

a {
	color: rgb(250,107,21);
}

a:visited {
	color: rgb(150,145,137);
}


p {
	font: 12px helvetica, arial, sans serif;
	margin: 5px 0px 5px 0px; 
}

p.smallright {
	clear: right;
	float: right;
	width: 465px;
	margin: 5px 0px 5px 0px; 
}
p.smallrightlast {
	clear: right;
	float: right;
	width: 465px;
	margin: 5px 0px 30px 0px; 
}
p.smallleft {
	clear: left;
	float: left;
	width: 465px;
	margin: 5px 0px 5px 0px; 
}
p.smallleftlast {
	clear: left;
	float: left;
	width: 465px;
	margin: 5px 0px 30px 0px; 
}

p.important {
	font: 12px helvetica, arial, sans serif;
	margin: 10px 0px;
	padding: 5px;
	background-color: rgb(244,235,221);
	color: #800000;
}
p.critical {
	font: 16px helvetica, arial, sans serif;
	margin: 10px 0px;
	padding: 10px;
	background-color: rgb(255,222,211);
	color: #ff0000;
}

p.footer {
	font: 14px arial, helvetica, sans serif;
	text-align: center;
	margin: 350px 0 20px 0;
}

p.tiny a {
	font: 10px arial, helvetica, sans serif;
	color: rgb(215,208,197);
}
p.tiny a:visited {
	font: 10px arial, helvetica, sans serif;
	color: rgb(215,208,197);
}


p.testimonial {
	font: 14px arial, helvetica, sans serif;
	margin: 15px 15px 15px 40px;
	padding: 10px;
	background-color: rgb(244,235,221);
	color: #000;
}

p.store {
	font: 14px helvetica, arial, sans serif;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid rgb(116,68,41);
	background-color: rgb(244,235,221);
	color: #000;
}

div.bio {
	margin: 15px 15px 15px 15px;
	padding: 10px;
	background-color: rgb(244,235,221);
	color: #000;
}

div.store {
	margin: 15px 15px 15px 10px;
	padding: 10px;
	background-color: rgb(244,235,221);
	color: #000;
}

p.producttitle {
	font: 20px helvetica, arial, sans serif;
	padding: 5px;
}

p.product {
	clear: left;
	font: 16px helvetica, arial, sans serif;
	padding: 5px;
}

p.pricing {
	clear: both;
	font: 18px helvetica, arial, sans serif;
	padding: 5px;
}


div.figure {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
}

div.sectioninform {
  clear: both;
  border: thin black solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: left;
}

div.storefigure {
  float: right;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

p.caption {
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

p.sidebar {
	font: 14px verdana, helvetica, sans serif;
	padding: 5px;
}

p.sidebartight {
	font: bold 14px arial, helvetica, sans serif;
	padding: 0 5px 0 5px;
	margin: 2px;
}

img {
	border: 0;
}

.small {
	font: 10px helvetica, arial, sans serif;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}
.red {
	color: #ff0000;
}
.orange {
	color: rgb(250,60,0);
}

form {
	padding: 15px 0;
	margin: 0;
	width: 500px;
	clear: both;
}
form.small {
	padding: 15px 0;
	margin: 15px 0;
	width: 300px;
	clear: both;
}

form.plain {
	padding: 0;
	margin: 0;
	width: auto;
	border-top: none;
	border-bottom: none;
}

form.compact {
	padding: 0;
	margin: 0;
	width: auto;
	border-top: none;
	border-bottom: none;
}
form.compact p input, form.compact p select {
	padding: 0;
	margin: 2px;
	float: none;
	width: auto;
	font: 12px arial, helvetica, sans serif;
	background-color: rgb(244,235,221);
	color: #000;
}

form p {
	padding: 0;
	margin: 15px 0;
	clear: both;
}

form p label {
	float: left;
}

form p input, form p select {
	float: right;
	width: 330px;
	font: 12px arial, helvetica, sans serif;
	background-color: rgb(244,235,221);
	color: #000;
}

form p textarea, form p file {
	float: right;
	width: 500px;
	font: 12px arial, helvetica, sans serif;
	background-color: rgb(244,235,221);
	color: #000;
}
form p input.check {
	float: none;
	font: 12px arial, helvetica, sans serif;
	width: 15px;
	background-color: rgb(227,188,168);
	color: #000;
}


form.small p input, form.small p select {
	float: right;
	width: 100px;
	font: 10px arial, helvetica, sans serif;
	background-color: rgb(244,235,221);
	color: #000;
}

form.small p textarea, form.small p file {
	float: right;
	width: 300px;
	font: 10px arial, helvetica, sans serif;
	background-color: rgb(244,235,221);
	color: #000;
}

form.small p input.check {
	float: none;
	font: 10px arial, helvetica, sans serif;
	width: 15px;
	background-color: rgb(227,188,168);
	color: #000;
}
form.small p {
	padding: 0;
	margin: 2px 0;
	clear: both;
}

form.small p label {
	font: 10px arial, helvetica, sans serif;
	float: left;
}

form p input.submit {
	float: left;
	background-color: rgb(227,188,168);
	color: #000;
}
form p input.storesubmit {
	float: none;
	width: 8em;
	background-color: rgb(227,188,168);
	color: #000;
}

form p input.radio {
	float: none;
	font: 12px arial, helvetica, sans serif;
	width: 10px;
	background-color: rgb(227,188,168);
	color: #000;
}

form p input.submit {
	float: left;
	font: 12px arial, helvetica, sans serif;
	background-color: rgb(244,235,221);
	color: #000;
	width: 100px;
	margin: 15px 0;
}

button.submit {
	width: auto;
	font: 12px verdana, helvetica, sans serif;
	background-color: rgb(244,235,221);
	color: #000;
}

#top {
	padding: 0px;
	height: 80px;
	background-color: #000;
	color: #fff;
}

table {
	width: 630px;
}


table.standard {
	width: 630px;
	margin: 0px;
	border: 2px solid rgb(255,255,255);
	border-collapse: collapse;
}

table.standard td {
	margin: 0px;
	padding: 5px 10px;
	border: 1px solid rgb(255,255,255);
	font: 13px helvetica, arial, sans serif;
	background-color: rgb(231,224,213);
	color: #000;
}

tbody.standard td {
	font: 12px helvetica, arial, sans serif;
	text-align: left;
	background-color: rgb(246,239,228);
	color: #000;
}