html, body {height:100%;min-height:100%;background:#0d0d0d;}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/backgrounds/bg1.jpg) top left no-repeat ;
}

img {border:0;}

img, div, li { behavior: url("http://extranet.machinas.net:8080/design-terminal/iepngfix.htc") }

a, a:active, a:hover, a:link, a:visited { outline: none; }

/*** MAIN STRUCTURE ***/
#wrapper {
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
}

#logo {
	padding:90px 0 0 90px;
}

#content {
	width:596px;
	float:left;
	margin:60px 0 0 60px;
}

#quotes {
	width:220px;
	font-size:11px;
	text-transform:uppercase;
	font-variant:small-caps;
	font-style:italic;
	color:#c4bbb8;
	margin:100px 0 0 0;
	padding:5px 0 0 0;
	background:url(../images/1px.gif) top right no-repeat;
	text-align:left;
}

#quotes .signature {text-transform:capitalize;font-variant:normal;text-align:right;color:#868483;}

#footer { clear:both; position:relative; z-index:10; height:73px; margin-top:-73px; background:url(../images/footer.jpg) no-repeat; font-family:tahoma, verdana, arial; font-size:10px; color:#868483; }
#footer-l { width:200px; float:left; margin:30px 0 0 100px; }
#footer-r { width:200px; float:left; margin:30px 0 0 66px; }
#footer a, #footer a:link, #footer a:active, #footer a:visited {color:#868483;text-decoration:none;margin:0 0 0 15px;}
#footer a:hover {color:#ff0000;}


/*** NAVIGATION MENU ***/

#nav {
	width:239px;
	font-size:30px;
	float:left;
	margin:60px 0 0 0;
	padding:5px 0 0 65px;
	text-align:right;
	background:url(../images/1px.gif) top right no-repeat;
}

#nav ul {
	list-style-type: none;
}

#nav a {
	color:#666;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#nav a:hover, #nav .nav-selected {
	color:#ff0000;
	text-decoration:none;
}

#nav ul ul a {
	color: #fff;
	font-size:11px;
	text-decoration: none;
}

#nav ul ul a:hover, #nav ul ul .sub-nav-selected {
	color:#ff0000;
	text-decoration: none;
}

.sub-nav li { padding:0; margin:0; display: block; line-height:17px; }
.sub-nav li a { vertical-align:top; height:17px; }


/*** BOX ***/
.box {
	width:595px;
	padding:10px;
	margin:0 0 5px 0;
	background:url(../images/box_l.jpg) no-repeat;
	overflow:hidden;
	/*float:left;*/
	/*border-bottom:1px solid #484340;*/
}
.box ul li {font-size:11px;color:#868483;}
.box a {color:#868483;text-decoration:underline;}
.box a:hover {color:#fff;}

.portfolio {height:84px;}

.details {float:left;width:380px;height:94px;margin:0 0 0 10px;}
.details h2 {font-size:16px;text-transform:capitalize;}
.details h3 {font-family:Tahoma, Verdana, Arial; font-size:11px; color:#ff0000;}
.details p {}

.main-image {float:left;}

.show-hide {float:right;margin:7px 0 0 0;display:block;width:302px;height:12px;overflow:hidden;background:url(../images/show.gif) no-repeat;}

.show-hide-big {float:right;margin:7px 0 7px 0;display:block;width:302px;height:12px;overflow:hidden;background:url(../images/show.gif) no-repeat;}

.hide {background:url(../images/hide.gif) 0 0 no-repeat;}
/*.show-hide {float:right;margin:7px 0 0 0;width:302px;height:12px;background:url(../images/show_hide2.gif)0 0 no-repeat;background-position:top left;}*/
/*.show-hide img {width:100%;height:100%;}*/

.more {/*margin:120px 0 0 0;*/}
.more img {margin:0 6px 0 0;}
.more .last-img {margin:0 -10px 0 0;}

/*** CONTENT TYPOGRAHPY ***/
#content h1 {
	color:#fff;
	text-transform: uppercase;
	font-weight:normal;
	font-size:15px;
}

.accent {
	color:#ff0000;
	font-weight:bold;
}

.small {
	color:#888383;
	font-size:9px;
	font-variant:small-caps;
	margin:0 0 0 7px;
}

#content p {
	font-family:tahoma, verdana, arial;
	font-size:11px;
	color:#868483;
	margin: 7px 0 0 0;
	line-height:14px;
	/*width:575px;*/
	width:98%;
}