/* - www.bowsville.fi CSS - */
html * { margin:0; padding:0; border:0; }

html,body { width:100%; height:100%; }

body {
background:url("img/bodybg.jpg") top left repeat-x #1A1A1A;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

h1 {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}

h2 {
font-size:14px;
font-weight:bold;
margin-bottom:5px;

}

h3 {
color:#6D6D6D;
text-transform:uppercase;
font-size:12px;
margin-bottom:10px;
}

p {
margin-bottom:10px;
}

a { 
cursor:pointer;
text-decoration:none;
color:#000;
outline:none;
}

a:hover { color:#1547B7; }

#content ul, ol {
padding-left:15px;
margin-bottom:10px;
}
#content li { margin-bottom:2px; }

.oranssi { color:#FF6200; }

.italic { font-style:italic; }

/* ------------------------------------------------------------------- */

#tooltip {
position:absolute;
z-index:3000;
border:1px solid #104372;
background:#142948;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#tooltip h3, #tooltip div { margin:0; color:#fff; font-family:"Arial Black"; text-transform:none; }

/* ------------------------------------------------------------------- */

#header {
width:900px;
height:48px;
margin:0 auto;
}
#header a { outline:none; }
#logo {
width:215px;
height:74px;
display:block;
position:absolute;
top:33px;
background:url("img/logo.jpg") top left no-repeat;
z-index:999;
margin-left:-20px;
}

#header_links {
width:500px;
height:48px;
float:right;
}
#header_links a {
text-decoration:none;
color:#CACACA;
font-size:11px;
text-transform:uppercase;
padding:0 10px 0 0;
position:relative;
top:25px;
float:right;
background:url("img/linkarrow.jpg") right no-repeat;
}
#header_links a:hover { color:#fff; }

/* ------------------------------------------------------------------- */

#navi {
width:900px;
height:43px;
margin:0 auto;
background:url("img/navibg.jpg") top left repeat-x;
}
#navi * { z-index:10; }
#navipos {
padding-left:210px;/*230-logomargin*/
}
#navi ul li {
list-style-type:none;
float:left;
}
#navi ul li a {
display:block;
_width:30px;/*IE6*/
height:39px;
line-height:39px;
background:url("img/navi_vali.jpg") top right no-repeat;
padding:1px 15px 0 15px;
font-size:13px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#E8F2FB;
outline:none;
}
#navi ul li a:hover { color:#fff; }
#navi ul li a.last { background:none; }

#cssdropdown { padding-left:0; }
#cssdropdown li.headlink ul { 
display:none;
position:absolute;
width:122px;
padding-top:20px;
margin-top:-7px;
background:url("img/dropdown_top.png") top left no-repeat;
}
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li { 
float:none;
width:122px;
}
#cssdropdown li.headlink ul li.dropdown_last { 
float:none;
width:122px;
padding-bottom:5px;
background:url("img/dropdown_btm.png") bottom left no-repeat;
}
#cssdropdown li.headlink ul li a { 
color:#000;
background:none;
font-size:12px;
font-weight:normal;
text-transform:none;
height:26px;
line-height:26px;
padding:0 0 0 10px;
margin:0;
}
#cssdropdown li.headlink ul li a:hover { color:#1547B7; }

/* ------------------------------------------------------------------- */

#content {
width:900px;
height:420px;
overflow:hidden;
position:relative;
margin:0 auto;
}
#content * { z-index:1; }



#big {
width:1800px;
/*height:840px;*/
}


#bigpalvelut {
width:2250px;
height:840px;
position:relative;
background:url("img/boxbgs/palvelut.jpg") top left no-repeat;
}

#boxlink_ekassa, #boxlink_ekassa_back {
width:400px;
height:50px;
padding:160px 0 0 50px;
display:block;
float:left;
color:#FB9807;
font-weight:bold;
}

#boxlink_etime, #boxlink_etime_back {
width:170px;
height:50px;
padding:160px 0 0 280px;
display:block;
float:left;
color:#69CD09;
font-weight:bold;
}

#boxlink_eselko, #boxlink_eselko_back {
width:400px;
height:5px;
padding:160px 0 0 50px;
display:block;
float:left;
color:#FDFE00;
font-weight:bold;
}

#boxlink_kotisivut, #boxlink_kotisivut_back {
width:170px;
height:50px;
padding:160px 0 0 280px;
display:block;
float:left;
color:#6FFFF9;
font-weight:bold;
}

.box {
width:900px;
height:420px;
float:left;
}
.box_right {
width:900px;
height:420px;
float:right;
}
.box_absolute {
width:900px;
height:420px;
position:absolute;
top:210px;
left:675px;/*660*/
}

#box6 {
background:url("img/boxbgs/ecargo.jpg") top left no-repeat #fff;
}

#box7 {
background:url("img/boxbgs/yllapitopalvelut.jpg") top left no-repeat #fff;
}

#box8 {
background:url("img/boxbgs/hostingpalvelut.jpg") top left no-repeat #fff;
}

#box9 { /*yhteystiedot*/
background:url("img/boxbgs/yhteystiedot.jpg") top left no-repeat #fff;
}

#box10 { /*ajankohtaista*/
background:url("img/boxbgs/ajankohtaista.jpg") top left no-repeat #fff;
}
#newslinkbox {
width:460px;
height:250px;
/*overflow:auto;*/
position:relative;
top:100px;
left:400px;
}
#newslinkbox ul {
list-style-type:none;
padding-left:0px;
}
#newslinkbox ul li { margin-bottom:10px; }
#newslinkbox ul li a {
color:#000;
text-decoration:none;
}
#newslinkbox ul li a:hover { color:#1547B7; }
#newslinkbox span.italic { font-style:normal; }

#box11 {
background:url("img/boxbgs/helpdesk.jpg") top left no-repeat #fff;
}

#box13 {
background:url("img/boxbgs/yhteydenottolomake.jpg") top left no-repeat #fff;
}

#box14 {
background:url("img/boxbgs/bowsville.jpg") top left no-repeat #fff;
}

#box15 { /*extrat*/
background:url("img/boxbgs/extrat.jpg") top left no-repeat #fff;
}

#box16 {
background:url("img/boxbgs/verkkokauppa.jpg") top left no-repeat #fff;
}

/* ------------------------------------------------------------------- */
/* Boksien sisältöjen tyylejä */

.bc_ekassa_lataa {
width:85px;
height:85px;
display:block;
float:left;
position:relative;
top:320px;
left:20px;
}

.bc_ekassa_left {
width:200px;
height:200px;
padding:30px 45px 0 0;
float:right;
text-align:justify;
}

.bc_ekassa_right {
width:200px;
height:150px;
padding-top:30px;
float:right;
}

.bc_ekassa_btm {
width:210px;
background:url("img/content/soviesittely.png") top left no-repeat;
float:right;
position:relative;
top:305px;
left:220px;
padding:25px 0 0 0;
}
.bc_ekassa_btm a {
width:160px;
height:30px;
display:block;
}

/* ---- */

.bc_etime {
width:860px;
height:390px;
float:right;
padding:20px 0 0 0;
}

.bc_etime_left {
width:258px;
float:left;
}

.bc_etime_right {
float:left;
width:340px;
padding:0 0 0 30px;
}

.bc_etime_contact {
background:url("img/content/soviesittely_etime.png") top left no-repeat;
padding:25px 0 0 0;
}

.bc_etime_lataa {
width:85px;
height:85px;
display:block;
float:right;
position:relative;
top:300px;
right:20px;
}

.bc_etime_yhteydenotto {
width:160px;
height:25px;
display:block;
float:right;
position:relative;
top:255px;
right:185px;
}

/* ---- */

.bc_eselko_top {
width:380px;
padding:20px 0 0 270px;
text-align:justify;
}

.bc_eselko_lataa {
width:85px;
height:85px;
display:block;
float:left;
position:relative;
top:320px;
left:25px;
}

ul.temppi li { margin-bottom:5px; }

.bc_eselko_contact {
width:320px;
padding:5px 0 0 290px;
text-align:left;
}
.bc_eselko_contact p { margin:30px 0 0 0; }
.bc_eselko_contactlink {
width:160px;
height:28px;
display:block;
float:right;
}

.bc_eselko_bleft {
width:180px;
height:180px;
float:left;
padding:35px 0 0 270px;
text-align:left;
}

.bc_eselko_bcenter {
width:170px;
height:180px;
float:left;
padding:35px 0 0 30px;
text-align:left;
}

.bc_eselko_bright {
width:200px;
height:180px;
float:left;
padding:0 0 0 35px;
margin-top:35px;
text-align:left;
}

/* ---- */

.bc_kotisivut {
width:860px;
height:390px;
float:right;
padding:20px 0 0 0;
}

.bc_kotisivut_left {
width:280px;
float:left;
margin:250px 0 0 0;
}

.bc_kotisivut_right {
float:left;
width:340px;
padding:40px 0 0 25px;
}

.bc_kotisivut_contact {
background:url("img/content/soviesittely_kotisivut.png") top left no-repeat;
padding:25px 0 0 0;
margin:140px 0 0 0;
}

.bc_kotisivut_yhteydenotto {
width:160px;
height:25px;
display:block;
float:right;
position:relative;
top:-5px;
left:-180px;
}

/* ---- */

.bc_ecargo {
width:485px;
padding:20px 0 0 0;
float:right;
}

.bc_ecargo_left {
width:230px;
float:left;
margin-right:10px;
}

.bc_ecargo_right {
width:230px;
margin-left:10px;
float:left;
}

.bc_ecargo_contactlink {
background:url("img/content/pinkbtn.jpg") top left no-repeat;
width:155px;
height:25px;
display:block;
position:relative;
top:90px;
left:70px;
}

/* ---- */

.bc_hostingpalvelut {
width:340px;
padding:30px 0 0 425px;
float:left;
}
a.bluebtn2 {
width:157px;
height:25px;
display:block;
float:right;
padding:0;
margin:0;
position:relative;
top:-25px;
right:25px;
background:url("img/content/bluebtn.jpg") top left no-repeat;
}

/* ---- */

.bc_yllapitopalvelut {
width:340px;
padding:85px 0 0 425px;
float:left;
}
a.bluebtn3 {
width:157px;
height:25px;
display:block;
float:right;
padding:0;
margin:0;
position:relative;
top:70px;
right:25px;
background:url("img/content/bluebtn.jpg") top left no-repeat;
}

/* ---- */

.bc_yhteystiedot {
width:340px;
padding:55px 0 0 425px;
float:left;
}

/* ---- */

.bc_form {
width:420px;
height:380px;
float:right;
margin:35px 50px 0 0;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus { /*Safari*/
outline:0 none;
resize:none;
}

.bc_form input.input_textbg {
width:265px;
padding:7px 15px 5px 15px;
margin-bottom:10px;
background:url("img/form/input_textbg.jpg") top left no-repeat;
}
.bc_form textarea {
width:265px;
height:106px;
overflow:auto;
padding:12px 15px 15px 15px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background:url("img/form/textareabg.jpg") top left no-repeat;
}

.bc_form input.form_submit {
width:84px;
height:24px;
padding:0;
margin:0;
cursor:pointer;
position:relative;
top:-5px;
left:50px;
background:url("img/form/submitbg.jpg") top left no-repeat;
}

.bc_form_errors { margin-top:12px; }
.bc_form_errors p { color:#D30D00; margin-bottom:2px; }

/* ---- */

.bc_helpdesk {
width:450px;
height:360px;
float:right;
margin:35px 30px 0 0;
}

.bc_helpdesk a {
line-height:23px;
height:23px;
display:block;
width:150px;
padding:0 0 0 80px;
margin-bottom:15px;
background:url("img/content/lataabg.jpg") top left no-repeat;
}

a.bluebtn {
width:157px;
height:25px;
display:block;
float:right;
padding:0;
margin:0;
position:relative;
top:-20px;
background:url("img/content/bluebtn.jpg") top left no-repeat;
}

/* ---- */

.bc_bowsville {
width:450px;
height:360px;
float:right;
margin:35px 30px 0 0;
}
.bc_bowsville p { width:300px; }

/* ---- */

.bc_verkkokauppa {
width:480px;
height:400px;
padding:20px 10px 0 0;
float:right;
position:relative;
}

.bc_verkkokauppa_content_left {
width:240px;
float:left;
}

.bc_verkkokauppa_content_right {
width:230px;
float:right;
}

.bc_verkkokauppa_content {}

.bc_verkkokauppa_btm {
width:480px;
height:60px;
position:absolute;
bottom:0;
}
a.verkkokauppabtn1 {
width:119px;
height:26px;
display:block;
float:left;
background:url("img/content/verkkokauppabtn1.jpg") top left no-repeat;
}
a.verkkokauppabtn2 {
width:169px;
height:26px;
display:block;
float:left;
background:url("img/content/verkkokauppabtn2.jpg") top left no-repeat;
}
a.bluebtn4 {
width:157px;
height:25px;
display:block;
float:right;
padding:0;
margin:0;
position:relative;
top:0px;
background:url("img/content/bluebtn.jpg") top left no-repeat;
}
a.bluebtn5 {
width:157px;
height:25px;
display:block;
float:right;
padding:0;
margin:0;
position:relative;
top:15px;
right:15px;
background:url("img/content/bluebtn.jpg") top left no-repeat;
}

/* ---- */

.bc_extrat {
width:460px;
padding:120px 20px 0 0;
float:right;
}

/* ------------------------------------------------------------------- */

#black { width:100%; background:#000; clear:both; }

#ajankohtaista {
width:550px;
min-height:150px;
/*margin:0 auto;*/
margin:25px auto 25px auto;
background:url("img/ajankohtaista_leftimg.jpg") top left no-repeat;
}

#ajankohtaista h1 {
width:393px;
height:30px;
float:left;
line-height:30px;
margin-left:152px;
padding-left:15px;
font-size:14px;
text-transform:uppercase;
color:#fff;
background:url("img/ajankohtaista_topicbg.jpg") top left no-repeat;
}

#ajankohtaista ul {
list-style-type:none;
padding-left:160px;
padding-top:10px;
clear:both;
}

#ajankohtaista ul li { margin-bottom:10px; color:#fff; }

#ajankohtaista ul li a {
color:#fff;
text-decoration:none;
font-size:12px;
}
#ajankohtaista ul li a:hover { color:#CBCCBA; }

/* ------------------------------------------------------------------- */

#contact {
width:100%;
height:83px;
background:url("img/contactbg.jpg") top left repeat-x;
}

#contact_cont {
width:900px;
margin:0 auto;
padding:10px 0 0 0;
line-height:20px;
}

#contact_cont span.big { font-size:20px; }

#contact_cont p.left {
font-size:14px;
width:330px;
margin-left:110px;
color:#CBCCBA;
float:left;
}

#contact_cont p.right {
font-size:14px;
width:350px;
color:#CDCDCF;
float:left;
}

/* ------------------------------------------------------------------- */

#footer {
width:900px;
margin:0 auto;
/*padding-bottom:200px;*/
padding-top:40px;
}

#footer h6 { 
color:#CACBB9;
font-size:14px;
margin-bottom:15px;
}

#footer ul li { list-style-type:none; }

#footer a { 
color:#676860;
font-size:12px;
text-decoration:none;
}
#footer a:hover { color:#CACBB9; }

#f1 { float:left; width:150px; }

#f2 { float:left; width:150px; }

#f3 { float:left; width:150px; }

#f4 { float:left; width:150px; }

#f5 { float:right; width:250px; text-align:right; }
#f5 img { margin-right:10px; }
#f5 form {
width:244px;
height:23px;
margin:30px 0 0 0;
background:url("img/footer_hakubg.jpg") top left no-repeat;
}
#f5 input.haku_text {
width:205px;
margin-right:10px;
height:18px;/*23-padtop*/
padding:5px 0 0 0;
float:right;
background:none;
color:#aaa;
font-size:11px;
}
#f5 input.haku_submit {
width:23px;
height:23px;
float:left;
cursor:pointer;
background:none;
}


#copy {
width:900px;
margin:0 auto;
padding-bottom:180px;
padding-top:60px;
clear:both;
}
#copy p { color:#555; }


/* ---- Lightbox --------------------------------------------------------------- */

.overlay {
background:url("img/75.png");
z-index:999;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

.box_content {
width:600px;
min-height:400px;
background:url("img/lightbox_topbg2.jpg") top left no-repeat #fff;
border:10px solid #3F3F3F;
position:absolute;
top:120px;
left:25%;
}
.lightbox_padding { padding:50px 50px 50px 110px; }
.boxtext_close {
float:right;
cursor:pointer;
position:relative;
top:-20px;
right:-20px;
}

span.lb_date { color:#333; font-size:10px; }