/*  
Theme Name: Hodaiu Direkton
Theme URI: http://www.typepress.net
Description: Need Assistance? <a href="http://www.typepress.net">Contact us</a> via our website!
Version: 1.0
Author: Typepress.net
Author URI: http://www.typepress.net
*/


/* Global Settings */
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:75% helvetica, arial, sans-serif;
background:#dedede url(img/bg.jpg);
color:#333;
}
 
/* Common Formatting */
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
text-transform: uppercase;
}
 
p, ul, ol {
margin:0;
}
 
ul, ol {
list-style:none;

}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/* Links */
 
a, a:visited {
text-decoration:none;
color:#238fbc;}

a, a:hover{
text-decoration:none;
color:#F31688;
}
 
/* Forms */
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em helvetica, arial, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:help;
margin:20px;
}
 
 
/* Wrapper */
 
#wrap {
width:960px;
margin:0 auto;
}
 
/* Global Classes */
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; position:relative; overflow:hidden; }

 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#fffffc; padding-left:4px; padding-right:4px; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px;  }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.center-me     { margin:0 auto; }

/* Layout */

#wrapper {
margin:0 100px;
width:475px;
background:#f9f9f9;
min-height:800px;
}

#header {
width:100%; height:50px;
}

.logo {
width:250px; height:60px;
position:relative;
top:20px;
margin-left:28px;
background:url(img/logo.gif) no-repeat;
float:left;
}

.nav {
float:right;
position:relative;
top:35px;
margin-right:20px;
}

.nav ul, .nav ul li {
display:inline;
list-style-type:none;
margin:0; padding:0;
}

.nav a {
margin-left:18px;
font-size:1.5em;
color:#cacaca;
padding-bottom:3px;
}

.nav li.current_page_item a, .nav a:hover {
color:#238fbc;
border-bottom:1px dashed #F31688;
}

/* Accordions */
		
#acc_wrap {
width:475px;
margin:0 auto;
margin-top:60px;
overflow: hidden;
position:relative;
}

#acc_wrap a, #acc_wrap a:visited {
text-decoration:none;
color:#238fbc;}

#acc_wrap a:hover{
text-decoration:none;
border-bottom:1px dashed #F31688;
color:#238fbc;
}

.accordion_toggle {
display: block;
height: 30px;
width: 455px;

background:#238fbc;

padding: 0 10px 0 10px;
line-height: 30px;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 1.0em;
color:#FFF;
cursor: pointer;
border-bottom:1px solid #f2f2f2;
}
		
.accordion_toggle_active {
background: #535353;
color: #ffffff;
}
		
.accordion_content {
/* REQUIRED */
height: 0px;
/* REQUIRED */
background-color: #f4f4f4;
color: #444;
overflow: hidden;
width:100%;
position:relative;
border-bottom:1px solid #FFF;
}

 
.accordion_content p {
line-height: 150%;
padding: 10px 10px 10px 10px;
}
			
.accordion_content h1 {
margin: 15px 0 5px 10px;
color: #333;
}

.drophead {
width:100%;
background:#f4f4f4;
height:25px;
border-bottom:1px solid #FFF;
border-top:1px solid #FFF;
cursor:pointer;
}

.center_me {
width:250px; height:20px;
margin:0 auto;
position:relative;
top:2px;
}

#fulldrop {
background:#5a5a5a;
height:220px;
border-left:2px solid #FFF;
border-right:2px solid #FFF;
color:#f2f2f2;
}

a { outline:none; }


.block {
margin-left:25px;
float:left;
width:27%;
min-height:160px;
margin-top:25px;
}

.blockholder { margin:0 auto; width:95%;}


* html .block { width:22%; }
* html .blockhoder { width:100%; }

.block h1, .block h2, .block h3 { 
color:#989898;
margin:0px; 
padding:0px;
} 

.block ul { margin:0; padding:0; list-style-type:none; }

.block ul li {
padding-top:10px;
}

.block a {
margin:0; 
color:#dadada;
font-size:1.2em;
background:#4c4c4c;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
}

.tagdiv {
margin-left:30px;
}

.block ul li a:hover { background:#238FBC; }

.float-right2 a, .float-right2 a:visited {
float:right;
margin-right:30px;
border-bottom:1px dashed #F31688;
overflow:hidden;
font-size:1.3em;
}

.float-right2 a:hover {
color:#238FBC;

}

/* A CSS Sticky Footer */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -85px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 85px; /* .push must be the same height as .footer */
}

.push { clear:both; }
.foottop {
margin:0 100px;
width:475px;
background:#F4F4F4;
border-top:1px solid #FFF;
text-align:center;
color:#737373;
padding-top:6px;
height:1.8em;
}

.bottom {
background:#5a5a5a;
height:3em;
border-left:2px solid #FFF;
border-right:2px solid #FFF;
color:#f2f2f2;
width:471px;
margin:0 100px;
padding-top:20px;
text-align:center;
}

.bottom a {
color:#dadada;
font-size:1.2em;
background:#4c4c4c;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
margin-left:10px;
margin-right:10px;
}


.bottom a:hover { background:#238FBC; }