@charset "UTF-8";
/* CSS Document */


/* FRAMEWORK */

body {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #444;
	margin: 0px;
	padding: 0px;
	background-color: #eee;
	height: 100%;
}

#header {
	margin: 0px;
	padding: 0px;
	top: 0px;
	width: 100%;
	height: 80px;
	background-color: #000;
	text-align: center;
}
#head_cont {
	color: #FFF;
	width: 945px;
	height: 80px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#content {
	width: 100%;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-color: #FFF;
	clear: both;
	text-align:left;
}
#container {
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#hcontent {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 500px;
	background-color: #FFF;
	clear: both;
	text-align:left;
}
#hcontainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align:left;
	z-index: 100;
}

#leftside {
	width: 800px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}
#rightside {
	width: 130px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: right;	
}
#fullwidth {
	width: 950px;
	height: auto;
	padding: 0px;
	margin: 0px;	
}
#footer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 75px;
	background-color: #eee;
	text-align: center;
	clear: both;
}
#footer a {
	color: #222;
}
#footer a:hover {
	color: #666;
	text-decoration: none;	
}
#foot_cont {
	color: #000;
	width: 945px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#fl {
	padding: 0px;
	margin: 0px;
	float: left;
}
#fr {
	padding: 0px;
	margin: 0px;
	float: right;
	width: 380px;
}
#foot_l {
	float: left;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}
#foot_r {
	float: right;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}
.clearfix:after {
    content: ".";
    display: block;	
    clear: both;
    visibility: hidden;
}
/* for IE/Mac */
.clearfix {
	display: inline-block;

}


/* WORKING PARTS */

#title {
	color: #000;
	border-bottom: 1px #999 dotted;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
}
#entry {
	line-height:11px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#leftbox {
	background-color:#EEE;
	width: 110px;
	height: auto;
	padding: 9px 12px 9px 10px;
	margin: 8px 0px 0px 0px;
	float: right;
	position: fixed;	
}
#logoholder {
	width: auto;
	padding: 15px 0px 0px 0px;
}
#tubfoot{
	line-height:11px;
	height: auto;
	padding: 0px;
	margin: 10px 0px;
	clear: both;
}
.item {
	width: 253px;
	height: 150px;
	margin: 0px 10px 0px 0px;
	background: url('/10/_assets/_img/item_bg_alt.jpg') top;
	float: left;
	font: 9px arial, helvetica, sans-serif; 
	color: #FFF;
	letter-spacing: 1.2pt;
}
.item:hover {
	background: url('/10/_assets/_img/item_bg_alt_o.jpg') top;
}
.thumb {
	padding: 20px 20px 13px 20px;
}
.thumb_t {
	height: auto;
	margin: 0px 40px;
	padding: 0px;	
}
.new {
	width: 253px;
	height: 50px;
	position: absolute;
	z-index: 500;
	background: url('/10/_assets/_img/new.png');
}
.tub {
	width: 253px;
	height: 50px;
	position: absolute;
	z-index: 600;
	background: url('/10/_assets/_img/tub.png');
}
.piece {
	height: auto;
	width: 800px;
	padding: 0px 0px 13px 0px;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px #999 dotted;
}

#profilep {
	height: 440px;
	width: 446px;
	background: url('/10/_assets/_img/chris.jpg');
	float: left;
}
#profilec {
	padding-top: 20px;
	margin: 0px 0px 20px 0px;
	width: 500px;
	height: auto;
	float: left;
	border-bottom: 1px #999 dotted;
}
#profilec a, #profilec a:visited, #profilec a:active{
	color: #CA0000;
	text-decoration: none;
}
#profilec a:hover{
	color: #000;
}

#visit_b a:link, #visit_b a:visited, #visit_b a:active{
	font-family: helvetica, arial, sans-serif;
	font-size: 9px;
	color: #fff;
	background: url('/10/_assets/_img/visit_bg.png');
	letter-spacing: 1pt;
	font-weight:bold;
	width: 70px;
	height: 9px;
	padding: 6px;
	margin: 0px;
	text-decoration: none;
	display: block;
}

#visit_b a:hover {
	background: url('/10/_assets/_img/visit_bg2.png');
	display: block;
}

.linkbox a:link, .linkbox a:visited, .linkbox a:active{
	font-family: helvetica, arial, sans-serif;
	font-size: 9px;
	color: #fff;
	background: #000;
	letter-spacing: 1pt;
	font-weight:bold;
	width: auto;
	height: 9px;
	padding: 6px;
	margin: 0px 5px 0px 0px;
	float:left;
	text-decoration: none;
	display: block;
}

.linkbox a:hover {
	background:#CA0000;
}
/* MAIN MENU */

#menuholder {
     width: 418px;
     padding: 25px 0px 0px 0px;
}
#navigation, #navigation ul { /* all lists */
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 1;
     z-index: 1000;
}
#navigation a {
     margin: 0px 1px;
     text-decoration:none;
     display: block;
}
#navigation li {
     float: left;
}
#navigation li a{ /* styles main-list */
     width: 80px; /* width needed for Opera */
     height: 10px;
     color: #DDD;
     font-size: 9px;
     font-weight:bold;
     letter-spacing: 2pt;
     margin: 0px 1px 0px 0px;
     padding: 10px;
     text-align:center;
}
#navigation li a:hover { /* styles hover state for main-list */
     color: #FFF;
     background-color:#000;
}
#navigation li ul { /* sub-list set up*/
     position: absolute;
     background:#000;
     height: auto;
     margin: 0px 0px 0px 23px;
     padding: 0px 0px 5px 0px;
     left: -999em; /* Hides the sub-list */
}
#navigation li ul li { /* Added to ensure floats are off for sub items removing need to define width and maintain balance */
	float: none; 
}

#navigation li ul li a{ /* styles sub-list */
     text-align: left;
     font-size: 10px;
     font-weight:normal;
     letter-spacing: 1px;
     color: #888;
     padding: 10px 15px 10px 40px; /* Maintained your consistency for padding */
     margin: 0px;
     width: auto; /* Revert from a fixed width to an auto width */
}
#navigation li ul li a:hover { /* styles hover state for sub-list */
     color: #FFF;
}

#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
     left: auto;
}

#navigation li.app {
     background: url('/10/_assets/_img/nav_bg_app_OFF.jpg') 5px 0 no-repeat;
}

#navigation li.app a:hover {
     background: url('/10/_assets/_img/nav_bg_app.jpg') 5px 0  no-repeat;
}

#navigation li.id {
     background: url('/10/_assets/_img/nav_bg_idOFF.jpg') 5px 0  no-repeat;
}

#navigation li.id a:hover {
     background: url('/10/_assets/_img/nav_bg_id.jpg') 5px 0  no-repeat;
}

#navigation li.ill {
     background: url('/10/_assets/_img/nav_bg_illOFF.jpg') 5px 0  no-repeat;
}

#navigation li.ill a:hover {
     background: url('/10/_assets/_img/nav_bg_ill.jpg') 5px 0  no-repeat;
}

#navigation li.int {
     background: url('/10/_assets/_img/nav_bg_intOFF.jpg') 5px 0  no-repeat;
}

#navigation li.int a:hover {
     background: url('/10/_assets/_img/nav_bg_int.jpg') 5px 0  no-repeat;
}

#navigation li.pri {
     background: url('/10/_assets/_img/nav_bg_priOFF.jpg') 5px 0  no-repeat;
}

#navigation li.pri a:hover {
     background: url('/10/_assets/_img/nav_bg_pri.jpg') 5px 0  no-repeat;
}

#navigation li.typ {
     background: url('/10/_assets/_img/nav_bg_typOFF.jpg') 5px 0  no-repeat;
}

#navigation li.typ a:hover {
     background: url('/10/_assets/_img/nav_bg_typ.jpg') 5px 0  no-repeat;
}

/* WORK MENU */

#submenuitem a {
	color: #777;
	padding: 10px 0px 10px 35px;	
	width: 75px;
	height: 14px;
	margin: 1px 0px;
	text-decoration:none;
	display: block;
}
#submenuitem a:hover {
	color: #000;
	padding: 10px 0px 10px 35px;	
	text-decoration:none;	
}
#submenuitem a:active {
	padding: 10px 0px 10px 35px;	
	color: #FFF;
	text-decoration:none;	
}
#ONsubmenuitem a{
	color: #FFF;
	padding: 10px 00px 10px 35px;	
	width: 75px;
	height: 14px;
	margin: 1px 0px;
	display: block;
}
#ONsubmenuitem a:hover {
	color: #FFF;
	padding: 10px 0px 10px 35px;	
	text-decoration:none;	
}
#ONsubmenuitem a:active {
	color: #FFF;
	padding: 10px 0px 10px 35px;	
	text-decoration:none;	
}

.sappON, .sappON a:hover {
     background: #000 url('/10/_assets/_img/subnav_bg_appON.jpg') no-repeat;
}
.sapp {
     background: #FFF url('/10/_assets/_img/subnav_bg_app_OFF.jpg') no-repeat;
}
.sapp a:hover {
     background: #DDD url('/10/_assets/_img/subnav_bg_app.jpg') no-repeat;
}

.sidON, .sidON a:hover {
     background: #000 url('/10/_assets/_img/subnav_bg_idON.jpg') no-repeat;
}
.sid {
     background: #FFF url('/10/_assets/_img/subnav_bg_idOFF.jpg') no-repeat;
}
.sid a:hover {
     background: #DDD url('/10/_assets/_img/subnav_bg_id.jpg') no-repeat;
}

.sillON, .sillON a:hover {
     background: #000 url('/10/_assets/_img/subnav_bg_illON.jpg') no-repeat;
}
.sill {
     background: #FFF url('/10/_assets/_img/subnav_bg_illOFF.jpg') no-repeat;
}
.sill a:hover {
     background: #DDD url('/10/_assets/_img/subnav_bg_ill.jpg') no-repeat;
}

.sintON, sintON a:hover {
     background: #000 url('/10/_assets/_img/subnav_bg_intON.jpg') no-repeat;
}
.sint {
     background: #FFF url('/10/_assets/_img/subnav_bg_intOFF.jpg') no-repeat;
}
.sint a:hover {
     background: #DDD url('/10/_assets/_img/subnav_bg_int.jpg') no-repeat;
}

.spriON, spriON a:hover {
     background: #000 url('/10/_assets/_img/subnav_bg_priON.jpg') no-repeat;
}
.spri {
     background: #FFF url('/10/_assets/_img/subnav_bg_priOFF.jpg') no-repeat;
}
.spri a:hover {
     background: #DDD url('/10/_assets/_img/subnav_bg_pri.jpg') no-repeat;
}

.stypON, atypON a:hover {
     background: #000 url('/10/_assets/_img/subnav_bg_typON.jpg') no-repeat;
}
.styp {
     background: #FFF url('/10/_assets/_img/subnav_bg_typOFF.jpg') no-repeat;
}
.styp a:hover {
     background: #DDD url('/10/_assets/_img/subnav_bg_typ.jpg') no-repeat;
}

#nextproject a {
	color: #fff;
	background-color:#000;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	width: auto;
	height: 14px;
	text-decoration:none;
	display: block;
	float: left;
}
#nextproject a:hover {
	color: #000;
	background-color:#fff;
	text-decoration:none;	
}
#prevproject a {
	color: #fff;
	background-color:#000;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	width: 44px;
	height: 14px;
	text-decoration:none;
	display: block;
	float: left;
}
#prevproject a:hover {
	color: #000;
	background-color:#fff;
	text-decoration:none;	
}
/* TYPE */

p {
	font: 13px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
}

p2 {
	font: 11px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
}

h1 { 
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: -2.8pt;
	margin: 0px;
	padding: 0px;
}

h2 { 
	color: #999;
	font-family: helvetica, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.0pt;
	line-height: 2;
	margin: 0px;
	padding: 0px;
}

h3 { 
	font-size: 11px;
	font-weight: normal;
	color: #000;
	letter-spacing: -0.3pt;
	margin: 0px;
	padding: 0px;
} 

h4 { 
	font-size: 16px;
	font-weight: normal;
	color: #000;
	letter-spacing: -0.3pt;
	line-height: 20px;;
	margin: 0px;
	padding: 0px;
} 

h5 { 
	font-size: 12px;
	color: #000;
	font-weight: normal;
	letter-spacing: -0.3pt;
	line-height: 15px;;
	margin: 0px;
	padding: 0px;
}

h5 a:link, h5 a:visited, h5  a:active {
	text-decoration:none;
	color: #666;
}

h5 a:hover {
	color: #000;
}

h6 { 
	font: 9px arial, helvetica, sans-serif;
	letter-spacing: 1.1pt;
	font-weight: normal;
	color: #222;
	margin: 0px;
	padding: 0px;
} 

h7 { 
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1pt;
	margin: 0px;
	padding: 0px;
}

.t_smenu {
	font-size: 12px;
}

.t_project {
	font-size: 6px;
}


/* LINKS */

a:link, a:visited, a:active {
	color:#ccc;
	text-decoration:none;	
}

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

/* CONTACT FORM */

#contact-wrapper {
	width:500px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:15px;
	width:auto;
}
form#contactform #contactname, #email, #subject, #message, #reason, #human {
	font: 13px Georgia, "Times New Roman", Times, serif;
	padding:5px;
	border:#e1e1e1 solid;
	color:#333;
	margin: 5px 0px;.
}

form#contactform #contactname:hover, #email:hover, #subject:hover, #message:hover, #reason:hover, #human:hover{
	border:#000 solid;
}

form#contactform textarea {
	font: 13px Georgia, "Times New Roman", Times, serif;
	border:#e1e1e1 solid;
	padding:5px;
	margin: 5px 0px;
}

form#contactforma textarea:hover {
	border:#000 solid;
}

form#contactform .submit {
	border: 0px;
	font: 15px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:#000;
	color:#FFF;
	padding:10px;
	margin: 5px 0px;
}

form#contactform .submit:hover {
	background:#CA0000;
;
}