/*// GLOBAL STYLES //*/

/**************************************************
font-weight:bold --> font-weight:normal


****************************************************/
/* force right scrollbar */
html { 
    height: 100%;
    margin-bottom: 1px;
}

* {margin:0; padding:0;}
body {font-family:century gothic, arial, sans-serif; font-size:62.5%; background: #5B85AD;  /* this is the actual color of the lotus, should we switch it? background: #5B85AD */}
h1, a {color:#5B85AD; font-weight:normal;}
h2, a {color:#FF6600; font-size:15px; font-weight:normal;}
h1 {margin:0 15px 10px 0; background:url(images/hr.jpg) bottom repeat-x; padding-bottom:15px; width:60%; font-size:2em;}
a:hover {text-decoration:none;}

/*// CONTAINER BLOCKS //*/
#wrap {width:900px; margin:15px auto; background:#fff;}
#navigation {overflow:hidden; margin:0 0 0 240px;}
#topnav {margin:130px 0 0 50px; position:absolute; height:50px;}
#subnav {margin:170px 0 0 0;}
#content {overflow:hidden; padding:20px 40px;}
#jewelry, #links, #contact {overflow:hidden;}
#info {width:200px;}
#item {margin-bottom:30px;}
#header {background:url(images/headerbg.jpg) no-repeat; height:207px;}
#footer {background:url(images/footerbg.jpg) no-repeat; height:60px; overflow:hidden;}

/*// CONTAINER STYLES //*/
#content p {font-size:1.25em; margin:0 0 15px 0; width:60%; line-height:1.5em; font-family:Arial, Helvetica, sans-serif;}

#navigation ul {text-align:center;}
#navigation ul li {display:inline; padding:0 10px;}
#navigation ul li a {font-size:1.6em; font-weight:normal; text-decoration:none;}

#topnav li a {color:#FF6600; padding-bottom:20px;}
#topnav li a:hover {color:#5B85AD; background:url(images/navdot.jpg) bottom center no-repeat;}
#topnav li a.current {background:url(images/navdot.jpg) bottom center no-repeat;}

#subnav li a {color:#5B85AD; padding-top:18px;}
#subnav li a:hover {color:#FF6600;}

#info p {margin:0 0 15px 10px; width:180px;}

#form div {background:#5B85AD; color:#fff; padding:10px; font-size:1.35em; margin:10px 0;}
#form label {display:inline-block; width:80px;}
#form span {padding-right:12px;}
#form input.field {padding:2px; width:250px;}
#form textarea {width:350px; height:125px;}

#linksnav ul {margin-top:-10px;}
#linksnav ul li {padding:3px 0;}
#linksnav ul li a {color:#FF6600; font-size:1.6em; text-decoration:none;}
#linksnav ul li a:hover {text-decoration:underline;}

#linkscontent div {margin-bottom:20px; font-size:1.35em; line-height:1.4em;}
#linkscontent span {display:block;}
#linkscontent a {color:#5B85AD; font-weight:normal;}

#stores h2, #linkscontent h2, #info h2 {color:#FF6600; font-size:1.6em;}
#stores p, #linkscontent p, #info p {color:#5B85AD;}
#stores a:hover, #linkscontent a:hover {text-decoration:none;}

#jewelnav, #linksnav, #info {float:left; width:200px;}
#jewelnav ul.top {margin-bottom:20px;}
#jewelnav ul ul {margin:0 0 0 15px;}
#jewelnav ul li {color:#FF6600; list-style-type:none; font-size:16px; font-weight:normal;}
#jewelnav ul ul li {color:#5B85AD; font-style:italic; font-size:14px;}
#jewelnav ul ul ul li a {color: #5B85AD; font-style:normal; font-size:12px; text-decoration:none;}
#jewelnav ul ul ul li a:hover {text-decoration:underline;}

#item, #linkscontent, #form {float:right; width:580px; overflow:hidden; color:#5B85AD;}
#item img {float:left;border: 1px solid #5B85AD;}
#item div {float:right; width:300px;}
#item h2 {font-size:15px; color:#5B85AD;}
#item h2.price {color:#FF6600;}
#item p {margin:5px 0 10px 0; font-size:1.25em;}
#item ul {margin:0 0 10px 15px;}
#item ul li {font-size:1.25em; padding:3px 0;}


.imageborder {border: 1px solid #5B85AD;}


#philosophy h2 {font-size:2.2em; font-family:Georgia, "Times New Roman", Times, serif; color:#555; text-align:center;margin:0 0 10px 0; width:450px;}

#footer ul {margin:25px 0 0 40px; float:left; color:#5B85AD;}
#footer ul li {display:inline; list-style-type:none;}
#footer ul li label {font-size:1.6em; font-weight:normal; color:#5B85AD; margin-right:10px;}
#footer input.emailfield {border:1px solid #ccc; padding:2px; width:175px;}
#footer input.emailbut {background:url(images/emailbut.jpg) no-repeat; height:20px; width:19px; padding:0; border:0; cursor:pointer; margin-left:2px;}

/*// CLASSES //*/
.right {float:right;}
.left {float:left;}