@charset "utf-8";
html {font-size:100%;}
*:first-child + html #topnav {position:relative;}/*IE/7.0*/ *:first-child + html #content1 {margin: 38px auto 0 auto;overflow:hidden;}/*IE/7.0*/
* html #content1 {overflow:hidden;}/*IE/6.0*/
*:first-child + html #column2 {padding-top:15px}/*IE/7.0*/
* html #column2 {padding-top:15px}/*IE/6.0*/
* html #containerArea {overflow-x:hidden;}/*IE/6.0*/

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #5e3e2a;
	font: 0.8em/1.5em verdana, arial, Helvetica, sans-serif;
	background: url(../images/background.gif) repeat; display:block; 
}
#containerArea {
	width: 960px;
	margin: 0px auto;
	padding-bottom: 0px;
	background: #fff;
}
#header  {
	width: 960px;
	margin: 0 auto; /* this overrides the text-align: center on the body element. */
	background: url(../images/banner.jpg) no-repeat;
	height: 198px;
	z-index: 1;
}
#content1 {
	margin: 0px auto;
	width: 910px;
	padding-left: 30px;
	padding-right: 20px;
	overflow:auto;
	background: url(../images/contentBack.gif);
}

  #topnav {
	height: 34px;
	width: 960px;
	float: left;
	background: #5e3e2a;
	margin-top: 198px;
	border-top: 4px solid #cdc5a5;
	border-right: 1px solid #5e3e2a;
	border-left: 1px solid #5e3e2a; position:relative;
}
p {
	line-height: 1.5em;
	margin-right: 10px;
}

h1 {
	font: normal 170%/normal Verdana, Arial, Helvetica, sans-serif;
	color: #5e3e2a;
	margin-bottom: -5px;
}


h2 {
	color: #7b9d1e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 0px;
}
h3 {
	color: #5e3e2a;
	font: bold 110% Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
}
h4 {
	color: #000;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}
h5 {font-size: 100%;	font-weight: bold;	color: #5d332a;	margin-bottom: 0px;	margin-top: 5px;}


 a:link { color: #658410; }
 a:hover {color: #bba27a;}
 a:visited {color: #bba27a;}
#column0 {width:100%;} 
#column1 {
	width:650px;
	float: left;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#column1 h2 {
	font: 150% Arial, Helvetica, sans-serif;
	color: #7b9d1e;
}
#column1 p {
	line-height: 1.5em;

}
#column2 {
	padding-left: 10px;
	width:220px;
	float: left;
	margin-bottom: 20px;
	border-left: 2px dotted #7c5944;
}
#column2 h2 {
	font: 150%/1.75em Arial, Helvetica, sans-serif;
	background: #cdc5a5;
	color: #5e3e2a;
	padding-left: 10px;
}
#column2 p { padding-left: 5px; padding-right: 5px; 

}

#columnA {
	width:520px;
	float: left;
}
#columnB {
	width:350px;
	float: right;
	padding-top: 20px;
}
#columnC {
	width:430px;
	float: left;
	border-right: 1px dotted #a7c160;
	padding-right:20px;

}
#columnD {
	width:430px;
	float: right;
}
#box {
	width: 635px;
	border: 1px solid #a7c160;
	overflow:auto;
	padding-top: 10px;
	background: #cadaa0;
}

#box h2 {
	color: #5e3e2a;
	margin-top: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
}
#box p {
	padding-left: 20px;
	padding-bottom: 0px;
}
#box0 {
	width: 100%;
	border: 1px solid #a7c160;
	overflow:auto;
	padding-top: 10px;
	background: #cadaa0;
}

#box0 h2 { color: #5e3e2a; margin-top: 0px; padding-left: 20px; padding-bottom: 10px; font-weight: bold; 
}
#box0 p {
	padding-left: 20px;
	padding-bottom: 0px;
}
#boxA {
	width: 200px;
	float:left;
	padding-right: 5px;
	padding-top: 0px;
}
#boxA p {
	margin-top: 0px;
}

#boxB {
	width: 200px;
	float:left;
	padding-top: 15px;
}
#boxC {
	width: 190px;
	float:right;
	padding-right: 20px;
}
#boxC p {
	margin-top: 0px;
}

.photoBox {
	margin: 0px 10px 0px 0px;
	float: left;
}
.td_borderR { border-right: 1px solid #bba27a; }
.td_borderL { border-left: 1px solid #bba27a; }


.photoR {
	border: 1px solid #bba27a;
	margin: 0px 0px 30px 20px;
	float: right;
}
.photo_border { border: 1px solid #bba27a; }

.photoR_noBorder {
	margin: 0px 0px 20px 30px;
	float: right;
}
.photoL_noBorder {
	margin: 0px 20px 20px 0px;
	float: left;
}
#top {
	font-size: 85%;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.text-small {font-size: 80%;}
.name { font-size: 80%; color: #7c5944; line-height: 1.2em; text-align: right; font-style: italic; 
}
.testimonial1 {
	color: #7b9d1e;
}
.testimonial2 {
	color: #5e3e2a;
	font-size: 120%;
	border-bottom:dashed 1px #7b9d1e; padding-bottom:10px;"
}

li {
	line-height: 1.6em;
	list-style: url(../images/bullet.gif);
	margin-left: -20px;
}
.td1 { text-align: right; vertical-align: top; padding-right: 5px; }


#footer {
	font-size:85%;
	margin: 0px auto 0px;
	width: 960px;
	background: url(../images/footer.gif) no-repeat top;
	padding-bottom: 10px;
	height: 55px;
} 
#footer  p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	color: #5e3e2a;
}

/***********END PASTRY CRAFT************/

#column3 {
	padding-right: 20px;
	width:255px;
	float: left;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(file:///C|/Users/Toolie/Documents/a_websites/All-Creatures/images/box3.jpg) no-repeat right bottom;
	height: 250px;
}
#column3 h2 {
	font: 150%/1.2em Arial, Helvetica, sans-serif;
	padding-top: 80px;
	color: #17627f;
	padding-left: 40px;
}
#column3 p {
	padding-left: 40px;
}


/* END CLA */



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.photoL {
	float:left;
	margin: 0px 30px 0px 0px;
}


.text_home {
	font-size: 120%;
	line-height: 1.75em;
}
.text-green { color: #7b9d1e; }

.link {
	list-style-type: none;
	padding-left: 70px;
	list-style-position: inside;
}
.linkServices {
	list-style-type: decimal;
	margin-left: 70px;
	list-style-position: inside;
}
/*.view-cap { background: #06F; }

.view { border: medium dotted #06F; }*/
.view-cap, .view-container-border {
    background-color: #cadaa0;}