/* ----------------------------------------------------------------------------------------- 
nativ dizajn
+381 62 84 63 933
http://nativdizajn.com

craftmarketing.rs is a website of CRAFT Marketing an advertising agency.
Visual design copyright 2010. All Rights Reserved.
----------------------------------------------------------------------------------------- */


/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style-type:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { width:99%; margin-bottom:1.4em; }
tr:nth-child(even) {
background-color:#000;
background-color:rgba(0, 0, 0, .6);
}
th { border-bottom:2px solid #2a2e18; font-weight:bold; text-align:left; }
td { border-bottom:1px solid #2a2e18; }
th, td { padding:4px 10px 4px 0; }
tr:last-child td { border-bottom-width:0; }
tfoot { font-style:italic; }
caption { background:transparent; }
/* Modified from:http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font:13px/1.5 "Lucida Sans Unicode", sans-serif; }
h1, h2, h3, h4 { font-weight:normal; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:.75em; }
h3 { font-size:1.5em; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
p { margin-bottom:1.5em; }
ul, ol { margin:1.5em 0; }
ul { list-style-type:none; list-style-position:inside; }
ol { list-style-type:decimal; list-style-position:inside; }
abbr, acronym { border-bottom-width:0; }
strong { font-weight:bold; }
em { font-style:italic; }
/* Attach a working grid */



/* Author styles ------------------------------------------ */

/* Site Colors */

/* Dark:#212121
/* Gray Light:#f7f7f7
/* Gray:#dadada
/* Gray Nav:#737373
/* Dark Gray text:#303030
/* Slogan Gray Dark:#9a9a9a
/* Slogan Gray Light:#a7a7a7
/* Outline Gray:#cacaca
/* CRAFT Marketing red:#e21100
/* Link hover red:#cc0000

/* Body */
Html, body { height:100%; }
body { text-align:center; background:#fff url(../images/body-bg.png) repeat-x top left; }
/* Links */
a:link, a:visited { text-decoration:none; }
/* Container */
#container { width:960px; margin:auto; text-align:left; position:relative; … other styles min-height:100%;
height:auto !important; /* for IE 6 */ height:100%; /* for IE 6 */ }
/* Header */
#header { position:relative; overflow:hidden; }
/* Small Contact */
#header ul#smallContact { width:400px; height:21px; float:left; margin:19px 0 -3px 69px; padding:0; }
#smallContact li { float:left; line-height:21px; display:inline; font-size:13px; text-align:left; margin:0; padding:0 0 0 35px; letter-spacing:-.35px }
#smallContact li a { color:#f7f7f7; }
#smallContact li.phone { background:url(../images/phone.png) no-repeat left 50%; margin-right:20px; }
#smallContact li.email { background:url(../images/email.png) no-repeat left 50%; }
#smallContact a:hover { color:#bcbcbc; }
/* Nav */
ul#nav li a.selected { color:#303030; }
#header ul#nav { background:url(../images/nav-bg.png) no-repeat; width:890px; height:48px; float:left; margin:10px 0 0 0; padding:0 0 0 40px; }
#nav li { float:left; line-height:48px; display:inline; text-align:center; margin:0; padding:0; }
#nav li a { text-transform:uppercase; letter-spacing:1.2px; font-size:17px; color:#f7f7f7; text-align:center; text-decoration:none; padding:0 28px; }
#nav a:hover { color:#303030; }
/* Logo */
img#logo { float:right; margin-top:-76px; margin-right:20px; }
/* Slogan */
h1#slogan { background:url(../images/slogan.png) no-repeat; width:707px; height:63px; text-indent:-9999px; margin-top:102px; margin-left:146px; }
/* Main */
#main { overflow:hidden; }
/* Content */
#content { float:left; overflow:hidden; position:relative; width:690px; padding-left:10px; }
#content h1 { font-size:30px; margin-top:80px; margin-bottom:30px; color:#cc0000; letter-spacing:-1.3px; }
#content h3 { margin-bottom:10px; margin-top:40px; }
#content p { line-height:1.65em; width:670px; }
#content a { color:#303030; text-decoration:underline; }
#content a:hover { color:#cc0000; text-decoration:none; }
/* Content Nav */
#contentNav { float:right; width:220px; margin-right:30px; }
#contentNav ul, #contentNav li { margin:0; padding:0; }
#contentNav li { float:left; margin-right:20px; margin-bottom:20px; }
#contentNav h2 { margin:0; padding:0; background-color:#737373; width:220px; height:46px; text-align:center; line-height:46px; font-size:18px; letter-spacing:-1px; -moz-border-radius-topleft:40px; -webkit-border-top-left-radius:40px; -moz-border-radius-topright:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px; }
#contentNav a { color:#f7f7f7; }
#contentNav a:hover h2 { color:#303030; }
/* Mini Menu */
ul#miniMenu { float:left; width:220px; margin:0; padding:0; margin-right:10px; }
#miniMenu li { height:30px; margin:0; padding:0; line-height:30px; text-transform:uppercase;}
#miniMenu a { color:#737373; }
#miniMenu a:hover { color:#303030; }
/* Coin Slider */
#coin-slider { float:right; margin-right:20px; border:1px solid #212121; }
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a { text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; margin-top:-350px; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #212121; color: #e21100; text-indent: -9999px; }
.cs-active { background-color: #e21100; color: #fff; }
.cs-title { width: 680px; padding: 10px; background-color: #212121; color: #fff; }
.cs-prev, .cs-next { background-color: #212121; color: #fff; padding: 0px 10px; }
/* Mini Nav */
#miniNav { margin-top:20px; overflow:hidden; }
#miniNav ul, #miniNav li { margin:0; padding:0; }
#miniNav li { float:left; width:280px; margin-right:20px; margin-bottom:10px; }
#miniNav li.middle { width:340px; }
#miniNav li.nomargin { margin-right:0; }
#miniNav h2 { margin:0; padding:0; width:280px; height:36px; background-color:#dadada; text-align:center; line-height:36px; font-size:18px; letter-spacing:-1px; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; }
#miniNav h2.middle { width:340px; }
#miniNav a { color:#737373; }
#miniNav a:hover h2 { color:#303030; }
/* Nav Outside */
ul#navOutside {margin:0; padding:0; text-transform:uppercase;}
ul#navOutside li span {color:#e21100; font-size:15px;}
ul#navOutside li a.selected { color:#303030; }
ul#navOutside li {margin:0; padding:0; line-height:26px;}
ul#inside li a.selected {color:#303030;}
ul.inside {margin:0; padding:0; padding-left:15px;}
ul.inside li {margin:0; padding:0;}
ul#navOutside a { color:#737373; }
ul#navOutside a:hover { color:#303030; }
/* Sidebar */
#sidebar {float:left; width:220px; overflow:hidden;}
/* Info text */
p.infoText {position:absolute; bottom:-40px; width:190px; padding:25px 15px 50px 15px; background:#a7a7a7; font-size:12px; line-height:1.5em; color:#fff; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px;}
/* Kontakt */
#kontakt {position:absolute; bottom:-40px; width:190px; padding:25px 15px 50px 15px; background:#a7a7a7; font-size:12px; line-height:1.7em; color:#fff; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px;}
#kontakt h5 span {font-weight:normal; font-size:13px;}
#kontakt a { color:#303030; }
#kontakt a:hover { color:#f7f7f7; }
/* Box */
#box {float:right; width:700px; overflow:hidden; margin-bottom:10px;}
/* Big Title */
h1.bigTitle {font-size:3.5em; text-transform:uppercase; color:#737373; text-align:right; margin:0; padding:0;}
h1.bigTitle span {color:#e21100; font-family:"Times New Roman", Times, serif; font-size:2.25em; margin:0; padding:0;}
/* Footer */
#footerWrap { background-color:#212121; }
#footer { width:820px; margin:auto; position:relative; overflow:hidden; }
#footer ul { float:left; text-align:left; margin-top:35px; }
#footer li { width:155px; float:left; margin-left:8px; }
#footer li.first { margin-left:0; }
#footer h3, #footer h4 { letter-spacing:-.35px; margin-bottom:.5em; padding-left:5px; }
#footer h3 { font-size:15px; }
#footer a h3 { color:#e21100; }
#footer a:hover h3 { color:#b90504; }
#footer h4 { font-size:13px; margin-bottom:.3em; }
#footer a h4 { color:#f7f7f7; }
#footer a:hover h4 { color:#bcbcbc; }
/* News */
#easytickerWrap { width:960px; margin:auto; position:relative; }
#easytickerWrap img.newsBg { position:absolute; bottom:0; left:0; z-index:100; }
#easytickerWrap img.rss { position:absolute; bottom:-14px; left:73px; z-index:101; }
#easytickerWrap span { position:absolute; bottom:5px; left:30px; z-index:102; font-size:14px; letter-spacing:-.5px; color:#f7f7f7; }
#easyticker { width:580px; height:30px; background:url(../images/news-bg.png) repeat-y top left; overflow:hidden; position:relative; margin:0 0 0 40px; }
#easyticker li { display:none; position:absolute; top:0px; left:0px; padding:0 0 0 80px; }
#easyticker h5 { line-height:30px; margin:0; padding:0; font-weight:normal; font-size:13px; color:#212121; }
#easyticker h5 a:link, #easyticker h5 a:visited {color:#212121; text-decoration:none; letter-spacing:-.3px;}
#easyticker h5 a:hover {color:#c21100; text-decoration:none;}
/* Bottom */
#bottom { width:960px; margin:auto; position:relative; padding-top:14px; }
#bottom p { float:left; font-size:12px; color:#303030; letter-spacing:-.5px; margin:0; padding-bottom:7px; }
#bottom p a { color:#e21100; text-decoration:none; }
#bottom p a:hover { color:#b90504; }
/* Flickr, Youtube, Facebook */
#bottom img.f { position:absolute; bottom:0; right:63px; }
#bottom img.y { position:absolute; bottom:0; right:21px; }
#bottom img.fb { position:absolute; bottom:0; right:105px; }
/* Contact Form */
#cform {width:320px; float:right; margin-top:20px;}
#cform p {margin-bottom:1em; margin-top:.5em;}
label span { font-size:14px; color:#212121;}
#name, #email, #phone, #message {background-color:#f7f7f7; color:#000; border:1px solid #737373; padding: 5px 9px; width:200px;}
#name:hover, #email:hover, #phone:hover, #message:hover {border:1px solid #cc0000;}
#message {width:300px; font-family:"Lucida Sans Unicode", sans-serif; font-size:13px; color:#000; line-height:1.5em;}
#submit {float:right; color:#fff; background:#212121; border:1px solid #212121	; padding:4px 15px; text-align: center;}
#submit:hover {background:#cc0000; color:#fff; cursor:pointer; border:1px solid #cc0000;}
/* Odgovor */
#main .odgovor {width:320px; height:350px; padding-top:40px; padding-left:70px;}