* {
	font:10pt 'Frutiger','Geneva', 'Lucida Sans', 'Euphemica', 'Verdana',sans-serif;
	line-height:18pt;
	color:#eee;
	text-transform:lowercase;
}

body {
	background-color:#555;
	margin:0px;
}

a {
    color:#ca4;
    text-decoration:none;
}
a:hover {
    color:#fff;
}

p {
    padding-top:0px;
    margin-top:0px;
}


div#page_container {
	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	
	min-width:800px;	/* W/2 */
	min-height:640px;	/* H/2 */
			
}


div#top {
	position:absolute;
	left:0px;
	top:0%;
	width:100%;
	background-color:#444;
}

div#page {
	position:absolute;
	left:0px;
	width:100%;
	overflow:hidden;
}

div#page div#title {
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
	height:100%;	
}

div#page div#title h1 {
	position:absolute;
	z-index:9;
	margin:0px 12px 0px 0px;
	margin:0px 12px 0px 0px;
	right:70%;
	width:30%;
	top:0px;
	height:100%;
	text-align:right;
    font-size:18pt;
	padding-right:12px;
	border-right:2px solid #eee;

	background-color:#555;
}
div#page div#title h2 {
	position:absolute;
	padding:0px;
	margin:0px;
	left:30%;
	width:70%;
	top:0px;
	height:100%;
    font-size:18pt;
    white-space:nowrap;
}

div#navigation {
	z-index:9;
	position:absolute;
	margin-top:20px;
	top:18pt;
	left:30%;
	width:70%;
	white-space:nowrap;
}
div#navigation ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
div#navigation ul li {
	display:inline;
	padding-right:5px;
}
div#navigation ul li a {
	text-decoration:none;
	color:#ccc;
}
div#navigation ul li a:hover {
	color:#fff;
}
div#navigation ul li span {
	color:#999;
}

div.main {
	position:absolute;
	top:80px;
	left:30%;
	width:400px;
	height:70%;
	
	overflow:hidden;
}

div.main h2 {
	display:none;
}

div#start {
	position:absolute;
	left:30%;
	width:70%;
	bottom:100px;
	overflow:hidden;
}
div#start h3 {
	position:relative;
	padding:0px;
	margin:0px;
	font-size:16pt;
	color:#aaa;
}

div#about {
    text-align:justify;
}



div#clients {

}
div#clients ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
div#clients ul li {
    display:block;
}

div#clients ul li a {
}
div#clients ul li a:hover {
}


div#portfolio {
	position:absolute;
	left:0px;
	width:100%;
	height:520px;
	bottom:0px;
	overflow:hidden;
}


div#portfolio h2 {
	display:none;
}

div.v_scroll_area {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    overflow:hidden;
}

div.v_scroll_area div.scroll_content {
    position:absolute;
    left:0px;
    right:22px;
}

div.v_scroll_area div.scroll_track {
    position:absolute;
    right:0px;
    top:0px;
    width:10px;
    height:100%;
    overflow:visible;
}
div.v_scroll_area div.scroll_track.inited {
    background-color:#555;
}

div.v_scroll_area div.scroll_track:hover, div.v_scroll_area div.scroll_track.active {
    background-color:#494949;
}

div.v_scroll_area div.scroll_track div.scroll_handle {
    left:0px;
    top:0px;
    width:100%;
    height:50px;
    cursor:move;
}

div.v_scroll_area div.scroll_track.inited div.scroll_handle {
    background-color:#777;
}

div.v_scroll_area div.scroll_track:hover div.scroll_handle, div.v_scroll_area div.scroll_track.active div.scroll_handle {
    background-color:#ccc;
}
