/* 
Screen Stylesheet for http://www.dcolejewelers.com
created:	09/15/09 Andy http://www.iBecCreative.com
Updated: 	09/28/09 Joe, 10-12-09 JDB, 10-26-09 JDB, 06/22/10 Joe
*/
/* -------------- == Resets == -------------------- */
body, address, blockquote, dl, ol, ul, li, fieldset, form,h1, h2, h3, h4, h5, h6, p, pre {margin:0;padding:0;}
/* ---------- ==HTML & Body== --------------------- */
html {font-size:100.01%;height:101%;}
body { 
height:100%;
font:42.5%/16px 'Lucida Grande','Lucida Sans Unicode',Trebuchet,Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#fff url('../images/bkgFlat.jpg') center top no-repeat;
color:#003d4c;
}
/* ---------- == Links == ------------------------ */
a,a:visited {text-decoration:none;color:#068a7f;}
a:active, a:focus, a:hover {color:#003d4c;text-decoration:underline;outline:none;}
a img {border:0;}
/* ---------- == Typography == ------------------- */
abbr,acronym {text-decoration: none;border:0}
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding:.6em 0;}
h1 {font-size:28px;}
h2 {font-size:26px;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
address,blockquote,div,dd,dt,li,p,th,td {font-size:13px;}
dt {font-weight:bold;}
pre {font-size: 12px;}
strong, h3, h5 {color:#003d4c;}
q:before,q:after {content:'';}
.style2 {margin:0; font-size:1.6em; font-weight:bold; color:#0ca89a; font-weight:bold;}
.banner {
    text-transform:lowercase;
    background:#fff;
    padding:2px 10px;
    margin:00;
    font-weight:bold;
    font-size:24px;
    color:#0ca89a;}
    .banner img { margin-top:-3px; }
/* ---------- == Lists == ------------------- */
dl, ol, ul {margin-left: 60px;}
li, ol, dd, dt {vertical-align:middle;list-style-position: inside; list-style:none}
li {padding:10px 0 10px 30px;font-weight:bold;background:url('../images/bullet.png') 0 9px no-repeat;}
	li a {color:#003d4c;}
/* ---------- == Tables == ------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; }
caption, th, td {text-align: left;vertical-align:top;}
/* ---------- == Template == --------------------- */
#wrap {width:900px;margin:0 auto;background:#fff;}	
	#header {position:relative;background:#01727a url('../images/dLogo.png') center no-repeat; height:170px;}
		#logoLink {
		    float:left;
		    display:block;
		    margin:0 auto;
		    width:560px;
		    height:170px;
		    text-align:center;}
			#logoLink span {position:absolute; top:-999em;left:-999em;}			
	#signUpBar {
	    background:#0ca89a;
	    width:900px;
	    height:40px;
	    clear:both;
	    position:relative;}		
    #content {clear:both; min-height:600px;background:#fff;}    
	#banner {display:inline;
		background:#fff url('../images/strip.png') repeat-x 0 0;
		width:894px;
		margin:0 0 0 6px;
		padding:5px 0 0;		
		height:30px;
		float:left; }		
		#page_home #content {min-height:300px;}
		#left {
		display:inline; 
		float:left;
		width:480px;
		margin:0 20px;
		}
			#ourStory #left {width:430px;}
			#left #page_jewelry {width:490px;margin:0 10px 0 10px;}
			#left li {
			padding:10px 0 10px 30px;
			font-weight:bold;
			background:url('../images/bullet.png') 0 10px no-repeat;
			color:#003d4c; }
				#left li a {color:#003d4c;}
			#left p {text-align:justify;}
			
			/* --- People and Jewelry Gallery --- */
			#left #centerpiece {
			margin:10px;
			width:390px;}
			#left p.prevNext {
			    display:block;
			    clear:both;
			    padding:0 0 0 0;
			    margin:-13px 0 0 0; }
			    #left p.prevNext a {
			        font-style:italic; 
			        font-size:12px; }
			    #left p.prevNext a.next { float:right; margin-right:10px; }
			#huy-magnifier { width:300px; height:250px;border:1px solid #003d4c;}
			#right {width:380px;float:right;}
				#ourStory #right {width:403px;}
				
			/* Thumbnail lists */
			ul#picturelist {
                background:none;
                /*left:-25px;*/
                list-style-type:none;
                margin:0;
                /*position:relative;*/
                text-align:left;}
                ul#picturelist li.thumb,
                ul#extraViews li {
                    background:none;
                    padding:0 16px 0 0;
                    list-style-type:none; }
                ul#picturelist li.thumb {
                    display:inline-block;  /*  IE.CSS[display:inline]  */
                    vertical-align:top;
                    float:left;
                    height:90px;
                    line-height:normal;
                    text-decoration:none;
                    width:67px; }
                    ul#picturelist li.thumb a {
                        background-color:white;
                        border:0 none;
                        display:block;
                        margin:0;
                        padding:10px;
                        text-decoration:none; }
                        ul#picturelist li.no-resize a img {
                            height:75px;
                            width:50px;}
                        ul#picturelist li.thumb a img {
                            border:1px solid #DDD;
                            width:67px;}
                            
            ul#extraViews { display:none; margin:0;}
                ul#extraViews li { width:35px; float:left; }
                ul#extraViews a { padding:5px; }
                ul#extraViews img { border:1px solid #DDD; }
            
			/* image links on bottom right sides */
			a.bridalLink,
			a.galleryLink {
                display:block;
                width:361px;
                height:88px;
                margin: 12px 0 0 19px;
                text-align:right;
                background: url('../images/gallery_links.jpg') 0 0 no-repeat;
                overflow:hidden; }
			a.galleryLink {background-position:0 -89px;}
            a.bridalLink:hover {background-position:-361px 0;}
            a.galleryLink:hover {background-position:-361px -89px;}
            
	#footer {
		background:none;
		clear:both;
		padding:16px 0;
		font-size:14px;
		font-weight:bold;
		color:#068a7f; }
		
/* ------------ == Titles == ------------------ */
h1#title {position:relative;padding:0;width:132px;height:42px;font-size:10px;}
h1#title img {position:absolute;top:0;left:0;}
.imgTitle {padding:5px 0 0;}
/* ------------ == HomeStyle == ------------------ */
	.homeLeft {
		background:#fff url('../images/owners.png') 0 0 no-repeat;
		width:336px;
		height:107px;
		float:left;
		display:block;
		margin-top:303px;
		border-bottom:5px solid #057168; }
		#owners {
		    background:url('../images/homeOwner.png') no-repeat;
		    width:336px;
		    height:410px;
		    float:left;
		    clear:both;}
	.homeCenter {
		background:#fff url('../images/rings.png') 0 0 no-repeat;
		width:303px;
		height:107px;
		float:left;
		display:block;
		margin-top:303px;
		border-bottom:5px solid #057168;
		}		
		#oneRing {background:url('../images/homeRing.png') no-repeat; width:303px;height:410px;float:left;}		
	#homeRight {
		background:#dcdcdc;
		width:261px;
		height:410px;
		float:left;
		border-bottom:5px solid #057168;
		}		
			#homeRight p {color:#057168;padding:5px 9px;font-size:11px;}
		.active a:hover {opacity:0.4;-moz-opacity:.4;filter: alpha(opacity=40); /* IE */}
/* --- Masthead Image and Caption--- */
	#interHead {
	    position:relative;
	    background:url('../images/historyHead.png') 0 0 no-repeat;
	    width:900px;
	    z-index:10;}
	    #interHead img {z-index:10; }
	    #interHead p {
	        position:absolute;
	        display:block;
	        width:880px;
	        bottom:0;
	        left:0;
	        background:#000;
	        padding:2px 10px;
	        margin:0;
	        z-index:20;
	        opacity:0.6;
			-moz-opacity:.6;
			filter: alpha(opacity=60); /* IE */
			color:#fff;
			text-align:right;
			font-size:13px; }
/* -----  Mini Menu  ----- */
#wrap ul#minimenu {
    position:absolute;
    right:0;
    top:0;
    width:328px;
    height:24px;
    z-index:1200;
    list-style:none;}
    #wrap ul#minimenu li {
        float:left;
        z-index:1200;
        padding:0;
        height:24px;
        list-style:none;
        background-image:none;
        background:#0ca89a;}
    ul#minimenu a {
        display:block;
        height:24px;
        background-repeat:no-repeat;
        z-index:1200;
        text-decoration:none;
        text-transform:lowercase;
        font-weight:bold;
        font-size:22px;
        color:#f1e39b;
        text-indent:-5000px;}
        ul#minimenu li.nav-home a {width:82px;background-image:url('../images/nav_home.png'); }
        ul#minimenu li.nav-news a {width:63px; background-image:url('../images/nav_news.png'); }
        ul#minimenu li.nav-contact a { width:78px;background-image:url('../images/nav_contact.png'); }
        ul#minimenu li.nav-connect a {width:105px; background-image:url('../images/nav_connect.png'); }
    ul#minimenu a:active, ul#minimenu a:hover, ul#minimenu li.hover a,
    ul#minimenu li:hover a, ul#minimenu a.current { background-position:0 -24px; }
        /* -- Submenu -- */
        ul#minimenu ul {
	        position:absolute;
            top:-999em;
            left:-999em;
            z-index:1000;
            width:auto;
            padding:7px;
            margin:0;
            background:#003d4c;}
        #wrap ul#minimenu li.hover ul,
        #wrap ul#minimenu li:hover ul {top:auto;left:auto;}
        #wrap ul#minimenu li.nav-contact ul li { width:120px; }
        #wrap ul#minimenu li.nav-connect ul li { width:51px; }
            #wrap ul#minimenu li.hover li a,
            #wrap ul#minimenu li:hover li a { text-decoration:none; }
            #wrap ul#minimenu ul li { 
                float:none;
                display:block;
                height:22px;
                padding:0 6px;
                z-index:1000;
                background:#003d4c;}
            #wrap ul#minimenu ul li.nav-facebook {padding:0 6px 7px 34px;background:transparent url('../images/btn-facebook.png') no-repeat 0 0; }
            #wrap ul#minimenu ul li.nav-twitter {padding:0 6px 7px 34px; background:transparent url('../images/btn-twitter.png') no-repeat 0 0; }
             #wrap ul#minimenu ul li.nav-blog {padding:0 6px 7px 34px; background:transparent url('../images/btn-blog.png') no-repeat 0 0; }
                #wrap ul#minimenu ul li a {
                    font-weight:normal;
                    line-height:22px;
                    font-size:12px;
                    text-transform:none;
                    background-image:none;
                    z-index:1000;
                    color:#fff;
                    width:auto;
                    text-indent:0;}
                #wrap ul#minimenu ul li a:hover, #wrap ul#minimenu ul li a:active,
                #wrap ul#minimenu ul li:hover a, #wrap ul#minimenu ul li.hover a{ text-decoration:underline; color:#f1e39b;}			
/* -----  Navigation  ----- *//* (Joey redid this.) */
#wrap ul#menu  {
    position:relative;
	width:900px;
    margin:0 auto;
    height:28px;
    z-index:1000;
    list-style:none;
    background:#00727A;}
	#wrap ul#menu li {
	    float: left;
	    z-index:1000;
	    padding:0;
	    height:23px;
	    list-style:none;
	    background-image:none;}
	ul#menu a {
        background-repeat:no-repeat;
        z-index:1000;
        text-decoration:none;
        text-transform:lowercase;
        padding:0 68px 0 0;
        font-weight:bold;
        font-size:22px;
        color:#fff;}
    #wrap ul#menu li.experts a { padding-right:0; }	
	ul#menu li a:hover,ul#menu li a:active,ul#menu li a.current,
	ul#menu li.hover a,	ul#menu li:hover a{ color:#f1e39b; }
	    /* -- Submenu 1 -- */
	    ul#menu ul {
	        position:absolute;
            top:-999em;
            left:-999em;
            z-index:1000;
            width:auto;            
            min-width:160px;
            padding:10px;
            margin:-2px 0 0;
            background:#003d4c;}
        #wrap ul#menu li:hover ul,#wrap ul#menu li.hover ul {top:auto;left:auto;}
        #wrap ul#menu li.engagement-rings ul { width:260px; }
            #wrap ul#menu li.hover li a,#wrap ul#menu li:hover li a { text-decoration:none; }
            #wrap ul#menu ul li { 
                float:none;
                display:block;
                height:22px;
                padding:0 6px;
                z-index:1000;}
                #wrap ul#menu ul li a {
                    padding:0;
                    font-weight:normal;
                    line-height:22px;
                    font-size:12px;
                    text-transform:none;
                    z-index:1000;
                    color:#fff;}
                #wrap ul#menu ul li a:hover, #wrap ul#menu ul li a:active, #wrap ul#menu ul li:hover a,
                #wrap ul#menu ul li.hover a{ text-decoration:underline; color:#f1e39b;}
	/* --- Footer Menu --- */
	#footer ul {margin:0;}
		#footer li {display:inline;padding:0;font-weight:bold;background-image:none;color:#068a7f;}
		#footer li a {color:#068a7f;text-transform:lowercase;}
		#footer li a:active, #footer li a:focus, #footer li a:hover {color:#003d4c;}
/* ---------- == Forms == ------------------------ */
label {cursor:pointer;text-align:right;}
fieldset {border:0;}
input,label,select,textarea {line-height:1;font-size:13px;font-family:inherit;}
input[type="image"]{margin:0;padding:0;}
input[type="radio"], input[type="checkbox"] {position:relative;top:1.5px;}
input[type="text"],textarea {padding:7px 6px 6px;border: 2px solid #057168;}
input {height:18px;}
textarea {overflow:auto;}
/* --- Search Form --- */
#header form {
position:absolute;
top:22px;
right:0;
width:226px;
margin:10px 0 0;}
#header form label, #header form input.submit {position:absolute;top:-999em;left:-999em;}
#header form input.search {width:210px;font-weight:bold;color:#003d4c;}
/* --- Signup Bar Form --- */
#signUpBar label {
padding:6px 14px 0 0;
line-height:14px;
text-align:left;
font-weight:bold;
color:#f1e39b;
position:absolute;
top:0;
left:550px; }
#signUpBar input.email {
width:150px;
padding:4px 5px 5px 5px;
border:0;
font-weight:bold;
position:absolute;
top:6px;
right:58px; }
#signUpBar input.submit {
position:absolute;
top:6px;
right:8px;
display:block;
border:0;
text-indent:-5000px;
width:50px;
height:28px;
background:transparent url('../images/signup.gif') no-repeat 0 0;}
/* ---- Contact Form --- */
.formbuilder legend { display:none; }
.formbuilder label { cursor:pointer; margin-top:6px;}
.formbuilder fieldset {border:0; }
.formbuilder input,	.formbuilder label,.formbuilder select,
.formbuilder textarea { font-size:inherit;font-family:inherit; }
.formbuilder div { position:relative; border:1px solid #fff; /* This is to give IE6 'haslayout' */}
.formbuilder div div { }
#center .formbuilder div ul { /* For lists in static text */   margin:0 20px; }
#center .formbuilder div p { /* For paragraphs in static text */  margin:0; }
.formbuilder div label {
position:absolute;
top:6px;
left:0;
display:block;
width:140px;}
.formbuilder div label.error,
div.error_message{color:red; font-style:italic;width:350px;text-align:left; }
.formbuilder div input,
.formbuilder div select,
.formbuilder div textarea,
.formbuilder div.captcha img,
.formbuilder div label.error { 
position:relative;
top:0;
left:0;
margin:5px 0 5px 155px;
display:block;}
.formbuilder div div { margin-left:160px; }
.formbuilder div input,.formbuilder div textarea { width:280px; padding:4px 5px;}
.formbuilder div textarea { height:140px; }
.formbuilder div input,
.formbuilder div textarea,
.formbuilder div.captcha img { border:1px solid #ddd; }
.formbuilder div.captcha input[type='hidden'] {  border:0;  display:none; }
.formbuilder div input:focus,
.formbuilder div textarea:focus { border:1px solid #0ca89a; }
.formbuilder input[type='checkbox'] { width:auto;height:auto; }
.formbuilder div.submit input {
background:#0ca89a;
font-size:14px;
color:#f1e39b;
font-weight:bold;
border:0;
padding:4px 0;
height:30px;
width:100px;}
/* --- News Templates --- */
h1#NewsPostDetailTitle {margin-bottom:0;padding-bottom:0;font-size:26px;}