/* Design + CSS/HTML by RossInteractive.com */

html { background: #1d5f79 url(../img/body-bg.jpg) repeat-x; }
body { color: #555; font: .8em/1.3 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body#temp { background: url(../img/gal/temp-bg.jpg) no-repeat 50% 0; }
body#b1 { background: url(../img/body-bg1.jpg) no-repeat 90% 0; }
body#b2 { background: url(../img/body-bg2.jpg) no-repeat 98% 0; }
body#b3 { background: url(../img/body-bg3.jpg) no-repeat 98% 0; }
body#b4 { background: url(../img/body-bg4.jpg) no-repeat 85% 0; }
body#b5 { background: url(../img/body-bg5.jpg) no-repeat 95% 0; }
body#b6 { background: url(../img/body-bg6.jpg) no-repeat 95% 0; }
body#b7 { background: url(../img/body-bg7.jpg) no-repeat 95% 0; }


/*-------------------------------------------------
=TEXT / STYLES
-------------------------------------------------*/
a { color: #0d6d92; text-decoration: none; -webkit-transition: color .4s ease-in; }
a:hover, a:focus { color: #5fbfe5; text-decoration: underline; }
p { margin: .1em 0 1em; }
small { font-size: 90%; }
strong { font-weight: bold; }
sup { font-size: 70%; }
.firstH { margin-top: 0; padding-top: 0; }
.cList li { padding-left: 15px; background: url(../img/bullet.gif) no-repeat 0 .4em; margin: .1em 0 1em; }

h1, h2, h3, h4, h5, h6 { color: #333; line-height: 1.2; margin: .75em 0 .1em; font-size-adjust: 0.47; font-family: 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif; }
h1 { font-size: 1.4em; }
h2 { font-size: 23px; color: #07384a; font-weight: normal; margin: 1.5em 0 .5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.2em; padding: 1em 0 .25em; margin: 0; }



/*-------------------------------------------------
=HEADER
-------------------------------------------------*/
#subhead { width: 100%; padding: 7px 0; background: #07374a; background: rgba(7, 56, 75, .85); box-shadow: -3px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: -3px 1px 3px rgba(0, 0, 0, .25); -webkit-box-shadow: -3px 1px 3px rgba(0, 0, 0, .25); border-bottom: 1px solid #144051; z-index: 12121; }
#subhead p { width: 970px; margin: 0 auto; font-size: 11px; text-align: right; color: #7cb9d0; }
#subhead a { color: #8ed1eb; }
a.cFB { padding: 4px 25px 4px 0; background: url(../img/icon-FB.gif) no-repeat 100% 50%; }

header { width: 970px; height: 105px; margin: 0 auto; position: relative; }
header h2, header h4 { margin: 0; }
header h4 { width: 205px; height: 19px; display: block; text-indent: -9999em; overflow: hidden; position: absolute; right: 0; bottom: 22px; background: url(../img/tagline-Moment.png) no-repeat; _background: url(../img/tagline-Moment.gif) no-repeat; }

/* Regular logo */
header h2 a { width: 186px; height: 69px; display: block; text-indent: -9999em; overflow: hidden; position: absolute; left: 0; bottom: 19px; background: url(../img/logo-Markmans.png) no-repeat; _background: url(../img/logo-Markmans.gif) no-repeat; }



/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
#wrap { width: 970px; margin: 0 auto; overflow: hidden; }
#main { width: 776px; float: left; }
#contentWrap { width: 776px; background: #FFF; margin: 0 0 10px; overflow: hidden; _float: left; position: relative; }
.home #contentWrap { background: transparent; }

#content { width: 529px; padding-left: 1px; float: left; display: inline; margin: 25px 15px 30px 36px; overflow: hidden; }
#content p { line-height: 1.5; }
#content.cWide { width: 709px; padding-left: 1px; }
#content.c515 { width: 515px; margin-top: 0; overflow: visible; }
#content.cWide p, #content.cWide .cList li, #content.cWide h5 { padding-right: 160px; }
#content.cWide h1 { padding-right: 100px; }
#content h1, h1.introH1 { color: #555; font-size: 15px; line-height: 1.4; margin: 0 0 1.2em; padding: 0 0 1.5em; border-bottom: 1px solid #EEE; }
h1.introH1 { width: 530px; padding-right: 180px; margin: 25px 0 30px 36px; }
#content h1.intro { width: 512px; margin: 35px 0 10px; }
#content.galContent { margin-top: 0; }

.phRight { width: 220px; float: right; display: inline; margin: 0 0 14px; padding-left: 16px; clear: right; }
.phRight small { display: block; color: #888; width: 220px; text-align: right; font-style: italic; }

/* =Touts (Bottom) */
#touts { width: 776px; }
#touts div { width: 252px; height: 130px; float: left; display: inline; margin: 0 10px 10px 0; }
#touts div.lastTout { margin-right: 0; }

/* =Heros */
#heroHome, #touts div { box-shadow: 0 2px 3px rgba(9, 71, 94, .9); -moz-box-shadow: 0 2px 3px rgba(9, 71, 94, .9); -webkit-box-shadow: 0 2px 3px rgba(9, 71, 94, .9); }
#heroHome { width: 776px; height: 320px; margin: 0 0 10px; position: relative; }
.fadein { position: relative; width: 776px; height: 320px; }
.fadein a { position: absolute; left: 0; top: 0; display: block; }

#hero { width: 776px; height: 240px; position: relative; background: url(../img/hero-bg.png) no-repeat; background-color: #0c3f54!important; }
#hero.short { height: 110px; background: url(../img/hero-short.jpg) no-repeat; }
#hero.hDiamonds { background: url(../img/hero-Diamonds-1.jpg) no-repeat; }
#hero.hDiamonds2 { background: url(../img/hero-Diamonds-2.jpg) no-repeat; }
#hero.hTimepiece { background: url(../img/hero-Timepiece-1.jpg) no-repeat; }
#hero.hFashion { background: url(../img/hero-Fashion-1.jpg) no-repeat; }
#hero.hPearl { background: url(../img/hero-Pearl-1.jpg) no-repeat; }
#hero.hGemstone { background: url(../img/hero-Gemstones-1.jpg) no-repeat; }
#hero.hDesigner { background: url(../img/hero-Designer-1.jpg) no-repeat; }
#hero img { position: absolute; top: 0; left: 0; z-index: 20; }
#hero div { padding: 36px 0 0 36px; width: 490px; }
#hero h1 { font-weight: normal; color: #FFF; font-size: 30px; line-height: 1; margin: 0 0 10px; width: 490px; padding-bottom: 12px; border-bottom: 1px solid #245366; }
#hero h3, #hero h4 { color: #FFF; font-size: 14px; line-height: 1.4; margin: 0 0 10px; width: 490px; }
#hero.short h1 { border: none; }

.type { margin: 0 0 15px; clear: both; }
.type div { width: 512px; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #EEE; }
.type div h2 { margin: 0; float: left; width: 370px; padding-top: 25px; }
.type div p { margin: 10px 0 0; float: right; width: 130px; text-align: right; font-size: 94%; font-weight: bold; padding-top: 25px; }
 .type ul { margin: 15px 0 10px; }
 .type li { width: 100px; height: 100px; padding: 6px; margin: 0 18px 0 0; float: left; display: inline; text-align: center; border: 1px solid #DDD; box-shadow: 0 0 4px #DDD; -moz-box-shadow: 0 0 4px #DDD; -webkit-box-shadow: 0 0 4px #DDD; }
.type li img { width: 100px; height: 100px; font-size: 1px; }
.type h3 { font-weight: normal; font-size: 15px; color: #555; margin: 0 0 .5em; }

.tdes li { width: 320px; height: auto; display: inline; margin: 0; padding: 0; text-align: left; border: none; box-shadow: none ; -moz-box-shadow: none; -webkit-box-shadow: none; }
.tdes li { border: none; box-shadow: none ; -moz-box-shadow: none; -webkit-box-shadow: none; }
.tdes li.dLogo { width: 180px; padding-right: 20px; }
.tdes li.dLogo img { width: auto; height: auto; }


#recognition { width: 710px; margin: 20px 0 20px 36px; border-top: 1px dotted #BBB; padding-top: 15px; overflow: hidden; clear: both; }
#recognition div { width: 150px; padding-right: 15px; float: left; display: inline; }
#recognition p { float: left; width: 140px; font-size: 11px; padding: 0!important; }
#recognition img { float: left; margin: 0 10px 2px 0; }



/*-------------------------------------------------
=ASIDE
-------------------------------------------------*/
#fixedWrap { position: absolute; top: 0; left: 585px; width: 160px; }
#fixedWrap2 { float: left; }
#asideWrap, #asideWrap2 { position: absolute; top: 0; width: 158px; margin-top: 25px; }
#asideWrap2 { position: relative; }
#asideWrap.fixed { position: fixed; top: 0; }

#asideWrap h2, #asideWrap2 h2, #sideInfo h2 { font-size: 90%; font-weight: bold; margin: 1px 0 4px; }
aside.subNav { width: 130px; padding: 12px 14px 0; margin: 0 0 25px; border: 1px solid #EEE; background: #FFF url(../img/aside-bg.jpg) repeat-x; }

.subNav ul { margin: 0 0 4px; font-size: 90%; }
.subNav li { padding: 7px 0 7px 8px; border-bottom: 1px dotted #CCC; background: url(../img/subNav-Arrow.gif) 0 12px no-repeat; }
.subNav li:last-child { border-bottom: none; }



/*-------------------------------------------------
=SIDEBAR NAVIGATION
-------------------------------------------------*/
#sidebar { width: 154px; float: left; display: inline; margin: 0 10px 50px 0; padding: 10px 15px 120px; background: #07384a url(../img/sidebar-bg.jpg) no-repeat 0 100%; }
#sNav { width: 154px; font-size: 90%; color: #FFF; }
#sNav ul { margin: 0 0 16px; }
#sNav li { padding: 7px 0 7px 10px; border-bottom: 1px dotted #0a5674; background: url(../img/sNav-Arrow.gif) 0 12px no-repeat; }
#sNav li:last-child { border-bottom: none; }
#sNav li a { color: #FFF; font-weight: bold; }
#sNav li a.current { text-decoration: none; border-bottom: 1px dotted #62818d; }
#sNav li.snH3 { border-bottom: none; padding: 5px 0 3px; background: none; }
#sNav li h3 { margin: 0; color: #5fbfe5; font-size: 12px; letter-spacing: .05em; }



/*-------------------------------------------------
=CONTACT
-------------------------------------------------*/
#locations { font-size: 94%; line-height: 1.3; }
#locations article { width: 155px; float: left; display: inline; margin: 0 15px 20px 0; }
#locations p { margin: .1em 0 .6em; }
#locations h3 { margin: 0; }
.gMap a { padding-left: 20px; background: url(../img/icon-mag.gif) no-repeat 0 50%; }

/* -form */
form { width: 475px; padding: 20px 0 20px 25px; margin: 15px 0 20px; border: 1px solid #d0d0d0; background: #FFF url(../img/form-bg.jpg) repeat-x 0 100%; box-shadow: 0 0 3px rgba(0, 0, 0, .25); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);}
label { display: block; }
input, textarea { color: #777; font-size: 14px; padding: 3px; border: 1px solid #EEE; border-color: #AAA #DDD #DDD #AAA; background: #FFF; }
textarea { width: 446px; font: 14px Arial, Helvetica, sans-serif; }
input:focus, textarea:focus { color: #333; border-color: #5fbfe5; }

form li { margin-bottom: 1.5em; }
li.textField { width: 215px; float: left; display: inline; margin-right: 20px; }
li.textField input { width: 209px; }
li.textField label, div.msg label { margin-bottom: 2px; }
li.msg { clear: both; }
li.send input { float: left; border: none; width: auto; background: none; padding: 0; }
li.special { display: none; }
form .message li { margin: 0 0 .2em; }
.message { background: #EEE; display: none; width: 420px; padding: 10px 14px; margin-bottom: 1em; }
.message h4 { margin: 0 0 4px; }
#alert li { margin-left: 12px; list-style: disc; width: 400px; font-size: .95em; line-height: 1.2; }

#sideInfo { width: 179px; float: right; display: inline; margin: 40px 30px 0 0; _margin-right: 15px; }
#sideInfo h2 { font-size: 13px; }
#sideInfo ul h6 { font-size: 13px; margin-top: 0; }
#sideInfo li { padding: 8px 0; border-bottom: 1px dotted #CCC; }
#sideInfo li:last-child { border-bottom: none; }



/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
footer { width: 970px; margin: 25px auto; padding: 8px 0 25px; clear: both; border-top: 1px solid #2d7794; color: #6cb0ca; font-size: 11px; }
footer a { color: #6cb0ca; border-bottom: 1px dotted #6cb0ca; }
footer a:hover { color: #FFF; border-bottom-style: solid; text-decoration: none; }