@charset "UTF-8";
/* CSS Document */

/* PORTFOLIO */

.popup {
	padding-top: 0px;
	padding-bottom: 8px;
}

.popupwindow {
	border:#6e734b 1px dashed;
	background-color:#fff;
}

#portfolio-zoom {
	 visibility: hidden;
     position: absolute;
     left: 0px;
     top: 20px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#portfolio-zoom div {
 	 width:500px;
     margin: 20px auto;
}


/* PAGE STRUCTURE */

body {	
/*background-color: #5b6526;
background-color: #444444;*/
background-color:#4f5723;
background-image:url(image/bg_board_drkr_grnr.jpg);
font: normal normal normal 11px Arial, Helvetica, sans-serif;
color:#333333;
margin:0em 1.5em 30em 1.5em;
}

div#wrapper {
margin-top:3em;
text-align:left;
width:65em;
}

div#header	{	
clear:both;
}

div#logo {
float:left;
margin-right:7.5em;
margin-bottom:1.5em;
}

div#tag {
color:#FFFFFF;
padding-top:0.5em;
font:italic normal normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

div#paper	{	
background-color:#FFFFFF;
border:#6e734b 1px dashed;
padding:1.5em 4em 2.5em 2em;
min-height:44em;
clear:both;
}

img.services {
border:#aaa 1px solid;
margin:1em 0em 1em 0em;
}

p + img.services {
margin:2.5em 0em 1em 0em;
}


img.clients {
border:#ccc 1px solid;
margin:0em .7em .2em 0em;
}


/* TYPE */

h1	{
color:#828f39;
/*color:#FF9900;*/
/*color:#6e734b;*/
font-size:2.3em;
font-weight:normal;
margin-top:0em;
}


h2	{
color:#828f39;
/*color:#888;*/
/*color:#87baed;*/
font-size:1.75em;
font-weight:normal;
margin-top:0em;
margin-bottom:0.5em;
}


p + h2	{
margin-top:2em;
}

h2 + p {
margin-top:0em;
}

div#paper p {
line-height:1.4em;
}


h3 {
color:#555;
font-size:1.25em;
font-weight:bold;
margin-top:0em;
}

h4 {
color:#828f39;
font-size:1.25em;
font-weight:bold;
margin-top:0em;
margin-bottom:0em;
}

p + h4 {
margin-top:1.3em;
}

h4 + p {
margin-top:0.3em;
}

div.portfoliolisting {
margin-top:1.5em;
padding-top:1.5em;
min-height:162px;
border-top:#CCCCCC 1px dashed;
}

.imgleft {
float:left;
margin:0em 1.3em 1.3em 0em;
}

a:link, a:visited {	
color:#5588bb;
text-decoration:underline;
}

a:hover, a:active {	
color:#FF6600;
text-decoration:underline;
}

.prevnext {
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
color:#6699CC;
text-align:center;
margin-bottom:1.5em;
margin-top:1.5em;

}

.prevnext a {
text-decoration:none;
}

.testimonial {
color:#666666;
font-style:italic;
}

.testimonialcredit {
color:#666666;
padding: 0em 0em 0em 1.4em;
}

label {
font-weight:bold;
}

/* NAVIGATION 1 */

div#navigation {
margin:1.5em 0em 0.6em 0em;
clear:both;
}

div.navlist {
margin:0em; 
padding:0em;
text-transform:uppercase;
float:left;
}

div.navlist + div.navlist {
float: none;
text-align:right;
margin-left:10em;
text-transform: none;
}

div.navlist ul {
color:#FFFFFF;
margin:0em;
padding:0em;
font-size:.95em;
}

div.navlist li {	
display:inline;
}

div.navlist li + li { 
margin-left:10px; 
padding-left:11px; 
border-left:#FFFFFF 1px solid;
}

div.navlist a:link, div.navlist a:visited {	
color:#FFFFFF;
text-decoration:none;
}

div.navlist a.current:link, div.navlist a.current:visited {	
color:#AADDFF;
text-decoration:none;
}

div.navlist a:hover, div.navlist a:active, div.navlist a.current:hover, div.navlist a.current:active {	
color:#AADDFF;
text-decoration:underline;
}

ul.leftlist {
margin:1.5em 0em;
padding:0em;
}

ul.leftlist li {
text-transform:uppercase;
list-style-type:none;
margin:0em;
padding:0em;
}

ul.leftlist li + li {
margin-top:1em;
}

ul.leftlist a.current {
color:#FF6600;
}

.news {
border-top:#ee8800 1px solid;
border-bottom:#dd7700 1px solid;
padding:1em 0em 0em;
margin-top:4em;
}

.news h1 {
font-size:1.5em;
color:#ee8800;
}

.news p {
font-size:1.1em;
font-style:italic;
}


/* FOOTER */

div#footer {	
margin-top:0.35em;
clear:both;
}

div.footerlist {
margin:0em; 
padding:0em;
text-transform:none;
float:left;
font-size:1em;
color:#FFFFFF;
}

div.footerlist + div.footerlist {
float: none;
text-align:right;
margin-left:10em;
text-transform: none;
}

div.footerlist ul {
margin: 0em;
padding:0em;
}

div.footerlist li {
display:inline;
}

div.footerlist li + li { 
margin-left:5px; 
padding-left:6px; 
border-left:#FFFFFF 1px solid;
}

div.footerlist a:link, div.footerlist a:visited {	
color:#FFFFFF;
text-decoration:none;
}

div.footerlist a.current:link, div.footerlist a.current:visited {	
color:#AADDFF;
text-decoration:none;
}

div.footerlist a:hover, div.footerlist a:active, div.footerlist a.current:hover, div.footerlist a.current:active {	
color:#AADDFF;
text-decoration:underline;
}

div.footerlist a.blue {	
color:#AADDFF;
text-decoration:none;
}

div.footerlist a.blue:hover {	
color:#FFFFFF;
text-decoration:underline;
}


/* COLUMNS */


div.twocolumns > div.col {
margin:0em 1.5em 0em 0em; 
padding:0em;
float:left;
width:16em;
}

div.twocolumns > div.col + div.col {
float: none;
width:40em;
margin-left:17.5em;
padding:0.4em 0em 0em 2em;
border-left:#CCCCCC 1px dashed;
min-height:42.5em;
}


div.col > div.subcol {
margin:0em;
width:19em;
padding:0em;
float:left;
}

div.col > div.subcol + div.subcol {
width:18.5em;
padding:0em;
float:none;
margin-left:21em;

}


div.offcolumns > div.col {
margin: 0em 2em 0em 0em;
padding:0em;
float:left;
width:39em;
}

div.offcolumns > div.col + div.col {
float: none;
margin-left:41em;
width:17.5em;
padding:0.4em 0em 0em 2em;
border-left:#CCCCCC 1px dashed;
min-height:42.5em;
}


div.halfcolumns > div.col {
margin: 0em 2em 0em 0em;
padding:0em;
float:left;
width:28em;
}

div.halfcolumns > div.col + div.col {
float: none;
margin-left:30em;
width:28em;
padding:0.4em 0em 0em 3em;
border-left:#CCCCCC 1px dashed;
min-height:42.5em;
}


/*
div.homecolumns > .col {
margin:0em; 
padding:0em;
float:left;
width:41em;
}

div.homecolumns > div.col + div.col {
float: none;
width:16em;
margin-left:43em;
padding-top:0.65em;
}

div.twocolumns > .col {
margin:0em; 
padding:0em 0em 0em 0em;
float:left;
width:16em;
border-right:#CCCCCC 1px dashed;
min-height:40em;
}

div.twocolumns > div.col + div.col {
float: none;
width:41em;
margin-left:18em;
padding-top:0.65em;
border:none;
}
*/