body
{
	width: 865px;
	padding: 0px;
	margin: 0 auto;
	padding-top: 90px;
	text-align: center;
	background-color: #19171c;
	background-image: url(images/logo_black.jpg);
	background-repeat: no-repeat;
	background-position: center 55px;
	height:800px;
	
}

/* FIX -  IE PUTTING BULLET POINTS AT BOTTOM ?? */
li 
{
	vertical-align: top !important;
}
#projecttext ul { margin:0; padding:0; }
#projecttext ul li { margin:0 0 10px 0; padding:0; }


a:focus {
  outline: none ;
}
a:active {
  outline: none ;
}


a img
{
	border: none;
}


.altcontent, .content
{
	background-color: #9a9998;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: arial;
	color: #666;
	font-size: 11px;
	float: left;
	height: 330px;
}

.content
{
	background-color: White;
}

.altcontent .left, .altcontent .left_projects
{
	margin: 6px;
	float: left;
	margin-right: 0px;
	width: 484px;
	background-image: url( 'images/gradientlarge.jpg' );
	
	background-repeat: repeat-x;
	background-color: #F4F4F4; 
}
.altcontent .left_projects
{
	width: 162px;
	background-color: #646263;
	color: White;
	background-image: none;
	height: 316px;
}

.altcontent .left_projects .inner{padding:6px;}

.content 
{
	background-color: #19171c;
}

.content .left_contact
{
	width: 350px;
	background-color: #19171c;
	color: #B5B5B5;
	height: 317px;
	float: left;
}

.content .right_contact
{
	width: 495px;
	background-color: #19171c;
	height: 317px;
	float: right;
	text-align: right;
	padding-top: 6px;
}
.content .right_contact img{}

.content .left_contact
{
	padding:0px;
	margin:0px;
}
.content .left_contact p
{
	font-size: 13px;
}
.content .left_contact a:link, .content .left_contact a:active, .content .left_contact a:visited, .content .left_contact a:hover
{
	color: #C1CE00;
}
.content .right_contact a:link, .content .right_contact a:active, .content .right_contact a:visited, .content .right_contact a:hover
{
	color: #C1CE00;
	font-size: 13px;
}
.content .left_contact small p
{
	font-size: 10px;
}

.altcontent .left a
{
	float: left;
}
.altcontent .left img
{
	border: none;
}

.altcontent .left .inner
{
	float: left;
	width: 210px;padding-top:9px;padding-bottom:9px;
}

.altcontent .left_projects .inner
{
	font-size: 14px;
	float: left;
	height: auto;

}
.altcontent .left_projects .inner .rb_menu
{
	float: left;
}
.altcontent .left_projects .rb_menu .inner
{
	float: left;
	padding: 6px;
	height: auto;
	width: auto;
}
.rb_menu a:link, .rb_menu a:active, .rb_menu a:visited, .rb_menu a:hover
{
	clear: both;
	color: White;
	margin: auto;
	float: left;
	width: 200px;
	font-size: 13px; 
}


.rb_toggle span
{
	clear: both;
	color: White;
	margin: auto;
	float: left;
}
.altcontent .right
{
	float: right;
	margin-left: 0px;
	width: 290px;
	background-color: #999;
}
.altcontent .middlecontent
{
	width: 161px;
	float: left;
	background-color: #999;
	height: 316px;
}
.altcontent .middlecontent .middleinner{margin-top:6px;}

.altcontent .rightcontent
{
	float: left;
	background-color: #999;
	width:530px;
	margin-left: 0px;
	margin-top: 6px; 
}

.altcontent .rightcontent1
{
	float: left;
	width: 692px;
	background-color: #999;
	margin-left: 0px;
	margin-top: 6px;
}

.altcontent .rightcontent1 .inner
{
	float: left;
	height: 317px;
}
.altcontent .rightcontent1 .inner img
{
	width: 415px;
	float: left;
	height: 317px;
}
.altcontent .rightcontent1 .inner #text
{
	float: left;
	width: 275px;
	height: 317px;
	background-color: #f0f0f0;
	color: #898989;
	background-image: url( 'images/greygrad.jpg' );
	background-position: top center;
	background-repeat: repeat-x;
}
.altcontent .rightcontent1 .inner #text .textinner
{
	padding: 10px;
}
.altcontent .rightcontent1 .inner #text .textinner .title
{
	width: 100%;
	clear: both;
	font-size: 13px;
	font-weight: bold;
}
.altcontent .rightcontent1 .inner #text .textinner .note
{
	font-size: 13px;
	width: 100%;
	clear: both;
	font-size: 11px;
	border-top: solid 1px #A9A9A9;
	margin-top: 6px;
	padding-top: 6px;
}
.altcontent .rightcontent1 .inner #text .textinner .main
{
	font-size: 13px;
	width: 100%;
	clear: both;
	font-size: 11px;
	border-top: solid 1px #A9A9A9;
	margin-top: 6px;
	padding-top: 6px;
}

.altcontent .rightcontent1 .inner #text .textinner .main p
{
	padding-bottom: 10px;
}


.altcontent .rightcontent .inner
{
	float: left;
	height: 315px;
}
.altcontent .rightcontent .inner #fadetext
{
	position: absolute;
	width: 330px;
	height: 295px;
	background-color: #333;
	filter: alpha(opacity=0);
	-moz-opacity: .0;
	opacity: .0;
	margin-left: 190px;
	z-index: 1000;
	color: White;
	margin-top: 12px;
}
.altcontent .rightcontent .inner #fadetext .textinner
{
	padding: 10px;
}
.altcontent .rightcontent .inner #fadetext .textinner .title
{
	position: absolute;
	color: #C1CE00;
	font-size: 14px;
	font-weight: bold;
	width:110px;
}
.altcontent .rightcontent .inner #fadetext .textinner .note
{
	position: absolute;
	margin-top: 140px;
	color: White;
	font-size: 13px;
	width: 110px;
	font-size: 9px;
	line-height: 13px;
}
.altcontent .rightcontent .inner #fadetext .textinner .note b
{
	font-weight: bold;
	color: #C1CE00;
	clear: both;
	width: 100%;
}
.altcontent .rightcontent .inner #fadetext .textinner .main
{
	width: 192px;
	height: 242px;
	margin-left: 120px;
	position: absolute; line-height:14px;
}

#projecttext{ overflow: hidden; height:242px; width:192px;}

.altcontent .rightcontent .inner #fadetext .textinner .main p{ margin:0px;margin-bottom:3px;padding:0px; line-height:14px; padding-bottom: 10px;}

.altcontent .rightcontent .inner #results img
{
	float: left;
	width: 530px;
}
.altcontent .rightcontent .inner #results1 img
{
	float: left;
	width: 530px;
}


.altcontent .right
{
	padding: 6px;
	float: left;
}

.altcontent .right .innerhover,
.altcontent .right .inner
{
	clear: both;
	width: 320px;
	margin-bottom: 0px;
	background-image: url(        'images/gradientsmall.jpg' );
	float: left;
	height: 96px;
	border-bottom: solid 2px #999;
}

.altcontent .right .inner img,.altcontent .right .innerhover img{width:96px;}

.altcontent .right .innerhover
{
		background-image: url(        'images/gradientsmall_green.jpg' );
}


.altcontent .right .inner .text,.altcontent .right .innerhover .text
{
	float: right;
	width: 220px;
}
.altcontent .left img, .altcontent .right img
{
	float: left;
}
.altcontent .left img
{
	width: 290px;
}
.altcontent .right .inner img,.altcontent .right .innerhover img
{
	height: 96px;
	float: left;
}
.title_news
{
	background-image: url( 'images/title_news.jpg' );
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px;
}

.title_practice
{
	background-image: url(        'images/title_practice.jpg' );
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px;
}
.title_projects
{
	background-image: url(        'images/title_projects.jpg' );
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px;
}
.title_contact
{
	background-image: url(        'images/title_contact.jpg' );
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px;
}
.title_about
{
	background-image: url(        'images/title_about.jpg' );
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px;
}

.boxfix
{
	padding: 6px;
	font-size: 12px;
}



.menu
{
	font-family: arial, verdana, sans-serif;
	position: relative;
}
.rb_toggle
{
	height: 25px;
	line-height: 25px;
}
.rb_toggle span
{
	cursor: hand;
	cursor: pointer;
	font-size: 13px;
}
.rb_toggle span.hover
{
	color: #C1CE00;
	font-size: 13px;
}
.rb_menu
{
	position: absolute;
	left: 154px;
	top: -6px;
	width: 158px;
	background-color: #a2a19f;
	height: 317px;
}
#menu1{height:316px;width:161px;}
#menu2{top: -31px;  height:316px;width:161px;}

#menu3 
{
	top: -56px;width:161px;height:316px;
}
#menu4 
{
	top: -81px;width:161px;height:316px;
}
#menu5 
{
	top: -106px;width:161px;height:316px;
}
#menu6 
{
	top: -131px;width:161px;height:316px;
}
#menu7 
{
	top: -156px;width:161px;height:316px;
}
#menu8 
{
	top: -181px;width:161px;height:316px;
}
#menu9 
{
	top: -206px;width:161px;height:316px;
}
#menu10
{
	top: -231px;width:161px;height:316px;
}
#menu11
{
	top: -256px;width:161px;height:316px;
}
.left_projects,.left_practice
{
	height: 285px;
	float: left;
}

.left_projects ul li ul, .left_projects ul li ul li,.left_practice ul li ul, .left_practice ul li ul li
{
	padding-left: 2px;
	font-size: 13px;
}

.left_projects ul, .left_projects li,.left_practice ul, .left_practice li
{
	list-style-type: none;
	padding: 0px;
	margin: 0;
	clear: both;
	float: left;
	width: 100%;
}
.left_projects li,.left_practice li
{
	float: left;
	line-height: 25px;
	padding: 0 0 0 0;
}

.left_projects a:link,.left_projects a:active,.left_projects a:visited,
.left_practice a:link,.left_practice a:active,.left_practice a:visited
{
	color: White;
	text-decoration: none;
	font-size: 13px;
}
.left_projects a:hover,.left_practice a:hover
{
	text-decoration: none;
	color: #C1CE00;
	font-size: 13px;
}
.left_projects a.current,.left_practice a.current
{
	color: #999;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */


.altcontent .left img
{
	width: 318px;
}

.altcontent .left
{
	width: 530px;
	height: 318px;
}
.altcontent .right
{
	padding-left: 2px;
}


#blurb, .blurb
{
	position:absolute;
	top:220px;
	/*left:196px;*/
	opacity: 100;
	margin-top: 10px;
	font-family:Arial; font-size:11px; font-weight:normal; margin-left:1px;
}

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



.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    
    
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	
}
.highslide:hover img {
	
}

.highslide-wrapper {
	background: white;
	
}
.highslide-image {
    border-bottom: none;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0px 10px 10px 0px;
	width: 34px;
	height: 34px;
	
}
.highslide-overlay {
	display: none;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/close.png', sizingMethod='scale');
}


/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


 #container{text-align:left;}
        
        /*
			Vertical Accordions
		*/.accordion_toggle
        {
            display: block;
            height: 30px;
            width: 865px;
            padding: 0px;
            color: #000000;
            outline: none;
            font-size: 12px;
            cursor: pointer;
            margin: 0px;
            	cursor: pointer;
	        border: 0px solid transparent;
        }
        .accordion_toggle img{float:left;}
        .accordion_toggle_active
        {
            color: #baca29;
            font-weight: bold;
            	border: 0px solid transparent;
	        cursor: pointer;width: 865px;
	        padding:0px;
	        margin:0px;
        }
                .accordion_toggle_active img{float:left;}

        .accordion_content
        {
            overflow: hidden;
            
	border-top: none;
	padding: 0px;width: 865px;margin:0px;
	background-color:#9b9a98; border:Solid 0px transparent;
	height:330px;
        }
        .accordion_content h2
        {
            margin: 15px 0 5px 10px;
            color: #0099FF;
        }
        .accordion_content p
        {
            line-height: 150%;
            padding: 5px 10px 15px 10px;
        }
        .vertical_accordion_toggle
        {
            display: block;
            height: 30px;
            width: 600px;
            background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
            padding: 0 10px 0 10px;
            line-height: 30px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: none;
            outline: none;
            font-size: 12px;
            color: #000000;
            border-bottom: 1px solid #cde99f;
            cursor: pointer;
            margin: 0 0 0 0;
        }
        .vertical_accordion_toggle_active
        {
            background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
            color: #ffffff;
            border-bottom: 1px solid #f68263;
            
        }
        .vertical_accordion_content
        {
            background-color: #ffffff;
            color: #444444;
            overflow: hidden;
        }
        .vertical_accordion_content h2
        {
            margin: 15px 0 5px 10px;
            color: #0099FF;
        }
        .vertical_accordion_content p
        {
            line-height: 150%;
            padding: 5px 10px 15px 10px;
        }

#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10: {filter: alpha(opacity=0);-moz-opacity: .0;opacity: .0;margin-left:2px}




a:hover{
	color: #C1CE00;}
	
	#scroll_clipper{width: 320px; overflow: hidden; height: 292px;
                            margin-bottom: 0px; padding-bottom: 1px; float:left; clear:both;display:block;background-image: url('images/gradientlarge.jpg';)}

                                                        
                            .moveup{margin: 0px; padding: 0px; float:left;display:block;clear:both;margin-bottom:2px;}
                            .movedown{margin: 0px; padding: 0px;  float:left;display:block;clear:both;}
                            
                            .altcontent .right{float:left; width:318px;}
                            .altcontent .right img{}
                            
                            
                            
                            #results,#results1{visibility:hidden;}
                            #news,#projects,#practice,#contact{visibility:hidden;}
                            
                            #left_projects{	filter: alpha(opacity=0);
	-moz-opacity: .0;
	opacity: .0;}
	




.rb_menu .inner ul li a:link,.rb_menu .inner ul li a:active,.rb_menu .inner ul li a:visited,.rb_menu .inner ul li a:hover{width:100%; font-size:12px;}
.rb_menu{width:auto;}
.rb_menu .inner{width:auto;}


#showhideproject,#upproject,#downproject{ z-index:2001; position:absolute;margin-top:280px; color:White; margin-left:755px; font-size:11px; font-family:Arial; background-color:#333;padding:6px;
                  filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; 
                  }
        #upproject{margin-left:648px; width:35px;}
        #downproject{margin-left:702px; width:35px;}          
                  
#showhideproject a:link,#showhideproject a:active,#showhideproject a:visited,
#upproject a:link,#upproject a:active,#upproject a:visited,
#downproject a:link,#downproject a:active,#downproject a:visited
{color:White; text-decoration:none;z-index:2001;}
#showhideproject a:hover,#downproject a:hover,#upproject a:hover{text-decoration:none;z-index:2001; color: #C1CE00;}


.altcontent{padding-left:0px;margin-left:0px;}

#news,#practice,#projects,#contact{visibility:hidden;}
#contact{background-color: #19171c; float:left; width:100%;}

#adminarea,#adminlogin{position:absolute; margin:0 auto; border:solid 1px #999; padding:10px; width:400px; background-color:#333; font-family:Arial; font-size:11px;
            filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9; 
           
           }
.form_title{float:left; color:White;padding-top:3px;}
.form_header{font-size:17px;float:left; color:White;  font-weight:bold;}
.form_content{float:right;margin-bottom:6px;}
#adminarea a:link,#adminarea a:active,#adminarea a:visited{color:White; text-decoration:none;}
#adminarea a:hover{color: #C1CE00;text-decoration:none;}
#adminlogin a:link,#adminlogin a:active,#adminlogin a:visited{color:White; text-decoration:none;}
#adminlogin a:hover{color: #C1CE00;text-decoration:none;}


.form_content input,.form_content textarea{width:300px; background-color:#333; border:Solid 1px #666; color:White; font-family:Arial;}
.form_content textarea{width:300px;height:200px;}
.form_wrapper{clear:both;}


#news a:link,#news a:active,#news a:visited{color: #C1CE00; text-decoration:none;}
#news a:hover{color:White;text-decoration:none;}

#news p{margin:0px;padding:0px;margin-top:3px; line-height:14px; font-size:11px;}

#mainnews{ width:210px; float:left;}
#mainnews p{margin-top:3px;}

.info
{
    position: relative; /*this is the key*/
    color: #000;
    text-decoration: none;
}
a.info
{
    background-color: Transparent;
    border: none;
}
a.info:hover
{
    z-index: 25;
    color: #999;
}

a.info span
{
    display: none;
}

a.info:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: -120px;
    left: 0px;
    height: 97px;
    border: 1px solid #999;
    background-color: White;
    color: #000;
    text-align: left;
    padding: 1px;
    color: White;
    font-size: 12px;
    font-weight: normal;
}
a.info:hover span img
{
    width: 129px;
}

.mainnewsinner{margin:9px; margin-bottom:16px; float:left; font-size:12px;}
.mainnewsinner b{font-size:14px;padding-top:6px;}


#contact .content{background-color: #19171c;}

#blurbimage{filter: alpha(opacity=0);-moz-opacity: .0;opacity: .0; }

#link1,#link2,#link3,#link4,#link5,#link6,#link7,#link8,#link9,#link10,#link11 {filter: alpha(opacity=0);-moz-opacity: .0;opacity: .0; }

.mainnewsinner a{}

#practice .title{float:left; width:270px; }
#practice .main{overflow:hidden;  height:270px;  float:left; }

#practice #scrolltext{ float:left;width:255px;}
#practice .main ul{ padding-left:12px;margin-left:4px;}
#practice .main li{width:212px;}
#practice .textinner{ height:296px;}
#practice .main p{margin:0px;margin-bottom:5px;padding:0px; line-height: 14px;width:212px;	}

#practice #scroller{float:left;}
#practice #pmoveup{background-image: url('images/practice_up.jpg');background-repeat:no-repeat; width:18px; height:12px;   cursor:pointer; position:absolute;margin-left:830px; top:195px; }
#practice #pmovedown{background-image: url('images/practice_down.jpg');background-repeat:no-repeat;width:18px; height:12px;   cursor:pointer; position:absolute; margin-left:833px; top:455px;}




#fading_image_container {

  width: 288px;
  height: 180px;

}



.slides{
  background-color: white;
  filter:progid:DXImageTransform.Microsoft.Shadow(
    color='#000000', Direction=135, Strength=5
  );
  border: 1px #cccccc inset;
}


#flashcontent2{width:530px; height:316px; position:absolute; }
#fadetext{margin-left: 190px! important;}


#contact .content, #contact .inner 
{
    height:630px;
}
.content .right_contact, .content .left_contact 
{
    height:240px;
}