@charset "utf-8";

body {background:#efeadc url(../images/stars.gif);margin:0;color:#7e6f5c;font-family:"Myriad Pro","Trebuchet MS";font-size:12px}
a {text-decoration:none;color:#F00;}
p {margin:15px 0;line-height: 1.5em}
address {font-style:normal;font-weight:bold;margin:0 0 0 120px}
img {border:none}

/* LANDING */

#Landing {background:url(../images/welcome_page.jpg) no-repeat;width:847px;height:866px;margin:50px auto;position:relative}
#Landing #Content {width:270px;height:240px;position:absolute;top:220px;left:206px;padding:0 30px 30px 30px;text-align:center;background:none !important}
#Landing h1 {margin:0 0 15px 0;height:auto !important}
#Landing a {
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px
}

/* HEADINGS */

h1,h2,h3,h4,h5,h6 {color:#e45d30}
h1 {text-align:center;height:100px}
h2 {margin:15px 0}
h3 {margin:15px 0}
h4 {margin:15px 0}
#SideBar h2 {font-weight:normal;text-transform:uppercase;color:#c6bea9;border-bottom:1px solid #f7f4ec}
#Main h2 {font-weight:normal;height:45px;background:url(../images/heading.gif) no-repeat top left;padding:7px 0 0 10px}

h2.Dolphin {height:40px;line-height:40px;padding:0 0 0 55px;background:url(../images/small_dolphin.gif) no-repeat top left}
h2.Monkey {height:40px;line-height:40px;padding:0 0 0 55px;background:url(../images/small_monkey.gif) no-repeat top left}
h2.Butterfly {height:40px;line-height:40px;padding:0 0 0 55px;background:url(../images/small_butterfly.gif) no-repeat top left}

/* LAYOUT */

#Site {width:870px;margin:60px auto 60px auto}
#Header {width:870px;height:502px;position:relative}
#Content {background:url(../images/background_repeat.png) repeat-y;width:870px;padding:1px 0}
#Center {margin:0 auto;width:680px;}
#Footer {width:870px;background:url(../images/footer.png) no-repeat top left;padding:140px 0 0 0;color:#666;text-align:center;font-size:10px}

/* PAGE TITLES */

#PageTitle {width:300px;height:110px;position:absolute;top:360px;left:285px;z-index:100}
#PageTitle.home {background:url(../images/heading_about.png) no-repeat top left}
#PageTitle.shop {background:url(../images/heading_shop.png) no-repeat top left}
#PageTitle.licensing {background:url(../images/heading_licensing.png) no-repeat top left}
#PageTitle.fabric {background:url(../images/heading_fabric.png) no-repeat top left}
#PageTitle.contact{background:url(../images/heading_contact.png) no-repeat top left}

/* DEFINITION LISTS */

dl {margin:15px}
dt {float:left;line-height:24px;text-align:right;width:160px;color:#e45d30;padding:0 15px 0 0;font-weight:bold}
dd {line-height:24px}
dd small {color:#e45d30}

/* CLASSES */

.ClipLeft {float:left;margin:0 15px 15px 0;}
.ClipRight {float:right;margin:0 0 15px 15px;}
.Clear {clear:both}

/* FORMS */

form {padding:0;margin:10px 0}
fieldset {margin:0 0 10px 0;border:1px solid #c6bea9;padding:0;}
fieldset p {margin:10px}
label {text-align:right;width:160px;float:left;padding:0 15px 0 0;color:#e45d30}
legend {font-weight:normal;padding:3px 5px 1px 5px;color:#e45d30;margin:0 0 0 8px;font-size:14px;}
fieldset input, fieldset textarea {width:275px;padding:1px}
textarea {width:278px !important;}

/* SHOP PAGE */

#boxarea { width:690px; padding:0 }
#boxarea img {border:none; padding:0 }
#boxarea .boxleft {margin:0 10px 10px 0; float:left; width:165px; height:150px; padding:0}
#boxarea .boxright {margin:0 0 10px 0; float:left; width:165px; height:150px; padding:0} 
#boxarea .boxmain {margin:0 10px 10px 0; float:left; width:340px; height:310px; padding:0}
#boxarea .boxmaintext {margin:0 10px 10px 0; float:left; width:340px; height:330px; padding:0}
#boxarea .boxmain2 {margin:0 0 10px 0; float:left; width:340px; height:310px; padding:0}
#boxarea .boxmain2text {margin:0 0 10px 0; float:left; width:340px; height:330px; padding:0}
.boxleftcontainer { width:175px; height:320px; float:left; margin:0; padding:0 }
.boxrightcontainer { width:165px; height:320px; float:left; margin:0; padding:0 }
.boxtopcontainer { width:690px; height:160px;margin:0; padding:0 }
.boxmiddlecontainer { width:690px; height:320px;margin:0; padding:0 }

#enamboxarea { width:690px; padding:0 }
#enamboxarea img {border:none; padding:0 }
#enamboxarea .boxleft {margin:0 10px 10px 0; float:left; width:165px; height:200px; padding:0}
#enamboxarea .boxright {margin:0 0 10px 0; float:left; width:165px; height:200px; padding:0} 
#enamboxarea .boxmain {margin:0 10px 10px 0; float:left; width:340px; height:310px; padding:0}
#enamboxarea .boxmaintext {margin:0 10px 10px 0; float:left; width:340px; height:330px; padding:0}
#enamboxarea .boxmain2 {margin:0 0 10px 0; float:left; width:340px; height:310px; padding:0}
#enamboxarea .boxmain2text {margin:0 0 10px 0; float:left; width:340px; height:330px; padding:0}
#enamboxarea .boxmain2text p, #enamboxarea .boxmaintext p, #enamboxarea .boxright p, #enamboxarea .boxleft p {margin:0; height:20px; padding:0; font-size:10px}
.enamboxleftcontainer { width:175px; height:250px; float:left; margin:0; padding:0 }
.enamboxrightcontainer { width:165px; height:250px; float:left; margin:0; padding:0 }
.enamboxtopcontainer { width:690px; height:285px;margin:0; padding:0 }
.enamboxmiddlecontainer { width:690px; height:320px;margin:0; padding:0 }
