@charset "utf-8";

/************* TYPOGRAPHY ********/
body { font: 100%/1.25  arial, helvetica, trebuchet ms, verdana, sans-serif;  
color: #000; line-height: 1.5; letter-spacing: 1.5px;}

h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 130%;}

a {text-decoration: none;}
#footer p span {font-size: 100%;}

.ditto_item span {font-weight: 700;}
.ditto_item #more {text-align: right; font-weight: 400; font-size: 90%; }
.ditto_item #more p {text-decoration: underscore;}


/************* LAYOUT ********/

body {width:100%; padding: 0px 0px;}
* html .wrapper{height:100%}
.wrapper{ position:relative; padding:0 ; width:800px; margin: auto; min-height:100%; }

p {padding: 0px 0px;}
h1, h2, h3 {margin: 0px; padding: 5px 0px; }
ol {margin-left: 25px;}
img {padding: 10px;}

#masthead { width: 800px; margin: auto; padding: 0px; }
#masthead a {padding: 0px;}
#masthead img {padding: 0px 0px 0px 0px; margin-top: 35px;}
#masthead #phone { padding-top: 5px; margin-right: 15px; float: right; }



#maincontent {width: 750px; padding: 0px 0px 0px 0px; clear: both;}
#maincontent p, h1, h2, h3, h4, h5, h6, ol, ul {padding-left: 175px;}
#maincontent p { padding-bottom: 10px;}
#page-13 #maincontent table {margin-left: 165px;}

#page-14 p, #page-14 h1, #page-14 h2, #page-14 h3, #page-14 h4, #page-14 h5, #page-14 h6, #page-14 ul {padding-left: 175px;}
#page-10 ul ul {padding-left: 25px;}
#page-13 a img {padding: 1px;}
#page-12 #maincontent img {padding: 5px; border: solid red 1px;}
#page-12 #pagenameimg img {border: none;}

#pagenameimg {float: left;}
#maincontent #pagenameimg img {padding: 15px 0px 0px 50px; margin-left: 0px; clear: right;}


#makeitsummarywrapper {padding-bottom: 25px;}
.makeitsummary {padding: 5px 0px 5px 200px;}
.ditto_item_info {padding-left: 175px;}
.ditto_item img {float: left; margin: 5px;}


#footer {clear: both; }
#footer { width: 800px; margin: auto;  overflow: hidden; margin-top: 15px;}
#footer p {clear: both; padding: 0px; }

/*************  LAYOUT - EDITOR STYLES **********/

.textleft { padding: 15px; width: 25%; float: left; margin-right: 10px; border: 1px solid #000;}
.textright { padding: 15px; width: 25%; float: right; margin-left: 10px; border: 1px solid #000;}
.imageleft {float: left;}
.imageright {float: right;}
.imagecenter {display: block; margin:0 auto;}


/********** DROP SHADOW ON WRAPPER ********************/

#edgeL{
	position:absolute; bottom:0; left:-10px; width: 10px; height:100%;
  background:url(../../assets/images/sitegraphics/transparent-border7.png) repeat-y 0 0;}
* html #edgeL { background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://hemmadesign.com/assets/images/sitegraphics/transparent-border7.png',sizingMethod='scale');}
#edgeR{
	position:absolute; bottom:0; 
	right:-10px;/* hide background jog in IE6*/
	width: 10px; height:100%; background:url(../../assets/images/sitegraphics/transparent-border7.png) repeat-y 0 0;}
* html #edgeR {	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://hemmadesign.com/assets/images/sitegraphics/transparent-border7.png',sizingMethod='scale');}

* html #edgeR,* html #edgeL{height:1000em}/* for ie6- height bigger than page will ever be*/

/** .clearfix:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; } **/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from ie-mac */ 
    

/************* COLORS & Images ********/
body {background: #white;}
.wrapper {background-color: #fff;}
a {color: red; }
a:hover {color: blue; }

.texthead { color: #fff; }
.highslide-caption {color: #666;}

#masthead { background-color: #white; }

#footer { background: #9EDDFA; }
#footer p {color: red; font-size: 75%; text-align: center; }
#footer a {color: red;}
#footer a:hover {color: white; background-color: red; }
#footer p span {color: #666;}
#footer span a {color: #666;}

#page-10 a {color: #000;}
#page-10 a:hover {background-color: red; color: white;}


#page-12 {background: url(../../assets/images/sitegraphics/RedPageRepeat.gif) repeat;}
#page-13 {background: url(../../assets/images/sitegraphics/YellowPageRepeat.gif) repeat;}
#page-14, .parent-14 {background: url(../../assets/images/sitegraphics/BluePageRepeat.gif) repeat;}
#page-15, .parent-15 {background: url(../../assets/images/sitegraphics/RedPrintPageRepeat.gif) repeat;}
#page-16, #page-10 {background: url(../../assets/images/sitegraphics/YellowPrintPageRepeat.gif) repeat;}
#page-17 {background: url(../../assets/images/sitegraphics/FindUsPageRepeat.gif) repeat;}
#page-2, #page-3 {background: url(../../assets/images/sitegraphics/BlueCheckRepeat.jpg) repeat;}