/* Start of CMSMS style sheet 'Mark August CSS Stylesheet' */
/* CSS For Mark August website 03-20-09 */

/* SITE SPECIFIC LAYOUT */

html,body,div{margin:0;padding:0px;border:0;}

div#box{
width:700px;
height:100%;
margin: 25px 0 0 50px;
}

.clearfix {
clear:both;
}

div#homelogo {
position: absolute;
top:122px;
left:250px;
z-index:2;
}

img.homelogo {behavior: url("uploads/iepngfix.htc") }

div#homecontent {margin:0px; padding:0px;}

div#menu{width: 100%; margin:0px;padding:0px;}

div#header {
margin:0px;
padding:0px;
background:url("uploads/images/backs/back_ext2.gif") repeat-y;
}


div#content{
padding: 0 0 0 3px;
margin:0px;
* margin-top: -4px;
background:url("uploads/images/backs/content_backgd.gif") no-repeat;
}

div#content{ color:#6F5F26;}

div#content table{margin:0px;width:98%;padding:0px;}
div#content td{text-align:center; width:33%;}

div#content td.imgtext {text-align:center; font-size: 16px; color:#6F5F26; padding-bottom:20px;line-height:1.0em;}

div #content p {margin: 0px; padding: 0 0 5px 10px;}

p.center {margin: 0px;text-align: center}

table.aboutus {padding:10px; width:100%;}
p.aboutus {margin-left:10px;}

div#footer{
margin-top: 0px;
padding-top: 50px;
padding-bottom: 50px;
background-color:#FFFFFF;
}

div#footer p {
margin: 0;
padding-bottom: 0px;
text-align: center;
font-size:1.1em;
color:#6F5F26;
line-height:1.3em;
}

/* Typography  */
address{padding: 3px 15px;font-style:normal}
body {
		text-align: left;
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 75%;
                line-height: 1em;
	}

div {
		font-size: 1em;
	}

img {
		border: 0;
	}
	
/* LINKS */
        #content	
        a,
	a:link 
	a:active {
         color: #65C8C6;
	  text-decoration: underline;
	}
	
	#content a:visited{
	color:#FFADB2;
        text-decoration: underline;
	}
	
	#content a:hover{
        color:#FFADB2;text-decoration:none;
        }

/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2.5em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h2 {
		font-size: 2em;
        line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0 15px;
	}
	h3 {
		font-size: 1.5em;
		line-height: 1.3em;
		margin: 0 0 1em 0;
		padding:0 0 0 10px;
		font-family: Georgia,Times New Roman, Times, serif;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0 10px;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	
h3.jewelry {color:#FF6633;}
h3.artisans {color:#FF9999;}
h3.celebration {color:#FF9900;}
h3.home {color:#CC9900;}
h3.soaps {color:#669999;}
h3.findus {color:#663399;}
h3.aboutus {color:#6699CC;}

/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1.3em;
		margin: 0;
		padding:0;
                line-height: 1.1em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
/* END TEXT */
	
/* LISTS */
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
/* Colors */
body{background-color: #FFE8F3;}


/* Forms */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 1em;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */

/* MENU ELEMENTS */
    #nav {
    background:url("uploads/images/nav/menu_bar.gif") no-repeat;
    width:700px;
    height:90px;
    margin:0;
    padding:0;
    }

    #nav span {
    display: none;
    }

    #nav li, #nav a {
    height:90px;
    display:block;
    }

    #nav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #nav1 {width: 87px;}
    #nav2 {width: 79px;}
    #nav3 {width: 80px;}
    #nav4 {width: 82px;}
    #nav5 {width: 79px;}
    #nav6 {width: 83px;}
    #nav7 {width: 79px;}
    #nav8 {width: 131px;}

    #nav1 a:hover {background:url("uploads/images/nav/menu_bar.gif") 0px -90px no-repeat; }
    #nav2 a:hover {background:url("uploads/images/nav/menu_bar.gif") -87px -90px no-repeat; }
    #nav3 a:hover {background:url("uploads/images/nav/menu_bar.gif") -166px -90px no-repeat; }
    #nav4 a:hover {background:url("uploads/images/nav/menu_bar.gif") -246px -90px no-repeat; }
    #nav5 a:hover {background:url("uploads/images/nav/menu_bar.gif") -328px -90px no-repeat; }
    #nav6 a:hover {background:url("uploads/images/nav/menu_bar.gif") -407px -90px no-repeat; }
    #nav7 a:hover {background:url("uploads/images/nav/menu_bar.gif") -490px -90px no-repeat; }
    #nav8 a:hover {background:url("uploads/images/nav/menu_bar.gif") -569px -90px no-repeat; }
/* End of 'Mark August CSS Stylesheet' */

