html { overflow-x: hidden; overflow-y: scroll; } /*overflow: -moz-scrollbars-vertical; overflow-y: visible; }*/
html, body { width: 100%; height: 100%; }
body { font-family: Arial; font-size: 14px; line-height: 18px; color: White; }
.wrapper h1 { text-indent: -9999px; }
.wrapper h2 { text-indent: -9999px; background: transparent url(../Images/headers.png) no-repeat; }
input, textarea { margin: 0; padding: 0; font-size: 14px; font-family: Arial; }
a { color: White; }

a, input, textarea { border: solid 1px #000; }
a:hover, input:hover, textarea:hover { border-color: #33ACFF; } /* 69B2E4 6CACD8 */
a:hover { color: #33ACFF; }

/* optional border radius */
input, textarea { -moz-border-radius: 6px; -webkit-border-radius: 6px; } 
.portfolio, .contact, .style-manager-box { -moz-border-radius: 10px; -webkit-border-radius: 10px; } 
.contact a { -moz-border-radius: 7px; -webkit-border-radius: 7px; color: White; text-decoration: none; }
.val-summary ul { -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.clear { clear: both; }

.wrapper { margin: 0 auto; width: 950px; position: relative; }

.bg-image { position: absolute; top: 0; left: 0; z-index: -1; }

.logo { padding-top: 4px; } 
.logo h1 { height: 131px; background: transparent url(../Images/logo-shad-leaves-final3.png) no-repeat; }
.logo h2 { margin-top: -2px; margin-right: 4px; background-position: 257px -6px; height: 36px; }

.skills { 
    background: transparent url(../Images/trans-bg.png) repeat; 
    padding: 5px; 
    border-top: solid 1px black; border-bottom: solid 1px black;  
    position: absolute;
    top: 175px;
    /*top: 260px;*/
    width: 100%;
    /*font-style: italic;*/
}
.skills ul { text-align: center; font-size: 10px; color: #ccc;  }
.skills ul li { display: inline; padding-left: 4px; /*border-left: 1px solid #999; */white-space: nowrap; }
.skills ul li.first { border: none; }

.portfolio,
.contact
{
    background: transparent url(../Images/trans-bg.png) repeat; 
    padding: 15px;
    border: solid 1px black;
    margin-top: 110px;
    display: inline;
}

.portfolio h2,
.contact h2 { height: 24px; margin-bottom: 8px; }

.portfolio { float: left; width: 402px; margin-left: 55px; }
.portfolio h2 { background-position: 0px -113px; }
.portfolio a { display: block; width: 400px; border-color: #ddd; }
.portfolio a:hover { border-color: #33ACFF; }

.contact { float: right; width: 300px; margin-right: 55px; }
.contact h2 { background-position: 0px -63px; }
.contact label { float: left; clear: both; margin-top: 2px; text-transform: lowercase; }
.contact label.message-label { margin-bottom: 3px; }
.contact .req { color: #33ACFF; margin-left: 5px; margin-top: 2px; }

.contact .val-summary { width: 235px; float: left; }
.contact .val-summary ul { color:#33ACFF; margin-top: 10px; background: black; padding: 5px; border: 1px dotted; text-align: center; }

.contact input { float: left; padding: 2px 4px; width: 200px; float: right;  }
.contact textarea { float: left; padding-left: 4px; width: 293px; height: 120px; clear: both; float: left; }
.contact a { float: right; margin-top: 10px; }

.contact input, 
.contact textarea, 
.contact label { margin-bottom: 5px; }

.boxy-wrapper .answers input { color: White; margin: 5px; }

.contact a,
.boxy-wrapper .answers input
{ padding: 5px 10px; background: #086D9C; font-weight: bold; text-transform: lowercase; border-color: White; }

.contact a:hover,
.boxy-wrapper .answers input:hover
{ background: #00AEFF; }

.partners { border-top:1px solid #F0F0F0; margin-top: 40px; margin-left: 200px; margin-right: 200px; padding: 10px; }
.partners .kentico { margin:0 auto; width:163px;}
.partners .kentico a { display: block; border: none; width: 163px; height: 50px; background: transparent url(../Images/Kentico-Certified-Partner.png) no-repeat bottom right; }

.style-manager-box 
{
	position: absolute;
	top: 50px;
	right: 55px;
    background: transparent url(../Images/trans-bg.png) repeat; 
    padding: 15px;
    border: solid 1px black;
    width: 300px;
}
.style-manager-box a 
{
	border: none;
	font-weight: bold;
	font-size: 18px;
}
.style-manager-box span
{
	font-size: 14px;
}
.style-manager-box p
{
	margin-top: 5px;
}

.site-of-the-year 
{
	position: absolute;
    bottom: 70px;
    left: 15px;
} 

.site-of-the-year-link 
{
	border: none;	
}