/** -- PRINT CSS BELOW -- **/

@media print 
{
    
    /************	GLOBAL PROPERTIES  ***************/
* {margin: 0; padding: 0;}
body { /*background-color:#000; */font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img {border: 0px;}
p {line-height:170%; text-align:justify; color:#cccccc; font-size:11px;}

.clear {clear:both; color:#ff1f1f;}
.right {float:right;}
.left {float:left;}
a {text-decoration:none;}
h1 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:12px;}

.header, .site, .footer { margin:auto; width: 1000px; }
.logo {	padding-bottom:15px; height:72px; float:left; display:none; }
.header {margin-top:48px;}
.site { height:540px; }
.footer {font-size:10px; margin-top:5px; color:#fff; padding-bottom:50px;display:none;}
.footer a {font-size:10px; color:#ff1f1f;}
.footer a:hover {color:#fff;}
.s4t a{color:#666; float:right;}

/*\ IE 6 fixes */
* html .img-list li a{margin-left:2px; }
* html .back {margin-top:110px;}
* html .texture {width:418px;}
* html .thumbs {float:left; width:576px;}
/*end*/


/************ DIV PROPERTIES  ***************/
.project-pics {width:1000px; margin:auto; height:446px; background:url(../images/bg-project.png) repeat-x #333;}
.pic1 {width:575px; float:left; text-align:center; }
.pic2 {width:425px; float:left; text-align:center;}

.project-control {width:1000px; margin:auto; height:105px; margin-top:4px;}
.texture {width:424px; height:86px; float:right;}
.thumbs {float:left; width:573px;}
.thumbs a img{display:block; float:left; padding-right:3px;}
.thumbs a input{opacity:.50; filter:alpha(opacity=50);}
.thumbs a img:hover {opacity:1; filter:alpha(opacity=100);}
.thumbs a input:hover {opacity:1; filter:alpha(opacity=100);}
.arrow-left {width:27px; height:86px; display:block; float:left; background:url(../images/th-arrow-off.png) no-repeat;}
.arrow-left:hover {background:url(../images/th-arrow-over.png) no-repeat;}
.arrow-right {width:24px; height:86px; display:block; float:right; background:url(../images/th-arrow-off-r.png) no-repeat;}
.arrow-right:hover {background:url(../images/th-arrow-over-r.png) no-repeat;}

.project-text{width:1000px; margin:auto; height:250px; font-size:11px; color:#666;}
.project-text h1{color:#ff1f1f;}
.project-text strong {color:#fff; font-size:12px; font-weight:normal;}
.title {width:322px; float:left; color:#666; padding-left:24px;}
.download {float:left; width:150px;}
.download a{color:#999; font-size:10px;}
.download a:hover {color:#fff;}
.text {float:left; width:410px; padding-left:100px;}
.text2 {float:left; width:410px; padding-left:100px; color: #FFFFFF; background:#000000;}

.content2 {float:left; font-size:11px; width:380px; padding-left:90px;}
.content2 ul {margin-bottom:20px;}
.content2 ul li {list-style:none; line-height:100%;}
.content2 ul li a{color:#fff; font-size:11px}
.content2 ul li a:hover {color:#ff1f1f;}
.content2 ul li strong {color:#ff1f1f; font-size:12px;}
.content2 strong:hover {color:#fff;}
.content2 p {margin-bottom:12px;}
.content2 h2{color:#ff1f1f; font-size:11px; font-weight:normal;}

.content {float:left; width:410px; padding-right:30px;}
.content ul {margin-bottom:20px;}
.content ul li {list-style:none; line-height:120%;}
.content ul li a{color:#fff; font-size:11px}
.content ul li a:hover {color:#ff1f1f;}
.content ul li strong {color:#ff1f1f; font-size:12px;}
.content strong:hover {color:#fff;}
.content p {margin-bottom:12px;}
.content h2{color:#ff1f1f; font-size:11px; font-weight:normal;}

.content 
{
    position:fixed;
    margin-top: 10px;
}

ul.links li a{background:url(../images/blt-arrow-off.png) 0px 4px no-repeat; padding-left:24px !important; display:block; height:16px; color:#ccc;}
ul.links li a:hover { background:url(../images/blt-arrow-over.png) 0px 4px no-repeat;  color:#fff;}
.main-lst { width:861px;}
.img-list {float:left; display:none; }
.img-list li{ display:inline; list-style:none; line-height:100%; margin:0px; padding:0px;}
.img-list li a { display:block; float:left; line-height:100%; margin:0px; padding:0px; height:176px; width:169px; margin-left:3px; margin-bottom:3px; /*border-bottom:1px solid #171717;*/}
.img-list span{ display:inline; list-style:none; line-height:100%; margin:0px; padding:0px;}
.img-list span{ display:block; float:left; line-height:100%; margin:0px; padding:0px; height:176px; width:169px; margin-left:3px; margin-bottom:3px;/* border-bottom:0px solid #171717;*/}
.img-list img{ border: 0px;}

.img-list a span {display:none;}

.img-list a:hover span{color:#fff; display:inline; position:absolute; margin-left:-169px; margin-top:148px; width:166px; text-align:center; font-size:11px;}
.img-list2 a:hover span{color:#fff; display:inline; position:absolute; margin-left:-169px; margin-top:0px; width:166px; text-align:center; font-size:11px;}

.img-list a img:hover {opacity:.50; filter:alpha(opacity=50);}

.img-list a input:hover {opacity:.50; filter:alpha(opacity=50);}

.ul-2 {width:347px;}
.ul-1 {width:175px;}
.col1 ul {}
.col1 ul li { list-style:none;}
.col1 ul li a {color:#fff; display:block; line-height:220%;}
.col1 ul li a:hover, .col1 ul .active a{color:#ff1f1f;}
.col1 ul li a:hover, .col1 ul .inactive a{color:#fff;}

.col1 
{
    /*
	border-top:4px solid #484747;
	border-bottom:4px solid #484747; 
	border-right:1px solid #464545;
	border-left:1px solid #464545; 
*/
	width:119px; 
	padding-top:160px;
	padding-left:18px; 
	/*background-color:#4d4c4c;*/
    height:369px;
    float:left}
	
.col2 {float:left; width:344px; padding-left:3px;}

.col3 
{
    /*
	border-top:4px solid #303030;
	border-bottom:4px solid #303030; 
	border-right:1px solid #313131;
	border-left:1px solid #313131; 
*/
	width:462px; 
	/*background-color:#333;*/
    height:426px; padding-top:103px; padding:103px 12px 0 38px;
    float:left}

.col1 
{
    display:none;
}

.profile {
	/*border-top:4px solid #303030;
	border-bottom:4px solid #303030; 
	border-right:1px solid #313131;
	border-left:1px solid #313131; 
    */
	width:644px; 
	/*background-color:#333;*/
    height:426px; padding-top:103px; padding:103px 12px 0 28px;
    float:left}	
.profile p {/*margin-bottom:26px !important;*/}	

.resume 
{
    position:absolute;
    margin-left: 800px;
    margin-top: 110px;
    padding-left:25px;
    float:left; 
}
.resume a{font-size:10px; color:#999;}
.resume h4 {color:#666; font-size:11px; font-weight:normal;}
.resume .link {color:#fff; font-size:11px;}
.resume .link:hover {color:#ff1f1f !important;}
.resume a:hover {color:#fff;}
.back {margin-top:210px;}

.contact 
{
    /*
	border-top:4px solid #303030;
	border-bottom:4px solid #303030; 
	border-right:1px solid #313131;
	border-left:1px solid #313131; 
*/
	width:488px; 
	/*background-color:#333;*/
    height:353px; padding-top:103px; padding:176px 12px 0 12px;
    float:left}	
.contact h2 {color:#fff; font-size:18px; font-weight:normal;}	
.address {width:180px; float:left;}
.services{width:280px;  float:left;}

.contact a{color:#ff1f1f;}
.contact a:hover {color:#fff;}

/************ NAV PROPERTIES  ***************/
#nav {float:right; margin-top:32px; height: 32px; display:none;}
#nav li { list-style: none;	float: left; margin-left:60px;}
#nav li a {	display: block; margin:0 10px 0 0px; padding: 5px 8px; font-size:14px; color: #fff; text-decoration: none; }
#nav li ul li {margin-left:0px;}
#nav li ul li a{font-size:11px; padding: 5px 8px; display: block; height:16px;}
#nav li a:hover, #nav li ul li a:hover {color:#ff1f1f; }
#nav .active a{color:#ff1f1f !important;}
#nav li ul { display: none;	width: 120px; }
#nav li:hover ul, #nav li.hover ul {display: block; position: absolute; margin: 0; padding: 0;}
#nav li:hover li, #nav li.hover li {float: none; }
#nav li:hover li a, #nav li.hover li a {background-color: #000; color: #fff; }

.div-projects-back
{
    padding-left:24px;
}

/* SCROLL CSS OVERRIDE FOR PRINT */

 div.scrollholder
{
    /*
    position: relative;
    width: 540px; 
	height: 200px;
	overflow: auto;
    z-index: 1;
	margin-bottom:5px;
*/
}

div.scrollholder4
{
    /*
    position: relative;
    width: 440px; 
	height: 180px;
	overflow-x:hidden;
    overflow-y:hidden;
    z-index: 1;
	margin-bottom:5px;
*/
}

div.scrollholder5
{
    /*
    position: relative;
    width: 490px; 
	height: 180px;
	overflow-x:hidden;
    overflow-y:hidden;
    z-index: 1;
	margin-bottom:5px;
*/
}

div.scrollholder2
{
    /*
    position: relative;
    width: 430px; 
	height: 350px;
    overflow-x:hidden;
    overflow-y:hidden;
    z-index: 1;
	margin-bottom:5px;
*/
}

div.scrollholder3
{
    /*
    position: relative;
    width: 300px; 
	height: 280px;
    overflow-x:hidden;
    overflow-y:hidden;
    z-index: 1;
	margin-bottom:5px;
*/
}



div.scroll
{
    /*
    position: absolute;
    left: 0; top: 0;
    width: 98%;
    z-index: 2;
    */	
    /*font-family:"Arial";
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;*/
	
}

div.scroll2
{
    /*
    position: absolute;
    left: 0; top: 0;
    width: 98%;
    z-index: 2;
    */
	/*font-family:"Arial";
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;*/
}

div.scroll3
{
    /*
    position: absolute;
    left: 0; top: 0;
    width: 98%;
    z-index: 2;
    */
	/*font-family:"Arial";
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;*/
}

div.scroll4
{
    /*
    position: absolute;
    left: 0; top: 0;
    width: 98%;
    z-index: 2;
    */
	/*font-family:"Arial";
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;*/
}

div.scroll5
{
    /*
    position: absolute;
    left: 0; top: 0;
    width: 98%;
    z-index: 2;
    */
	/*font-family:"Arial";
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;*/
}


/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 6px; 
	height: 100%;
    font-size: 0;
    z-index: 3;
    background: #9d9c9f;
   /* background: black; */
   display:none;
}

div.drag_bar
{
    position: absolute;
    width: 12px;
	height: 14px;
    cursor: pointer;
    z-index: 4;
    background: #ff1f1f;
  /*  background: #172533;*/
  display:none;
}  
   


}