html {
background:#7f2a00 url(data/bg-html.gif) top left repeat-x;}
body {
margin:0px;
padding:0px;
background:url(data/bg-body.jpg) top center no-repeat;
font-size:11px;
text-align:center;
color:#343434;
/*font-family:Tahoma,Helvetica,Sans-serif;*/
font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,ul,li,form,div,p {
margin:0px;
padding:0px;}
h1, h2 {
font-weight:normal;
font-size:18px;}
div {
width:auto;
height:auto;
margin-left:auto;
margin-right:auto;}
a {
text-decoration:none;
color:#c35c00;
outline:none;}
a:hover {
text-decoration:underline;
color:#c35c00;}
#main {
width:970px;
background: url(data/bg-main2.jpg) top center no-repeat;
text-align:left;}
#okvir {
width:960px;}
#header {
height:104px;}
#header a.logo {
/*background:url(data/bg-logo.jpg) top left no-repeat;*/
display:block;
height:104px;
text-indent:-99999px;
width:304px;
font-size:14px;}
#menu {
height:60px;
width:960px;
/*float:left;*/}
#menuul, #m_blog {
padding:0;
margin:0;
list-style-type:none;
float:left;}
#menuul {
width:700px;}
#m_blog {
float:right;
width:200px;
padding-right:10px;}
#menuul li {
float:left;}
#m_blog li {
float:right;}
#m_blog li a {
background:url(data/bg-blog.gif) no-repeat;
display:block;
background-position: 0px -60px;
width:71px;
height:60px;
text-indent:-9999px;}
#m_blog li a:hover {
background-position: 0px 0px;}
#menuul a {
display:block;
height:60px;
background-color:#67726A;
color:#fff;
text-indent:-999999px;
text-align:center;
float:left;}
#menuul a:hover {
color:#fff;
background-color:#963032}
#menuul a.intro {
background:url(data/menu/intro.gif) no-repeat;
background-position: 0px -60px;
width:100px;}
#menuul a.active_intro {
background-position: 0px 0px;}
#menuul a.process {
background:url(data/menu/process.gif) no-repeat;
background-position: 0px -60px;
width:100px;}
#menuul a.design {
background:url(data/menu/design.gif) no-repeat;
background-position: 0px -60px;
width:100px;}
#menuul a.motion {
background:url(data/menu/motion.gif) no-repeat;
background-position: 0px -60px;
width:100px;}
/*#menuul a.developement {
background:url(data/menu/developement.gif) no-repeat;
background-position: 0px -60px;
width:124px;}
#menuul a.development {
background:url(data/menu/contact.gif) no-repeat;
background-position: 0px -60px;
width:100px;}
#menuul a.clients {
background:url(data/menu/clients.gif) no-repeat;
background-position: 0px -60px;
width:70px;}
#menuul a.awards {
background:url(data/menu/awards.gif) no-repeat;
background-position: 0px -60px;
width:79px;}*/
#menuul a.intro:hover, #menuul a.process:hover, #menuul a.design:hover, #menuul a.motion:hover, #menuul a.development:hover, #menuul a.clients:hover, #menuul a.awards:hover {
background-position: 0px 0px;}
#work {
height:116px;
color:#6c6c6c;
font-size:17px;
background:url(data/bg-work.gif) left top repeat-x;}
#work img {
float:left;}
#work p {
padding-top:34px;
line-height:26px;}
#flash {
background: url(data/bg-flash.png) top center no-repeat;}
#content {
background:#fff url(data/bg-content.gif) top left repeat-x;
height:370px;/*384px;*/}
#test {
float:left;
width:960px;}
#blog, #updates, #subscribe{
padding-top:16px;
height:338px;}
#blog {
width:210px;
padding-left:24px;
padding-right:12px;
float:left;}
#blog h3, #updates h3 {
font-size:12px;
line-height:15px;
font-weight:bold;}
#blog h3 {
padding-top:12px;}
#updates h2, #blog h2, #subscribe h2 {
display:block;
text-indent:-9999px;
height:21px;}
#updates h2 {
padding-bottom:12px;
background:url(data/h2-updates.gif) left top no-repeat;}
#blog h2 {
background:url(data/h2-blog.gif) left top no-repeat;}
#subscribe h2 {
padding-bottom:12px;
background:url(data/h2-newsletter.gif) left top no-repeat;}
#blog p, #updates p, #subscribe p {
line-height:15px;}
#blog p.date, #updates p.date {
color:#8a8989;
font-weight:bold;
line-height:16px;}
a.arrow_d, a.arrow_u {
width:18px;
height:9px;
text-indent:-9999px;
display:block;
float:left;
padding-right:6px;}
a.arrow_d {
background:url(data/arrow_down.gif) no-repeat;
background-position:0px -9px;}
a.arrow_d:hover {
background-position:0px 0px;}
a.arrow_u {
background:url(data/arrow_up.gif) no-repeat;
background-position:0px -9px;}
a.arrow_u:hover {
background-position:0px 0px;}
.arrow {
width:234px;
float:left;
padding-left:12px;}
#updates {
width:444px;
padding-right:12px;
padding-left:12px;
float:left;}
#updates img {
float:left;
padding-top:2px;
padding-right:10px;}
.update {
float:left;
width:444px;
height:102px;}
.update span {
display:block;
float:left;
height:102px;}
#updates sup {line-height:9px;}
#subscribe {
float:left;
padding-left:12px;
width:209px;}
.ajax_p {
color:#a0a0a0;
background:url(data/img-ajax.gif) left center no-repeat;
padding:6px;
margin-left:4px;
padding-left:20px;}
/* Form based Newseletter
#subscribe form {
padding:20px 0;}
#subscribe form label {
float:left;
display:block;
width:100px;
padding-bottom:4px;
font-weight:bold;}
#subscribe form input.inputf {
background: url(data/bg-form-input.gif) no-repeat;
background-position: 0px -29px;
border:none;
font-size:11px;
outline:none;
width:199px;
padding-top:8px;
padding-left:6px;
padding-right:6px;
padding-bottom:8px;
margin-bottom:-2px;}
#subscribe form input.inputf:focus {
background-position: 0px 0px;}
* html #subscribe form input.inputf {padding-top:8px;}
#subscribe form button {
display:block;
cursor:pointer;
text-indent:-9999px;
background:url(data/bg-form-button.gif) no-repeat;
background-position:0px -30px;
width:211px;
border:none;
height:30px;}
#subscribe form button:hover {
background-position:0px 0px;} */
/*--------------------------------*/
.newsletterForm {
padding:20px 0;}
.newsletterForm label {
float:left;
display:block;
width:100px;
padding-bottom:4px;
font-weight:bold;}
.newsletterForm input.inputf {
background: url(data/bg-form-input.gif) no-repeat;
background-position: 0px -29px;
border:none;
font-size:11px;
outline:none;
width:199px;
padding-top:8px;
padding-left:6px;
padding-right:6px;
padding-bottom:8px;
margin-bottom:-2px;}
.newsletterForm input.inputf:focus {
background-position: 0px 0px;}
* html .newsletterForm input.inputf {padding-top:8px;}
.newsletterForm button {
display:block;
cursor:pointer;
text-indent:-9999px;
background:url(data/bg-form-button.gif) no-repeat;
background-position:0px -30px;
width:211px;
border:none;
height:30px;}
.newsletterForm button:hover {
background-position:0px 0px;
}
/*--------------------------------*/
#contact {
width:936px; /* 960px; - 25 */
height:245px; /*246px; - 23*/
padding-top:3px;
padding-left:24px;
background: #e4e4e4 url(data/bg-contact.gif) top center repeat-x;}
.c_01, .c_02, .c_03 {
float:left;
padding-top:18px;}
.c_01 {
width:210px;
padding-right:12px;}
.c_02 {
width:444px;
padding-top:52px;
padding-left:12px;
padding-right:12px;}
.c_03new {float:left; width:204px; padding:24px 0 0 7px;}
.c_03Title {float:left; width:199px; padding:0 0 15px 5px; font-size:12px;}
.c_03Content {float:left; width:204px; padding-bottom:2px; margin:0;}
.c_03Content p {line-height:14px; padding:0 0 0 6px; margin:0;}
.c_03ContentBgd {float:left; width:204px; padding:7px 0 2px 0; margin:0; background:url(data/contact-separator.gif) 5px 0 no-repeat;}
.c_03ContentBgd p {line-height:16px; padding:0 0 0 6px; margin:0;}
dl.contactDetails {float:left; width:203px; margin:0; padding:0; font-size:10px;}
dl.contactDetails dt {float:left; width:36px; margin:0; padding:7px 0 4px 26px; font-weight:bold;}
dl.contactDetails dt.emailContact {background:url(data/icon-contact1.gif) left center no-repeat;}
dl.contactDetails dt.phoneContact {background:url(data/icon-contact2.gif) left center no-repeat;}
dl.contactDetails dt.skypeContact {background:url(data/icon-contact3.gif) left center no-repeat;}
dl.contactDetails dd {float:left; width:130px; margin:0; padding:7px 0 4px 0;}
.c_03 {
width:210px;
padding-left:12px;}
.c_03 {
font-weight:bold;
padding-top:35px;}
/* IE ??? */
* html .c_01 {padding-top:9px;}
* html .c_02 {padding-top:9px;}
* html .c_03 {padding-top:26px;}
* html .c_01 {padding-right:6px;}
* html .c_02 {padding-left:0px; padding-right:12px;}
/* ??? */
.c_03 p {
padding-bottom:12px;}
.c_03 p.email {
background: url(data/bg-email.gif) left top no-repeat;
padding-left:32px;}
.c_03 p.email a {
font-weight:normal;}
.c_03 p.phone {
background: url(data/bg-phone.gif) left top no-repeat;
padding-left:32px;}
.c_03 p.phone i {
font-style:normal;
font-weight:normal;}
.c_03 p.skype {
background: url(data/bg-skype.gif) left top no-repeat;
padding-left:32px;}
.c_03 p.skype i {
font-style:normal;
font-weight:normal;}
#contact h2 {
height:17px;
display:block;
margin:2px 0 17px 0;
background:url(data/h2-contact.gif) top left no-repeat;
text-indent:-9999px;}
/*
#contact form {}
#contact form label {
width:200px;
font-weight:bold;
padding-bottom:3px;
display:block;}
#contact form input.inputfc {
float:left;
font-size:11px;
background:url(data/bg-c-form-input.gif) no-repeat;
background-position: 0px 0px;
border:none;
outline:none;
width:211px;
padding:9px;
display:block;}
.mb_form_10 {
margin-bottom:10px;}
#contact form input.inputfc:focus {
background-position: 0px -32px;}
#contact form button.send_m {
background:url(data/bg-c-form-button.gif) no-repeat;
background-position:0px -31px;
display:block;
cursor:pointer;
width:445px;
height:31px;
text-indent:-9999px;
border:none;}
#contact form button.send_m:hover {
background-position:0px 0px;}
#div_ctextarea {
background:url(data/bg-form-textarea.gif) 0 0 no-repeat;
width:445px;
height:117px;
float:left;}
#contact form textarea {
background: none;
outline:none;
resize:none;
font-family:Arial, Helvetica, sans-serif;
width:427px;
padding:9px;
height:98px;
border:none;
font-size:11px;
float:left;
margin-bottom:-2px;
overflow:auto;}
* html #contact form textarea {height:101px;}*/
/* ----------------------------------- */
.contactForm {}
.contactForm label {
width:200px;
font-weight:bold;
padding-bottom:3px;
display:block;}
.contactForm input.inputfc {
float:left;
font-size:11px;
background:url(data/bg-c-form-input.gif) no-repeat;
background-position: 0px 0px;
border:none;
outline:none;
width:211px;
padding:9px;
display:block;}
.mb_form_10 {
margin-bottom:10px;}
.contactForm input.inputfc:focus {
background-position: 0px -32px;}
.contactForm button.send_m {
background:url(data/bg-c-form-button.gif) no-repeat;
background-position:0px -31px;
display:block;
cursor:pointer;
width:445px;
height:31px;
text-indent:-9999px;
border:none;}
.contactForm button.send_m:hover {
background-position:0px 0px;}
/*#contact form a.send_m {
background:url(data/bg-c-form-button.gif) no-repeat;
background-position:0px -31px;
display:block;
width:445px;
height:31px;
text-indent:-9999px;}
#contact form a.send_m:hover {
background-position:0px 0px;}*/
#div_ctextarea {
background:url(data/bg-form-textarea.gif) 0 0 no-repeat;
width:445px;
height:117px;
float:left;}
.contactForm textarea {
background: none;
outline:none;
resize:none;
font-family:Arial, Helvetica, sans-serif;
width:427px; /* 445 */
padding:9px;
height:98px; /* 117 */
border:none;
font-size:11px;
float:left;
margin-bottom:-2px;
overflow:auto;}
* html .contactForm textarea {height:101px;}
/* ----------------------------------- */
.infoMessageContact {padding:7px 0 0 0;}
.infoMessageNewsletter {margin:7px 0 0 0;}
#footer {
height:82px;
float:left;
width:970px;
text-align:center;
line-height:62px;
background:url(data/bg-footer.gif) top center no-repeat;
color:#8f8f8f;}
#wallpapers {
padding-top: 30px;
width:209px;
}
#wallpapers h2 {
padding-bottom:12px;
background:url(data/h2-wallpapers.gif) left top no-repeat;}