/*
Theme Name: WordPress Classic
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #939393;
	line-height:normal;
	background:#3a3a3a;
	}
a {color:#FFF; text-decoration:none;outline: none;}
a:active
{
  outline: none;
}
p {opacity: 0.9999;}
#container {margin:0 auto; width:820px; height:auto;}
#header {height:57px; width:auto; background: url('images/logo.png') no-repeat 0px 15px;}
#header h1 {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-indent:-9999px;}
#header h1 a {}

#headercontainer {width:auto; height:35px;margin:20px 0px 17px 0px; }
/*Apple Menu*/
.nav {width: 820px;height: 35px;background: url('images/menu.png') no-repeat;
top:73px; position:absolute;}
.nav li {display: inline;}
.nav li a:link, .nav li a:visited {position: absolute;top: 0px;height: 35px;text-indent: -9000px;overflow: hidden;z-index: 10;}
/*HOME*/
.nav .home a:link, .nav .home a:visited {left: 0px;width: 80px;}
.nav .home a:hover, .nav .home a:focus {background: url('images/menu.png') no-repeat 0px -35px;}
.nav .home a:active {background: url('images/menu.png') no-repeat 0px -70px;}
.current-home .home a:link, .current-home .home a:visited {background: url('images/menu.png') no-repeat 0px -70px;cursor: default;}
.nav-home, .nav-home-click {position: absolute;top: 0;left: 0px;width: 80px;height: 35px;background: url('images/menu.png') no-repeat 0px -35px;}
.nav-home-click {background: url('images/menu.png') no-repeat 0px -70px;}

/*ABOUT*/
.nav .about a:link, .nav .about a:visited {left: 80px;width: 90px;}
.nav .about a:hover, .nav .about a:focus {background: url('images/menu.png') no-repeat -80px -35px;}
.nav .about a:active {background: url('images/menu.png') no-repeat -80px -70px;}
.current-about .about a:link, .current-about .about a:visited {background: url('images/menu.png') no-repeat -80px -70px;cursor: default;}
.nav-about, .nav-about-click {position: absolute;top: 0;left: 80px;width: 90px;height: 35px;background: url('images/menu.png') no-repeat -80px -35px;}
.nav-about-click {background: url('images/menu.png') no-repeat -80px -70px;}

/*ABOUT*/
.nav .services a:link, .nav .services a:visited {left: 170px; width:110px;}
.nav .services a:hover, .nav .services a:focus {background: url('images/menu.png') no-repeat -170px -35px;}
.nav .services a:active {background: url('images/menu.png') no-repeat -170px -70px;}
.current-services .services a:link, .current-services .services a:visited {background: url('images/menu.png') no-repeat -170px -70px;cursor: default;}
.nav-services, .nav-services-click {position: absolute;top: 0;left: 170px;width:110px;height: 35px;background: url('images/menu.png') no-repeat -170px -35px;}
.nav-services-click {background: url('images/menu.png') no-repeat -170px -70px;}

/*Contact*/
.nav .contact a:link, .nav .contact a:visited {left: 280px;width: 130px;}
.nav .contact a:hover, .nav .contact a:focus {background: url('images/menu.png') no-repeat -280px -35px;}
.nav .contact a:active {background: url('images/menu.png') no-repeat -280px -70px;}
.current-contact .contact a:link, .current-contact .contact a:visited {background: url('images/menu.png') no-repeat -280px -70px;cursor: default;}
.nav-contact, .nav-contact-click {position: absolute;top: 0;left: 280px;width: 130px;height: 35px;background: url('images/menu.png') no-repeat -280px -35px;}
.nav-contact-click {background: url('images/menu.png') no-repeat -280px -70px;}
/*inside*/
.nav .inside a:link, .nav .inside a:visited {left: 410px;width: 100px;}
.nav .inside a:hover, .nav .inside a:focus {background: url('images/menu.png') no-repeat -410px -35px;}
.nav .inside a:active {background: url('images/menu.png') no-repeat -410px -70px;}
.current-inside .inside a:link, .current-inside .inside a:visited {background: url('images/menu.png') no-repeat -410px -70px;cursor: default;}
.nav-inside, .nav-inside-click {position: absolute;top: 0;left: 410px;width: 100px;height: 35px;background: url('images/menu.png') no-repeat -410px -35px;}
.nav-inside-click {background: url('images/menu.png') no-repeat -410px -70px;}
/*achieve*/
.nav .achieve a:link, .nav .achieve a:visited {left: 510px;width: 130px;}
.nav .achieve a:hover, .nav .achieve a:focus {background: url('images/menu.png') no-repeat -510px -35px;}
.nav .achieve a:active {background: url('images/menu.png') no-repeat -510px -70px;}
.current-achieve .achieve a:link, .current-achieve .achieve a:visited {background: url('images/menu.png') no-repeat -510px -70px;cursor: default;}
.nav-achieve, .nav-achieve-click {position: absolute;top: 0;left: 510px;width: 130px;height: 35px;background: url('images/menu.png') no-repeat -510px -35px;}
.nav-achieve-click {background: url('images/menu.png') no-repeat -510px -70px;}
/*dev*/
.nav .dev a:link, .nav .dev a:visited {left: 640px;width: 90px;}
.nav .dev a:hover, .nav .dev a:focus {background: url('images/menu.png') no-repeat -640px -35px;}
.nav .dev a:active {background: url('images/menu.png') no-repeat -640px -70px;}
.current-dev .dev a:link, .current-dev .dev a:visited {background: url('images/menu.png') no-repeat -640px -70px;cursor: default;}
.nav-dev, .nav-dev-click {position: absolute;top: 0;left: 640px;width: 90px;height: 35px;background: url('images/menu.png') no-repeat -640px -35px;}
.nav-dev-click {background: url('images/menu.png') no-repeat -640px -70px;}
/*con*/
.nav .con a:link, .nav .con a:visited {left: 730px;width: 90px;}
.nav .con a:hover, .nav .con a:focus {background: url('images/menu.png') no-repeat -730px -35px;}
.nav .con a:active {background: url('images/menu.png') no-repeat -730px -70px;}
.current-con .con a:link, .current-con .con a:visited {background: url('images/menu.png') no-repeat -730px -70px;cursor: default;}
.nav-con, .nav-con-click {position: absolute;top: 0;left: 730px;width: 90px;height: 35px;background: url('images/menu.png') no-repeat -730px -35px;}
.nav-con-click {background: url('images/menu.png') no-repeat -730px -70px;}
/*#skyline {
    width: 820px; height: 35px;
    background: url('images/menu.png');
    margin: 0px auto; padding:0px 0px 0px 0px;
    position: relative;}
#skyline li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; display:inline;
	}
#skyline li, #skyline a {
    height: 35px;  display: block;}
#skyline a {text-indent:-9999px;}*/
/*Links*/
/*#menu_project{left: 0; width: 80px;}
#menu_genplan {left: 80px; width: 90px;}
#menu_views{left: 170px; width: 110px;}
#menu_plans {left: 280px; width: 130px;}
#menu_inside {left: 410px; width: 100px;}
#menu_achieve {left: 510px; width: 130px;}
#menu_dev {left: 640px; width: 90px;}
#menu_contact {left: 730px; width: 90px;}*/
/*Hover*/
/*#menu_project a:hover {background: transparent url(images/menu.png) 0 -35px no-repeat;}
#menu_genplan a:hover {background: transparent url(images/menu.png) -80px -35px no-repeat;}
#menu_views a:hover {background: transparent url(images/menu.png) -170px -35px no-repeat;}
#menu_plans a:hover {background: transparent url(images/menu.png) -280px -35px no-repeat;}
#menu_inside a:hover {background: transparent url(images/menu.png) -410px -35px no-repeat;}
#menu_achieve a:hover {background: transparent url(images/menu.png) -510px -35px no-repeat;}
#menu_dev a:hover {background: transparent url(images/menu.png) -640px -35px no-repeat;}
#menu_contact a:hover {background: transparent url(images/menu.png) -730px -35px no-repeat;}*/
/*Active*/
/*#menu_project a:active {background: transparent url(images/menu.png) 0 -70px no-repeat;}
#menu_genplan a:active {background: transparent url(images/menu.png) -80px -70px no-repeat;}
#menu_views a:active {background: transparent url(images/menu.png) -170px -70px no-repeat;}
#menu_plans a:active {background: transparent url(images/menu.png) -280px -70px no-repeat;}
#menu_inside a:active {background: transparent url(images/menu.png) -410px -70px no-repeat;}
#menu_achieve a:active {background: transparent url(images/menu.png) -510px -70px no-repeat;}
#menu_dev a:active {background: transparent url(images/menu.png) -640px -70px no-repeat;}
#menu_contact a:active {background: transparent url(images/menu.png) -730px -70px no-repeat;}*/

/*Content*/
#content {width:auto; height:390px; padding:0px; margin:0px;}
#img_main {width:520px; float:left; height:390px; }
#content_r {width:280px; float:right; height:390px; margin:0px; padding:0px 0px 0px 20px; text-align:justify; overflow:hidden;}
#content_r h1 a, #content_r h1{color:#FFF; font-size:20px; margin:0px; padding:0px; line-height:normal; text-align:left;}
#content_r h2 {color:#a1a1a1; font-size:14px; margin:15px 0px 8px 0px ; padding:0px; line-height:normal; text-align:left;}
.scroll-pane {width: 290px;overflow: auto;float: left;}
#pane1 {height:380px; padding:5px;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #a1a1a1;}
.jScrollPaneDrag {position: absolute;background: #808080;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}			

/*Footer*/
#footer {width:auto; height:auto; margin-top:30px; color:#939393; text-align:center; letter-spacing:1px; word-spacing:2px; font-size:11px;}
#footer a {color:#939393;}