/* CSS Document */
body { margin:0; padding:0; background:#000000; color:#C5C5C5; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }

div,p,img,hr,h1,h2,h3,h4,ul,ol,li,input,select,form { margin:0; padding:0;} /*-- for reset --*/


::selection { background: #92191A;}  /* Safari */
::-moz-selection { background: #92191A; } /* Firefox */

img, a img { border:0;}

.left {float:left;}
.right {float:right;}
.clear { clear:both;}
.clear-5 { clear:both; height:5px;}
.clear-10 { clear:both; height:10px;}
.clear-15 { clear:both; height:15px;}
.clear-20 { clear:both; height:20px;}

p { margin:0 0 10px 0;}

a:focus { outline:none;}
a.active { -moz-outline: none;}

a { color:#EEE002; text-decoration:none;}
a:hover { color:#fff; text-decoration:underline;}

h1 { font-size:20px; margin:0 0 15px 0;}
h2 { font-size:18px; margin:0 0 12px 0;}
h3 { font-size:16px; margin:0 0 10px 0;}

/* ---------- Page Styles ------------- */
.Top-Wrapper { width:1160px; position:relative; margin:0 auto; overflow:hidden;}

#Logo { width:297px; height:153px; margin:0 auto;}
#Logo h1 { width:297px; height:153px; text-indent:-9999px; display:block; margin:0; padding:0; }
#Logo h1 a  { width:297px; height:153px; text-indent:-9999px; display:block; font-size:0px; background:url(../images/drink-ink-logo.png) no-repeat 0 0; }

#Nav-wrap { width:1000px; height:38px; margin:0; padding:0px 78px 0 78px; float:left; background:url(../images/nav-bk.png) no-repeat center top; font-weight:bold; font-size:12px;}
.Nav { width:361px; margin:0; float:left; display:inline; height:38px; }
.Nav a { height:38px; line-height:38px; display:inline-block; padding:0 20px; color:#CFCFCF; text-decoration:none; font-family: Helvetica,Arial, sans-serif; text-transform:uppercase; }
.Nav a:hover { height:38px; line-height:38px;  display:inline-block; padding:0 20px; color:#fff; text-decoration:none; font-family: Helvetica,Arial, sans-serif; background:url(../images/nav-hover.png) no-repeat scroll 50% 0%;}
.Nav a.select { background:url(../images/nav-hover.png) no-repeat scroll 50% 0%;}

.Top-right { width:25%; margin:10px 80px 0 0; padding:0; float:right; text-align:right; display:inline; }
.nominorder { width:275px; margin:37px 0 0 0; float:right; }

.catch-line { margin:85px 0 0 80px; padding:0; float:left; width:285px; display:inline;}

.Flash-index { width:1200px; margin:0 auto; padding:0; clear:both;}

.mid-punchline { width:930px; margin:0 auto; padding:8px 0 8px 0; background:#000; clear:both;}
.mid-punchline3 { width:970px; margin:0 auto; padding:8px 0 8px 0; background:#000; clear:both;}
.fadein { position:relative; width:900px; height:24px; margin:0 auto;}
.fadein img { position:absolute; left:0; top:0; text-align:center; }

.Content-wrap-index { width:1200px; margin:0 auto; background:url(../images/subject-index-shadow.jpg) no-repeat center top; overflow:hidden; }
.Content-wrap { width:1200px; margin:0 auto; overflow:hidden; }
.sub-left-index { width:670px; margin:0; padding:0 15px 0 0; border-right:1px solid #BABABA; text-align:right; float:left;}
.sub-right-index { width:150px; margin:0; padding:30px 0 0 20px; float:left;}

.Subject-index { width:930px; margin:0px auto; padding:20px 15px; text-align:center; overflow:hidden; clear:both;}
.Subject { width:970px; margin:20px auto; padding:10px 15px 20px 15px; overflow:hidden; clear:both; border:1px dashed #505050;}
.Left-Column { width:200px; margin:0; padding:0; float:left;}
.fullwidth-Column { width:100%; float:left; margin:0; padding:0; clear:both; text-align:left;}

.Right-Column { width:700px; margin:0; padding:0; float:right; text-align:left; background:#1a1a1a; margin:10px 0 0 0; padding:15px;}

/* ------ Product & Product Detail Page ------- */
.Right-Column-product { width:730px; margin:0; padding:0; float:right; text-align:left;}
.Custom-product { margin:0; clear:both; width:700px; padding:20px 0; border-bottom:1px solid #000; border-top:1px solid #3e3e3e; float:right;}
.cp-pic { width:188px; height:175px; float:left; margin-right:15px; padding:0; border:1px solid #3F3F3F; background:#000 url(../images/cp-pic-bk.jpg) no-repeat 0 0; box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000;}
.cp-text { width:495px; float:right; margin:0; padding:0;}
.cp-text h2 { text-transform:uppercase; background:url(../images/hr-separator2.gif) repeat-x left bottom; padding-bottom:7px; margin-bottom:7px; font-weight:normal; }
.cp-text h5 { margin:0 0 7px 0; font-size:13px; font-weight:700; }
.Big-heading { font-size:26px; line-height:40px; color:#fff; font-weight:normal; font-family:Helvetica, Arial, sans-serif; padding-left:5px;}
.Product-box {width:700px; margin:0 0 25px 0; padding:10px; background:#000 url(../images/product-box-shadow.jpg) no-repeat left bottom; border:1px dashed #505050; float:right;}
.Pr-pic { width:350px; float:left; margin:0; padding:7px 0 0 0; height:290px; background:url(../images/shadow.png) no-repeat scroll 50% 100%;}
.Pr-description { width:345px; float:left; margin:0; padding:0; text-align:left;}
.Pr-description h1 { font-weight:normal; color:#fff; margin-bottom:10px;}
.Pr-description h3 { font-weight:bold; color:#666;}
.Pr-description ul { margin:10px 0; padding:0; list-style:none;}
.Pr-description ul li { margin:3px 0; list-style:none; background:url(../images/bullet.png) no-repeat 0 5px; padding-left:17px;}


ul.left-menu { background:#1F2020 url(../images/left-menu-bk.jpg) no-repeat top; width:160px; border:1px dashed #505050; margin:0; padding:12px; list-style:none;}
ul.left-menu li { margin:0; padding:0; list-style:none; line-height:28px; color:#B4B4B4; text-transform:uppercase; font-size:12px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; border-bottom:1px solid #0A0B0B; border-top:1px solid #3C3F3D; text-align:left; text-shadow:1px 1px 5px #000;}
ul.left-menu li:first-child , ul.left-menu li:first-child:hover { border-top:none;}
ul.left-menu li:last-child , ul.left-menu li:last-child:hover { border-bottom:none;}
ul.left-menu li a { text-decoration:none; color:#b4b4b4; display:block;}
ul.left-menu li a:hover { text-decoration:none; color:#fff;}
ul.left-menu li a.select { color:#fff; background:url(../images/bullet-red.gif) no-repeat scroll 100% 50%;}
ul.left-menu li:hover { border-bottom:1px solid #181818; border-top:1px solid #5F5F5F;}


.Footer-wrap { width:1160px; margin:0 auto; padding:1px 0 0 0; background:url(../images/footer-hr.png) no-repeat center top; }
.Footer { width:960px; margin:0 auto; padding:15px 0 10px 0; text-align:center; line-height:26px; background:url(../images/footer-bk.jpg) no-repeat center top;}
.Footer a { color:#C5C5C5; padding:0 5px; text-decoration:none;}
.Footer a:hover { color:#fff; padding:0 5px; text-decoration:none;}

/* ---------- ORDER NOW ---------- */
.more { height:24px; margin:10px 10px 0 0; width:100px; background:url(../images/findoutmore-btn.gif) no-repeat top left; display:inline-block;}
.more span { display:none;}
.more:hover { background-position:bottom left; cursor:pointer;}

.viewall-btn { height:24px; margin:15px 10px 0 0; width:100px; background:url(../images/viewall-btn.gif) no-repeat top left; display:block;}
.viewall-btn span { display:none;}
.viewall-btn:hover { background-position:bottom left; cursor:pointer;}

/* ---------- SAMPLE---------- */
.sample { height:24px; margin:10px 10px 0 0; width:100px; background:url(../images/sample-btn.gif) no-repeat top left; display:inline-block;}
.sample span { display:none;}
.sample:hover { background-position:bottom left; cursor:pointer;}

.ordernow { height:24px; margin:10px 10px 0 0; width:100px; background:url(../images/ordernow-btn.gif) no-repeat top left; display:inline-block;}
.ordernow span { display:none;}
.ordernow:hover { background-position:bottom left; cursor:pointer;}

.templates { height:24px; margin:10px 10px 0 0; width:100px; background:url(../images/templates-btn.gif) no-repeat top left; display:block;}
.templates span { display:none;}
.templates:hover { background-position:bottom left; cursor:pointer;}

/* -------- Contact Us Page  ---------- */
.Left-Column-contact { border:1px dashed #505050; width:250px; float:left; margin:10px 0 0 0; padding:10px; background:#131413 url(../images/left-column-big-bk.jpg) no-repeat center top; text-align:center;}
.Subject h1 { font-size:20px; font-weight:normal; color:#929292; background:url(../images/hr-separator.gif)  repeat-x bottom left; padding-bottom:10px; margin-bottom:0; text-transform:uppercase;}
.Left-Column-contact .contact-box { width:250px; margin:0; padding:15px 0; color:#fff; float:left; border-bottom:1px solid #000; border-top:1px solid #262826; line-height:20px;}
.contact-box a { text-decoration:underline; color:#CC8D3B;}

.Right-Column-contact { width:600px; margin:10px 0 0 0; padding:15px 20px; float:right; background:#1A1A1A; text-align:left;}


/*  ----- Faq page -----  */
.faq-answer { margin:0 0 20px 0; padding:15px; clear:both; border-left:7px solid #303030; background:#1A1A1A;}
.testimonials-entry { margin:0 0 20px 0; padding:15px 15px 15px 45px; clear:both; border-left:1px solid #303030; background: #1A1A1A url(../images/quote-mark.png) no-repeat 10px 15px;}
p.testimonials-entry:last-child { margin-bottom:0;}

.under-construction { width:50%; margin:50px auto; padding:25px; clear:both; border:1px solid #303030; background: #1A1A1A; font-size:16px; text-shadow:2px 1px 0px #000; text-align:center; line-height:22px;}

.under-construction .size30 { color:#575757; border-bottom:1px dashed #505050; padding-bottom:10px; line-height:24px;}
.under-construction .size23 { color:#575757; border-bottom:1px dashed #505050; padding-bottom:10px; line-height:24px;}


/* ------- form Styles -------*/
.form {	margin:0; padding:0;}
fieldset { margin:1em 0; border:none;}
legend { margin:1em 0; padding:0 .5em; color:#036; background:transparent; font-size:1.3em; font-weight:bold;}
label {	float:left; width:130px; padding:0 1em;	text-align:right;}
fieldset div { margin:1.5em 0; padding:0; display:block;}
fieldset div input, fieldset div textarea {	width:350px; border-top:1px solid #484949; border-left:1px solid #484949; border-bottom:1px solid #484949; border-right:1px solid #484949; padding:1px 3px; color:#BDBDBD; background:#303131;}
fieldset div select { padding:1px;}
div.fm-multi div { margin:5px 0;}
div.fm-multi input { width:1em;}
div.fm-multi label { display:block; width:200px; padding-left:5em; text-align:left;}
#fm-submit { clear:both; padding-top:0.5em; text-align:center;}
#fm-submit input { border:none; background:url(../images/submit-btn.gif) no-repeat 0 0; width:98px; height:24px; color:#fff; font-size:0px; cursor:pointer;}
input:focus, textarea:focus {  background:#5E5F5F; color:#000;}
fieldset div.fm-req { font-weight:bold;}
/* fieldset div.fm-req label:before {content:"* ";} */

/* ---------- Font Color/sizes ---------- */
.size12 { font-size:12px;}
.size13 { font-size:13px;}
.size14 { font-size:14px; font-weight:700;}
.size16 { font-size:16px;}
.size18 { font-size:18px;}
.size20 { font-size:20px;}
.size23 { font-size:23px;}
.size30 { font-size:30px;}
.graytext { color:#999999;}