/*
Theme Name: Improve Digital 0.4
Theme URI: http://www.radovleugel.com/
Description: The default Improve Digital theme 
Version: 0.4
Author: Rado Vleugel
Author URI: http://www.radovleugel.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Improve Digital 0.4
	http://www.radovleugel.com/

	This theme was designed and built by Rado Vleugel,
	whose website you will find at http://www.radovleugel.com/


*/



/* CSS reset: */
body{
padding:0;
margin:0;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#4a4b4c;
background-color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6,pre,code{
padding:0;
margin:0;
line-height:1em;
font-size:100%;
font-weight:normal;
font-style: normal;
}

img {
border:0;
}

p{
margin:1em 0;
}

/* containers: */
#logo-cont,#nav-cont, #col-cont, #col-two-cont, #art-cont, #art-cont-b, #footer-cont
{
margin: 0px auto;
width:962px;
}

#logo-cont
{
padding-top: 19px;
}

/*nav */
.l-no
{
height:65px;
float:left;
}

.l-one
{
width:83px;
height:65px;
background-image:url(images/i-one-u.png);
float:left;
display:block;
}
.l-one:hover
{
background-image:url(images/i-one-d.png);
}

.l-two
{
width:104px;
height:65px;
display:block;
float:left;
background-image:url(images/i-two-u.png);
}
.l-two:hover
{
background-image:url(images/i-two-d.png);
}

.l-three
{
width:142px;
height:65px;
background-image:url(images/i-three-u.png);
float:left;
display:block;
}
.l-three:hover
{
background-image:url(images/i-three-d.png);
}

.l-four
{
width:151px;
height:65px;
background-image:url(images/i-four-u.png);
float:left;
display:block;
}
.l-four:hover
{
background-image:url(images/i-four-d.png);
}

.l-five
{
width:61px;
height:65px;
background-image:url(images/i-five-u.png);
float:left;
display:block;
}
.l-five:hover
{
background-image:url(images/i-five-d.png);
}

.l-six
{
width:94px;
height:65px;
background-image:url(images/i-six-u.png);
float:left;
display:block;
}
.l-six:hover
{
background-image:url(images/i-six-d.png);
}

#w-teaser
{
margin-top: 14px;
width:285px;
float:left;
color:#FFFFFF;
text-align:right;
}


.c-art
{
padding-bottom: 40px;
padding-top: 30px;
border-bottom: #999999 solid 1px;
}

#w-teaser a
{
color:#FFFFFF;
text-decoration:none;
}

#w-teaser a:hover
{
color:#4a4b4c;
text-decoration:none;
}




#nav-cont
{
clear:both;
height: 65px;
background:url(images/hor-nav-bg.png) left no-repeat;
z-index: 199;
position:relative;
}

#nav-cont2
{
height: 49px;
margin-left: 10px;
position:relative;
top: 6px;
}


#nav-cont li, #nav-cont ul
{
list-style:none;
padding: 0;
margin: 0;
font-size:14px;
}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color:#000000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 15px 16px 0 16px; border-right: 1px solid #949697; border-left: 1px solid #c2c3c5; height: 34px;
	 								  color: #4a4b4c; text-decoration:none; overflow:hidden; /* text-shadow: 1px 1px white; */ letter-spacing: 1px; }								  
 ul.dropdown span li a                    { border-left: none; }

ul.dropdown li.hover,
ul.dropdown li:hover                { background: #d3d3d5; background-image:url(images/grh2.png); position: relative; color: black; }
ul.dropdown span li:hover           { background-image:url(images/hhome.png); position: relative; color: black; }
ul.dropdown li.hover a              { color:#ffffff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; border-left: #949697 solid 1px; left: -1px; border-right: #949697 solid 1px; left: -1px;}
ul.dropdown ul li 					{ font-weight: normal; background: #d3d3d5; 
									  border-bottom: 1px solid #949697;  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; border-left: none; width: 100%; display: inline-block; padding: 4px 16px 4px 16px;  height: 17px;
	 								  color: black; text-decoration:none; overflow:hidden; } 
ul.dropdown ul li.hover,
ul.dropdown ul li:hover { background: #349ed8;  background-image:url(images/blh.png);  }									  
									  

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#login-cont
{
float:right;
width: 321px;
height: 62px;
background:url(images/loginBG.gif) left no-repeat;
}

#login-cont2
{
float:right;
width: 321px;
height: 62px;
list-style:none;
color: #97999c;
text-align:right;
}

#promo-cont
{
height: 213px;
width: 634px;
float:left;
}

#col-cont
{
height: 251px;
background:url(images/col3.png) left no-repeat;
}


#col1-cont, #col2-cont, #col3-cont
{
width:240px;
height: 163px;
float: left;
margin-top: 41px;
}

#col1-cont
{
margin-left: 54px;
}
#logo
{
float:left;
}
#col2-cont, #col3-cont
{
margin-left: 67px;
}

#col-two-cont
{
height: 213px;
background:url(images/col2.png) left no-repeat;
}

#art-cont
{
background:url(images/articlemBG.png) repeat-y;
}

#art-cont-t
{
background:url(images/articletopBG.png) top no-repeat;
}

#art-cont-b
{
background:url(images/articlebBG.png) top no-repeat;
height: 57px;
margin-top: -12px;
}

#art
{
width: 851px;
min-height: 300px;
margin-left: 56px;
padding-top: 30px;
font-size:12px;
line-height:1.8em;
z-index: 10;
}

/* main divs: */
.alignleft
{
float:left;
padding-right: 10px;
}

.alignright
{
float:right;
padding-left: 10px;
}

.aligncenter
{
padding-left: 12px;
}


.col
{
height: 135px;
}

.col-b
{
height: 153px;
}

.help
{
margin-top:10px;
}



.news
{
text-align:left;
}

.news a
{
text-decoration:none;
}

#help-cont
{
width:242px;
height: 163px;
float: left;
margin-top: 41px;
margin-left: 33px;
text-align:center;
}



#login
{
float: right;
margin-right: 37px;
margin-top: 8px;
margin-left: 20px;
}


.ifield {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #97999c;
font-size:10px;
width: 92px;
height: 12px;
color: #97999c;
}

.lost {
font-size:10px;
}

.lost a {
text-decoration:none;
}
a:link {
	color: #0479c1;
}
h2 a:link {
text-decoration:none
}
a:visited {
	color: #0479c1;
}
a:hover {
	color: #d58c01;
}


#col2-cont a {
	text-decoration:none;
}
#col2-cont a:link {
	color: #4a4b4c;
}
#col2-cont a:visited {
	color: #4a4b4c;
}
#col2-cont a:hover {
	color: #d58c01;
}

#footer
{
text-align:center;
color:#acadaf;
margin-top: 10px;
height: 30px;
overflow: hidden;
}


#footer a:link {
	color: #acadaf;
}
#footer a:visited {
	color: #acadaf;
}
#footer a:hover {
	color: #d58c01;
}

/* read more button: */
* html a:hover{visibility:visible}

.rmb
{
width:99px;
height:26px;
float:right;
}



.edit
{
float:left;
}

h2
{
font-size:18px;
color:#002d55;
letter-spacing: 2px;
}

.ddop
{
margin-top: 22px;
}

.ddop strong
{
color: #acadaf;
font-style:normal;
font-weight:bold;
}

.ddop em
{
color:#002d55;
font-style:normal;
font-weight:bold;
}


.ddop ul
{
list-style:none;
list-style-position:outside;
padding: 0 0 12px 0px;
margin: 0;
}

.ddop li
{
margin: 0px;
padding: 0;
}

/* skinned select */

div.skinned-select {
	background: url(images/skin.png) no-repeat scroll 0pt 100%;
	height: 25px;
}
div.skinned-select select {
	opacity: 0;
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	position: relative;
	z-index: 100;
}
div.skinned-select .select-text {
  position: absolute;
	line-height: 25px;
	width: 242px;
	z-index: 1;
}
div.skinned-select .select-text,
div.skinned-select select,
div.skinned-select select option {
	width: 242px;
	font-size: 11px;
}

/* non javascript version select */

.my-skinnable-select select {
  width: 242px;
  font-size: 11px;
  border: 1px solid #D5E6EE;
}


#carousel
{
	width: 700px;
	height: 150px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -350px;
}
#carousel a
{
	position: absolute;
	width: 110px;
}

.col-b a:hover img, .rmb a:hover img   {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity: 0.7;
}