/* custom stuff */


* {
   margin: 0;
   padding: 0;
}

html {
height: 100%;
margin-bottom: 1px;
}


body {
margin: auto;
padding: 0;
width: 100%;
height: auto; 
color: #000000;
background: #042730;
font: 70% Arial,sans-serif;
font-size: 11px;
}

a img, img {
    border: none;
}

#skiplink {
display: none;
}

#wrapper {
margin: auto;
width: 994px;
position: relative;
background: #F0AB51 url(../images/top.jpg) no-repeat;
}

#header {
width: 100%;
height: 294px;
}



#flash {
	width: 100%;
	height: 170px;
	position: relative;
	background: url(../images/flash.jpg) no-repeat;
	background-image: url(content_bg_skin.jpg);
}

#ofcaddr {
display: none;
}

#topnav {
float: right;
width: 570px;
height: 11px;
margin-top: 60px;
margin-right: 5px;
}

#topnav li {
float: left;
margin: 0;
list-style-type: none;
text-align: center;  
border-right-style:solid;
border-right-color: #F7941D;
border-right-width: thin;
}

#topnav li a{
float: left;
width: auto;
padding 3px 0;
text-decoration:none;
white-space: nowrap;
color: #F7941D;
text-transform: uppercase;
padding-left: 5px;
padding-right: 5px;
font-size: 13px;
font-weight: bold;
height: 13px;

}

#topnav li a:hover{
color: #FFFFFF;
}

#main {
width: 100%;
}

#sidenav {
float: left;
width: 232px;
height: 798px;

}

#sidenavmenu {
width: 150px;
position: relative; top: 63px; left: 43px;
}


#sidenavmenu li {
list-style:none;
margin: 0;
padding:0;
}


#sidenavmenu li a  {
display: block;
width: auto;
height: 22px;
color: #F7941D;
text-align: center;
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
background: url(../images/sidenav_btn.gif);
font-size: 11px;
margin-bottom: 3px;
padding-top: 6px;
}

.whitetext {
color: #FFFFFF;
}


#sidenavmenu li a:hover {
text-decoration: none;
background: url(../images/sidenav_btn_hover.gif);

}

#maincontent{
float: right;
width: 762px;
height: 798px;

}

#services {
height: 162px;
}

#services  .content {
font-size: 13px;
font-weight: bold;
text-indent: 67px;
text-align: justify;
padding-left: 30px;
padding-top: 55px;
padding-right: 30px;
}

#servicescontent {
color: #231F20;
width: 745px;
height: 125px;

}

#awards {
padding-left: 24px;
height: 148px;

}

#news {
height: 486px;
color: #FFFFFF;
font-size: 12px;
}

#newsscrollbar{
position:relative; top:60px; left: 30px;
/* The total width of the scrolling div including scrollbar */
width: 689px;
height: 401px;	/* The height of the scrolling div */
}

#newscontainer{
width: 662px;	/* Width of the scrolling text */
height: 401px;
overflow:hidden;
float:left;
position:relative;
}
	
/*
	CSS for the scrolling content 
	*/
#newscontent {
padding-top: 30px;
padding-left: 30px;
padding-right: 20px;
line-height:130%;
position:relative;
}

#newscontent .newstitle {
margin-top: 13px;
color: #F8D67A;
font-size: 1.2em;
font-weight: bold;
}

#newscontent p {
color: #FFFFFF;
font-size: 12px;
padding-top: 20px;
padding-bottom: 13px;
}

#newscontent img {
position: relative;
}

#newscontent hr {
width: 250px;
text-align: left;
margin-top: 5px;
color: #FFFFFF;
}

#newscontent .imagepadding {
padding-right: 15px;
}

#newscontent a {
color: #F8D67A;
}

	
/*
The scrollbar slider 
*/
#scrollslider{
width:15px;
margin-left:8px;
height:401px;
float:left;
}
	
/*
The scrollbar (The bar between the up and down arrow )
*/
#scrollbarupdown{
width:15px;
/* Total height - 40 pixels */
position:absolute;
border:1px solid #646262;
}	

/* The scrollbar handle */
#scrollbarhandle{
margin: 1px;
width:13px;
height:13px;
background-color:#646262;
position:absolute;	
top:0px;
left:0px;
cursor:pointer;
}

/*	Scroll buttons(The up and down arrows)	*/
#scrollUp,#scrollDown{
width:15px;
height: 16px;
border:1px solid #646262;
color: #646262;
text-align:center;
font-size:16px;
line-height:16px;
cursor:pointer;
}

#scrollUp {
margin-bottom:2px;
}

#scrollDown {
margin-top:2px;
position: absolute; top: 378px;
}

#scrollDown span,#scrollUp span {
font-family: Symbol;
}
	
#interviews {
clear: both;
width: 100%;
height: 280px;
min-height: 280px;
font-weight: bold;
color: #000000;
font-size: 12px;
}

#interviewscontent {
float: left;
height: 214px;
width: 498px;
}

#interviewscontent a {
color: #000000;
}

#interviewstext {
float: left;
height: 214px;
width: 350px;
}

#interviewstext p {
padding-top: 55px;
padding-left: 60px;
padding-right: 10px;
}

#interviewscontent img {
padding-top: 20px;
float: left;
}

#conventionspix {
float: left;
width: 464px;
height: 207px;
padding-top: 7px;
padding-left: 18px;
}

#portfolio {
clear: both;
width: 100%;
height: 277px;
font-size: 12px;
}

#portfoliocontent {
float: left;
padding-left: 80px;
padding-top: 90px;
padding-right: 10px;
width: 170px;
font-weight: bold;
}

#portfolionav {
float: left;
padding-top: 85px;
width: 485px;
}

#portfolionav li {
list-style:none;
margin: 0;
padding: 0;
float: left;
}

#portfolionav li a {
float: left;
text-decoration: none;
color: #000000;
padding-right: 10px;
}


#updates {
clear: both;
width: 100%;
height: 275px;
}

#updatesmonth {
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
width: 220px;
font-size: 21px;
word-spacing: 10px;
font-weight: bold;
padding-left: 60px;
padding-top: 120px;
color: #000000;
}

#updatesmonth .putborder {
border-bottom-style: dotted;
border-bottom-color: #000000;
border-bottom-width: 2px;
}

#updatesmonth a {
color:#000000;
}

#updatesfolio {
float: right;
padding-right: 31px;
height: 253px;
width: 656px;
}

#footer {
clear: both;
width: 100%;
height: 130px;
}


#footernav {
height: 62px;
padding-left: 45px;
height: 102px;
min-height: 105px;
}


#footernav li {
float: left;
list-style:none;
margin: 0;
padding:0;
}

#footernav li a {
float: left;
height: 62px;
padding-left: 26px;
}

.copyright {
text-align: right;
padding-right: 50px;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200;
left: -60px; /*position where enlarged image should offset horizontally */

}