body,td,p,* {
	font-family: 'Courier New', Courier, monospace;
	font-size: 12px;
	color: #ccc;}
div {position:relative}
body {margin: 0; text-align: left; }
img {border:0; margin:0;}

a {font-size: 14px; color: #aaa; font-weight: bold; text-decoration: none; outline:0;}
a:hover, a:active, a:focus {text-decoration: none; color: #8bda45;}
#indexmenu {position:absolute; top:100px; left:420px; width:450px}
#indexmenu a {margin-right:15px;}
#topmenu {margin-top:15px; float:right; z-index:100; min-width:450px;}
#topmenu a {font-weight:normal; margin:0 5px 0 15px; font-size:15px; display:block; height:47px; float:left;}
#topmenu a:hover, #topmenu a:active, #topmenu a:focus, .on {background:url(v.gif) no-repeat center bottom; color: #8bda45;}
#navig {position:absolute; top:630px; left:880px; background:url(arrows.png) no-repeat; display:block; height:68px; width:105px; padding:5px 0 0 3px}
#navig  a {width:50px; height:60px; display:block; float:left;}
.txt, .txt_ptf, .txt_paints {padding:30px 0 30px 20px; max-width:970px;}

.txt_ptf, .txt_paints {min-height:436px; padding-bottom:0; background: url(loader.gif) no-repeat; background-position: 10% 40%}

#wave {height:90px; width:100%; background:#545454 url(wavebg2.gif) repeat-x 960px 0; overflow:hidden;}
#wave img {float:left; margin-top:7px}

#topframe {background-color:#545454; display:block; width:100%; }
#head {display:block; height:50px; padding-top:20px; background:url(topline1.gif)}
#logo {float:left}
.dark {padding:20px 0 30px 20px; background:#444444; border-top:1px solid #222; border-bottom:1px solid #666;}
p.dark {padding:20px 70px 20px 20px;}

#list {width:300px; margin:0px 0 0 30px; position:relative; top:-20px}
#list .current {color:#8bda45}

.righthang {width:170px; float:right;}
.righthang  .hang {background:#707070; padding:15px; -moz-border-radius: 5px; border-radius: 5px}
.righthang2{position:absolute; left:600px}

.projname, h1, .txtwhite h1, .new {color:#8bda45; font-size:24px; font-weight:bold; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans; font-weight: normal;}
.subname, .p3 {color:#8bda45; font-size:14px; margin-bottom:20px}
.panes .projname, p.subname {margin:5px 0; color:#999}
.proj {position:absolute; left:505px; width:460px;}
.p0 {font-weight:bold; display:block; padding-left:60px; text-align:right; color:#bbb;}
.p1, .p2 {background:url(p1.gif) no-repeat; display:block; height:40px; width:390px; padding:20px 0 0 70px; position:absolute; top:150px; color:#ccc;
-moz-border-radius:5px; border-radius:5px}
.p2 {background-image:url(p2.gif); top:213px}
.p3 {background:url(p3.gif) no-repeat left; display:block; height:50px; width:925px; padding:20px 20px 0 20px; margin:10px 0 0 5px; color:#ccc;}
.comment {font-weight: normal; color:#888}
.quote {background:url(quotes3.gif) no-repeat top left; position:absolute; top:515px; left:350px; display:block; width:380px; 
		padding-left:60px; padding-top:15px; font-size:11px; line-height:12px; color:#777}
.quote i {color:#79c834;}

#portrait {float:left; margin-right:33px; width:237px; -moz-border-radius:3px; border-radius:3px;}
.aboutme {max-width:450px; float:left}

.new {background:#8bda45; padding:6px 20px; color:#444; text-shadow:1px 1px 0px #bbee99; border-top:1px solid #bbee99; border-bottom:1px solid #8bda45;
	-moz-box-shadow:1px 1px 1px #222, inset 0px -10px 15px #69b823; -webkit-box-shadow:1px 1px 1px #222, inset 0px -10px 15px #69b823; box-shadow:1px 1px 1px #222, inset 0px -10px 15px #69b823; 
	-moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;}

.txt table td {background:#707070; padding:3px; margin:0; border:0}
.txtwhite {margin-left:20px; position:relative; top:-20px}
.txtwhite table td, .txtwhite * {color:#444}
.txt .collection td {width:100px; height:60px; background:url(tdbg.gif); padding:2px;}

input, textarea {background-color:orange; border:0; color:#545454; margin:2px 0; -moz-border-radius:3px; border-radius:3px; padding:0 4px;}
form img {margin:3px 8px 3px 5px; -moz-border-radius:3px; border-radius:3px;}
.submit {background:url(offer.png) no-repeat; display:block; height:32px; width:170px; margin:5px 10px 0 0; outline:none; cursor:pointer;}

::-moz-selection{background: #7fc046; color: #fff;} 
::selection {background: #7fc046; color: #fff;}

/* tabs */

ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:100px;
}

ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	width: 24%;
}

ul.tabs a { 
	display:block; position:relative;
	height: 100px;  
	max-width: 240px;
	text-align:center;	
	padding:0px;
	margin:0px;	
}
ul.tabs a.current div {position:absolute; top:73px; right:21px; height: 22px; width: 22px; background:url(ptf_print/current.png) no-repeat}

.panes {}

/* initially all panes are hidden display:block; max-width:970px; float:left; margin-right:20px; border:1px solid #545454*/ 
.panes .pane {display:none;}
.panes .pic, .ptf {display:none; position:absolute}
.ptf {background:url(imgs/next.gif) no-repeat top right; width:970px;}
#thumbholder {width:360px; float:right;}
#thumbholder a {float:left; margin: 2px 3px 3px 3px}
#thumbholder img , .pic img {border:2px solid #707070; -moz-border-radius:3px; border-radius:3px;}

.print_holder {background:no-repeat top left; display:block; -moz-border-radius:5px; border-radius:5px; margin:0}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	position:relative;
	overflow:hidden;
	height:600px;
	clear:both; 
}
.scrollable .items, .scrollable .items2 {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both; 
}

.items div {float:left; padding:0; width:970px; 
	overflow:hidden;}

a.browse {
	
	display:block;
	position:absolute; right:0; top:12px;
	margin: 10px; cursor:pointer;
}

a.right {width:40px; height:40px; background:url(imgs/next.gif) no-repeat top right; opacity: 0.8;}
a.left	{width:30px; height:30px; right:10px; top:40px; background:#545454 url(imgs/arr_l.png) no-repeat left; -moz-border-radius:15px; display:none} 
a.right:hover,a.right:active, a.right:focus	{opacity: 1; }
a.left:hover,a.left:active,a.left:focus	{ background-position: -18px 0; }

.green {color:#8bda45;}