body {margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#ccc; background:#000 url(../images/bg-site.jpg) no-repeat top left}
img {behavior:url(/js/iepngfix/iepngfix.htc)}
div {behavior:url(/js/iepngfix/iepngfix.htc)}
a {behavior:url(/js/iepngfix/iepngfix.htc)}
img {border:0; vertical-align:top}
a, img {outline:none}
form, p {margin:0; padding:0}
h1 {font-size:22px; font-weight:normal; position:absolute; top:15px; left:64px; color:#999}
h1, h2, h3 {margin:0}
.logo {width:200px; float:left}
h2 {font-size:21px; color:#ccc; text-transform:uppercase; padding:0 0 10px 0}

#glb-container {margin:0; padding:0; width:100%}
#headertext{}

#top-menu {margin:50px 0 0 0; width:100%; height:40px; background:url(../images/bg-menu.png) repeat-x top left}
#top-menu ul {margin:0 0 0 115px; padding:0; float:left}
#top-menu li {list-style-type:none; float:left; margin:0; padding:0}
#top-menu li a {display:block; text-indent:-9999em; overflow:hidden; height:40px}
#scroller {width:100%; height:260px; background:url(../images/bg-scroller.png) repeat-x top left; margin:250px 0 0 0}
#content {width:100%; background:url(../images/bg-content.png) repeat top left; margin:50px 0 0 0}
#slogan h3 {float:left; margin:25px 0 0 450px; font-size:19px; width:500px; color:#ccc; text-align:right}

.blur {background:url(../images/menu-text.png) no-repeat 45px 2px; float:left; height:40px; width:100%}
.blur:hover {background:url(../images/menu-text.png) no-repeat 45px -37px;}

.logo {background:none; text-indent:-9999em; display:block; height:40px; width:200px}
.logo:hover {background:url(../images/menu-text.png) no-repeat 45px 2px}
.about {width:75px}
.about:hover {background:url(../images/menu-text.png) no-repeat -270px 2px}
.services {width:80px; margin:0 0 0 57px}
.services:hover {background:url(../images/menu-text.png) no-repeat -402px 2px}
.portfolio {width:100px; margin:0 0 0 56px}
.portfolio:hover {background:url(../images/menu-text.png) no-repeat -538px 2px}
.contact {width:90px; margin:0 0 0 57px}
.contact:hover {background:url(../images/menu-text.png) no-repeat -695px 2px}

.scroll-bar {margin:0; padding:75px 0 0 0; float:left}
.scroll-bar li {list-style-type:none; float:left; padding:0 25px}

.copyright {width:200px; float:right; text-align:left; padding:20px 0}
.phone {float:left; text-align:left; padding:20px 64px; width:300px}
.phone a {text-decoration:none; color:#ccc}

#scroll-tab {p2osition:relative; width:100%}
#scroll-tab #buttons {width:100%}
#scroll-tab .prev {float:left; background:url(../images/arrow-left.png) no-repeat top left; display:block; text-indent:-9999em; width:51px; height:51px; margin:100px 10px 0 10px; outline:none}
#scroll-tab .next {float:right; background:url(../images/arrow-right.png) no-repeat top left; display:block; text-indent:-9999em; width:51px; height:51px; margin:100px 10px 0 10px; outline:none}
#scroll-tab .prev:hover { background:url(../images/arrow-left-hover.png) no-repeat top left}
#scroll-tab .next:hover { background:url(../images/arrow-right-hover.png) no-repeat top left}

#scroll-tab #slideshow {overflow:hidden; width:825px; margin:0 auto; position:relative; top:65px}
#scroll-tab #slideshow ul {width:3000px; margin:65px 0 0 0}
#scroll-tab #slideshow li {float:left; margin:0; cursor:pointer; padding:0 10px; list-style-type:none; width:255px; overflow:hidden; height:auto !important}
#scroll-tab #slideshow img {filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; width:255px}
#scroll-tab #slideshow a {text-decoration:none}
#scroll-tab #slideshow a:hover img {filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}

#slideshow p {height:30px; position:relative; top:-30px; background:#fff; padding:0 5px; color:#000; opacity: .6; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}

*html #scroll-tab #buttons {position:absolute; left:0}
*html #scroll-tab #buttons a {cursor:pointer}

*+html #scroll-tab #buttons {position:absolute; left:0}

.theme {padding:20px 315px}
.theme p {margin:10px 0 0 0; font-size:16px}
.theme dl h2 {text-transform:uppercase; font-size:16px; padding:10px 0}
.theme dd {padding:0 0 0 30px; font-size:14px}
.theme li {font-size:14px}
.theme a {text-decoration:underline; color:#ccc}
.theme a:hover {text-decoration:none}

.theme-portfolio {padding:20px 50px}
.theme-portfolio h2 {padding:0 0 10px 265px}
.gallery {width:750px; margin:0 0 0 35px}

.item-node {margin:20px 0 10px 265px; width:640px; float:left}
.item-node h3 {float:right; font-size:14px; text-transform:uppercase; padding:2px}

.contact-form {margin:20px 0 0 0; width:400px}
.contact-form fieldset {border:none; margin:0; padding:0}
.contact-form legend {display:none}
.contact-form label {display:block; font-size:14px}
.contact-form input {border:1px solid #ccc; margin:0 0 10px; padding:2px; width:400px}
.contact-form textarea {border:1px solid #ccc; width:403px}
.contact-form .btn-submit {background:url(../images/btn-submit.png) no-repeat top left; border:none; float:left; width:143px; height:48px; margin:0 0 0 -7px; cursor:pointer}
.contact-form .btn-reset {background:url(../images/btn-reset.png) no-repeat top left; border:none; float:left; width:143px; height:48px; margin:0 0 0 -7px; cursor:pointer}
