/* CSS Document */


body{
	font-family:"HelveticaNeue LT 55 Roman", "Helvetica Neue", "HelveticaNeue LT", "HelveticaNeueLT", helvetica, arial, sans-serif;
    line-height:100%;
	font-size:101%;
	padding:0;
	margin:0;
}

#container{
	width:760px;
	margin:0 auto 10px auto;
	padding-top:10px;	
}

#logo{
	width:244px;
	height:45px;
	margin: 10px 0px;
	position: relative;

}

a { color: #961d20;
	text-decoration:none;
	font-size:1em;
}

p { color: #6F757F;
} 



H1 {font-size:2em}  
H2 {font-size:1.3em;
	font-weight:bold;
		}  
H3 {font-size:1.0em} 
H4 {font-size:1em} 


/*---mainmenu------------------------------*/

#navcontainer{
	margin-top:-70px;
	/margin-top:-50px;
	width:450px;
	float:right;

}

ul#navlist
{
float:right;
margin-right: 0;
white-space: nowrap;
text-align:center;
padding:10px;
}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 8px 12px; }

#navlist a:link, #navlist a:visited
{
color: #9ca1a9;
background-color: ;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #961d20;
text-decoration: none;
}

#navlist li #current
{
color: #fff;
background-color: #961d20;
text-decoration: none;
}



/*---headerimage/flash------------------------------*/
.topvisbox{
	
	width:770px;
	/*background-image:url(components/header.gif);*/
	height:240px;
	/height:240px;
	
	/*background-repeat:no-repeat;*/
	
	
	
}


/*---Submenu------------------------------*/
#submenucont{
	margin-top:0em;
	/margin-top:0.5em;
	/margin-left:-0.80em;
	margin-bottom:1em;
	width:750px;
	float:right;

}

ul#submenu
{
float:left;
margin-left: -0.2em;
/margin-left: -10px;

white-space: nowrap;
text-align:center;
padding:10px;
}

#submenu li
{
display: inline;
list-style-type: none;

}

#submenu a { padding: 10px 12px; }

#submenu a:link, #submenu a:visited
{
color: #ffffff;
background-color:#9ca1a9 ;
text-decoration: none;
}

#submenu a:hover
{
color: #fff;
background-color: #961d20;
text-decoration: none;
}

#submenu li #current
{
color: #fff;
background-color: #961d20;
text-decoration: none;
}



/*----content-----------------------------------------*/
.content{
	float:left;
	width:45em;
	background-image:url(components/content_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0.06em 1.25em 2em 1.25em;
	/padding:0.19em 1.25em 2em 1.25em;
	margin-bottom:2em;
	background-color:#ffffff;
	/*min-height: 400px;*/
	color: #353535;
	

}

.content p {
	font-size:0.80em;

}

.content p a {
	color:#961d20;
	text-decoration:underline;

}

.content p a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#961d20;
	padding:0em;

}

#high{
	color:#961d20;
	text-decoration:none;
	list-style:none;
	font-size:1.5em;
	line-height: 1.2em;

}

#low{
	color:#9ca1a9;
	text-decoration:none;
	list-style:none;
	font-size:1.5em;
	line-height: 1.2em;	

}

#topline{
	background-color: white;
}

img
{  border-style: none;
background-color:#FFFFFF;
}


/*----work content boxes-----------------------------------------*/
.contentBox {
	float: left;
	width: 15em;
	height: 14.5em;
	/height: 16em;
	margin-left: 5em;
	/margin-left: 3em;

	margin-bottom: 1em;
	line-height:85%;
}

.contentBox p{
	font-size: 0.7em;
	color: #9ca1a9;
	font-family: verdana, sans-serif;
}

.contentBox a{
	color: #961d20;
	text-decoration: none;
	
}

.contentBox a:hover {
	text-decoration: underline;
}


.worktext
	{ width:24em;
	float:left;
	font-size:0.80em;
	color:#9ca1a9;
	margin-right:1.5em
	}

.workflash
	{ width:26em;
	height:32em;
	font-size:0.80em;
	float:right;
	color:#9ca1a9;
	

	}
	
/*---contactbox------------------------------*/
.contacttext
	{ width:22em;
	float:left;
	font-size:0.80em;
	color:#9ca1a9;
	margin-right:1.5em
	}

/*---contactbox------------------------------*/
.contact
	{ width:20em;
	font-size:0.80em;
	float:left;
	color:#9ca1a9;

	}

/*---footer------------------------------*/
.footer{	
	color:#D1D1D1; 
	width:47.81em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	text-align:center;
	font-size:0.80em;
}

/*
.textbox{
	position:absolute;
	top:15px;
	*top:25px;
	clear:both;
	width:400px;
	height:468px;
	float:left;
	padding-left:0px;
	*padding-left:-5px;
}
.transcontent{
	position:relative;
	top:0px;
	width:763px;
	height:495px;
	float:left;
}

.bottomvisbox{
	position:absolute;
	right:18px;
	top:18px;
	clear:both;
	background-image:url(components/bottomvisbox.gif);
	background-repeat:no-repeat;
	width:363px;
	height:468px;
	float:right;
	padding-top:10px;
	*padding-top:15px;
	padding-left:0px;
	*padding-left:5px;
}

.postbox{
	position:absolute;
	background-image:url(components/postbox.gif);
	float:left;
	background-repeat:no-repeat;
	width:773px;
	height:145px;
	margin-top:650px;
	margin-left:2px;
	padding-top:10px;

	

}
.logobox{
	width:140px;
	height:85px;
	margin-left:30px;
	*margin-left:20px;
	margin-right:15px;
	margin-bottom:20px;
	margin-top:10px;	
	float:left;
	text-align:center;
	
}
*/








/*css for slide show*/

.contentslide{
border: 1px solid #F48129;
border-bottom-width: 6px;
padding: 8px;
width: 360px;
height: 460px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 360px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 10px solid navy;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 344px; /*IE5 width*/
w\idth: 360px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}