body, html
{
    margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, Verdana, Arial; 
	font-size:12px; 
	color:#6c6c6c;
	text-align:center;
	background:#e5e5e5;
	line-height:16px;
}

td {
height:36px;
vertical-align:top;
}

img 
{
 border:0px;   
}

a:link 
{
 color:#1165ab;
 font-size:12px;
 text-decoration:none; 
}
a:visited
{
 color:#1165ab;
 font-size:12px;   
 text-decoration:none;
}
a:hover 
{
 color:#ca0505;
 font-size:12px;
 text-decoration:underline; 
}

a.promotional:link 
{
 color:#1165ab;
 font-size:16px;
 text-decoration:none; 
 font-weight:bold;
}
a.promotional:visited
{
 color:#1165ab;
 font-size:16px;   
 text-decoration:none;
 font-weight:bold;
}
a.promotional:hover 
{
 color:#ca0505;
 font-size:16px;
 text-decoration:underline; 
 font-weight:bold;
}


a.news:link 
{
 color:#ca0505;
 font-size:12px;
 text-decoration:underline; 
}
a.news:visited
{
 color:#ca0505;
 font-size:12px;   
 text-decoration:underline; 
}
a.news:hover 
{
 color:#ca0505;
 font-size:12px;
 text-decoration:underline; 
}

ul {
list-style-image: url('/content/media/bullet.jpg');
/*list-style:url('/media/bullet.jpg');*/
/*margin-left:20px;*/
}

li {
padding-left:10px;
margin-bottom:20px;
}

h1 
{
    color:#ca0505;
    font-size:16px;
    margin-bottom:20px;   
    
}

#copy 
{
 margin:0px 10px;   
}

.messageHeader 
{
 text-decoration:none;
 font-size:17px;
 color:#1165ab;
 margin:2px 0px 0px 0px;
 font-weight:bold;
 text-shadow:  1px 1px #ffffff;

}

.messageHeaderDemo
{
 font-size:22px;
 color:#1165ab;
 margin:2px 0px 0px 0px;
 font-weight:bold;
}

h2
{
    color:#ca0505;
    font-size:12px;
    
    
}

#container 
{
 width:940px;
 margin:0px auto 0px auto;
 background:#FFFFFF;
    
}

#containerDemo
{
 width:1240px;
 margin:200px auto 0px auto;
 background:#FFFFFF;
    
}

.clear 
{
   clear:both;
   height:10px;
}


#logoHolder 
{
    height:95px;
    margin:0px 25px 16px 25px;
    width:890px; 
}

#logoHolderDemo
{
    height:95px;
    margin:0px 25px 16px 25px;
    width:1190px; 
}

#logo 
{
    float:left;
    width:400px;
    text-align:left;
    margin:25px 0px 0px 0px;
}

#promotionaltext 
{
    float:left;
    width:390px;
    /*margin-left:20px;*/
    text-align:center;
    margin-top:12px;
    font-size:16px;
    color:#CA0505;;
    font-weight:bold;

}

#tagline 
{
    float:left;
    width:390px;
    text-align:bottom;
}

#contactUpper 
{
    float:right;
    width:100px;
    text-align:right;
    margin:25px 0px 0px 0px;
    
}

#contactUpper img 
{
 display:inline;   
}

#navHolder 
{
    margin:0px 25px 16px 25px;
    width:890px;
    height:42px;
    background:url('/content/media/nav_bg.jpg');
    text-align:center;
}

#navHolder img 
{
    float:left;
    margin:13px 0px 0px 0px;
}


.navOff 
{
    float:left;
    margin:12px 14px;
    font-size:14px;
    color:#e7e7e7;
    text-shadow:  1px 1px #f7f7f7;
    font-weight:bold;
}

.navOn 
{
    float:left;
    margin:12px 14px;
    font-size:14px;
    color:#ca0505;
    font-weight:bold;
}
a.navOn:link 
{
 color:#ca0505;
 font-size:12px;
 text-decoration:underline; 
}
a.navOn:visited
{
 color:#ca0505;
 font-size:12px;
 text-decoration:underline; 
}
a.navOn:hover 
{
 color:#ca0505;
 font-size:12px;
 text-decoration:underline; 
}

#messageHolder
{
    margin:0px 25px 16px 25px;
    width:890px;
    /*height:230px;*/
    background:url('/content/media/messages_bg.jpg') top no-repeat;
}

#messageHolderDemo
{
    margin:0px 25px 16px 25px;
    width:1190px;
    height:430px;
    background:url('/content/media/messages_bg_demo.jpg') top no-repeat;
}


#messagePic
{
    width:383px;
    height:177px;
    margin:20px 0px 20px 10px;
    float:left;
    text-align:left;
}

#messagePicDemo
{
    width:533px;
    height:177px;
    margin:20px 0px 20px 10px;
    float:left;
    text-align:left;
}

#messageText 
{
    width:471px;
    /*height:177px;*/
    margin:20px 10px 0px 0px;
    float:left;
    padding:0px 0px 0px 10px;
    text-align:left;
}

#messageTextDemo 
{
    width:621px;
    /*height:177px;*/
    margin:20px 10px 0px 0px;
    float:left;
    padding:0px 0px 0px 10px;
    text-align:left;
}

.shadowSeperator 
{
 background:url('/content/media/shadow_bottom.jpg') top no-repeat;
 width:890px;
 height:18px;
 clear:both;
 
    
}

.shadowDemo
{
 background:url('/content/media/shadow_demo.png') top no-repeat;
 width:1190px;
 height:24px;
 clear:both;
 
    
}

#copyHolder 
{
    
    margin:20px 32px;
    width:890px;
    text-align:left;
    /*display:none;*/
    
}

#footerHolder 
{
    background:#e5e5e5;
    height:30px;
}

#footerLeft 
{
    float:left;
    width:40%;
    text-align:left;
    margin:10px 0px 0px 10px;
    
}

#footerRight 
{
    float:right;
    width:40%;
    text-align:right;
    margin:10px 10px 0px 0px;
    
}

#socialHolder 
{
    background:#e5e5e5;
    height:40px;
    text-align:left;
    padding:10px 8px;
    float:left;
    width:400px;
}

#w3cHolder 
{
    background:#e5e5e5;
    height:30px;
    text-align:right;
    padding:10px 8px;
    float:right;
}

#buttonHolder 
{
 /*margin:150px 0px 0px 350px;*/
 position:absolute;
 top:190px;
 left:720px;
 z-index:99;
 
}

#buttonHolderDemo
{
 /*margin:150px 0px 0px 350px;*/
 position:relative;
 /*top:190px;
 left:720px;*/
 margin-left:950px;
 z-index:99;
 
}


#button1 
{
    top:0px;
    left:0px;
}

#button2 
{
    top:0px;
    left:36px;
}

#button3 
{
    top:0px;
    left:72px;
}

#buttonOutline 
{
 height:31px;
 width:31px;
 position:absolute;
 border:1px solid #313131;
 top:-3px;
 /* 1: -3px; 2:33px; 3:69px; add 36 to each increment */
 left:-3px;   
}

.buttonOn 
{
 
 background:#ca0505;
 height:22px;
 width:27px;  
 float:left;
 text-align:center;
 color:#ffffff; 
 font-weight:bold;
 position:absolute;
 padding:5px 0px 0px 0px;

    
}

.buttonOff 
{
 background:#313131;
 height:22px;
 width:27px;  
 float:left;
 text-align:center;
 color:#ffffff; 
 font-weight:bold;
 position:absolute;
 padding:5px 0px 0px 0px;
 cursor:pointer;
}

#contactTable 
{
 width:500px;
 border:0px;   
}



.small 
{
 font-size:9px;   
}

#PortfolioWrapper {
	display: none;
	height: 100%;
	width: 100%;
	position:absolute;
	top:0px;
	left:0px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	background:#F0F0F0;
	z-index:8;
}

#PortfolioDiv {
	position:absolute;
	top:340px;
	left:-5000px;
	height:0px;
	width:668px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background:#FFFFFF;
	margin-left:-338px;
	margin-top:-150px;
	z-index:9;
	
}

#portfolioTop 
{
 width:668px;
 height:8px;
 background:url('/content/media/ajax_border_top.png') top no-repeat;   
    
}

#portfolioBottom 
{
 width:668px;
 height:8px;
 background:url('/content/media/ajax_border_bottom.png') top no-repeat;   
    
}

#portfolioMiddle 
{
 width:668px;
 background:url('/content/media/ajax_border_middle.png') repeat-y;   
}

.portfolioOuter
{
    width:420px;
    float:left;
    margin-bottom:20px;
    background:url('/content/media/portfolio_bg.jpg') top no-repeat;
    margin-right:10px;
}

.portfolioShadow
{
    width:420px;
    height:9px;
    background:url('/content/media/portfolio_shadow.jpg') top no-repeat;
    clear:both;
    margin-top:20px;
}

.portfolioThumb 
{
    height:105px;
    width:165px;
    float:left;
    margin-right:10px;

}

.portfolioThumb div 
{
 margin-top:12px;
 margin-left:14px;   
 margin-bottom:10px;
}
.portfolioThumb img 
{
 display:inline;
 margin-left:10px; 
}

.portfolioCopy 
{
    width:230px;
    float:left;
    padding:36px 6px 0px 6px;
    
}


.port_pnl {
width:400px;

background-color:#FFFFFF;
padding:10px;
vertical-align:middle;

margin-bottom:20px;
float:left;
}
.port_thumb_sml {
margin-top:3px;
height:105px;
width:165px;
background-image: url('/content/media/shadow_sml.gif');
float:left;
}

.port_thumb_med {
margin-top:3px;
height:195px;
width:305px;
background-image: url('/content/media/shadow_med.gif');
text-align:left;
float:right;
}

.port_desc {
float:right;
width:250px;
border-left:dashed;
border-width:1px;
border-color:#1165ab;
padding-left:12px;
margin-top:3px;
height:104px;
line-height:15px;
}

#web_panel {
margin : 0px;
text-align:left;
}

#web_link {
float:right;
font-weight:bold;
}

#web_bullets {
float:left;
margin-bottom:20px;
text-align:left;
}

#web_desc {
clear:both;
padding:5px 25px 0px 25px;
line-height:16px;
}

.sitePicOff
{
 /*position:absolute;
 float:left;*/   
}

.sitePicOn
{
 /*position:absolute;
 float:left;   */
}

.textOff
{
 position:relative;
 float:left;  
 width:445px; 
}

.textOn
{
 position:relative;
 float:left;
 width:445px;
}

.textOffDemo
{
 position:relative;
 float:left;  
 width:595px; 
 line-height:20px;
 letter-spacing:1px;
}

.textOnDemo
{
 position:relative;
 float:left;
 width:595px;
 line-height:20px;
 letter-spacing:1px;
}

.introCopy 
{
 /*margin:16px 0px 0px 10px;   */
}

.introCopyDemo
{
 /*margin:16px 0px 0px 10px;   */
 font-size:18px;
}

.moreLink
{
 /*margin:16px 0px 0px 10px;   */
}

.messages
{
 text-decoration: none;
 font-size:16px;
 color:#ca0505;
 font-variant:small-caps;
 font-weight:bold;
 text-shadow:  1px 1px #ffffff;
}

.messagesDemo
{
 font-size:16px;
 color:#ca0505;
 font-variant:small-caps;
 font-weight:bold;
}

a.demo:link 
{
 color:#1165ab;
 font-size:15px;
 text-decoration:none; 
}
a.demo:visited
{
 color:#1165ab;
 font-size:15px;   
 text-decoration:none;
}
a.demo:hover 
{
 color:#ca0505;
 font-size:15px;
 text-decoration:underline; 
}


#newsWrapper 
{
 width:880px;
 /*border:1px solid black; */
 background:url('/content/media/messages_bg.jpg') top no-repeat;  
 height:30px;
 overflow:hidden;
 margin:20px 0px 20px 0px;
}

.pics {  
    width:245px;  
    height:195px;  
} 
.pics img {  

    width:245px; 
    height:195px; 

}

.newsItem 
{
    padding:8px;
    position:absolute;
    display:none;
    overflow:hidden;
}

.newsDate 
{
 color:#CA0505;
 float:left;
 margin-right:12px;
 font-weight:bold;
 width:90px;   
}

.newsText 
{
 float:left;   
}

.mask 
{
    position: absolute;
    left: 97px;
    top: 0px;
    width: 770px;
    overflow: hidden;
    height:30px;
    background:url('/content/media/messages_bg.jpg') top no-repeat; 
}




.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.portthumb_on
{
    border-style: solid;
    border-width: 1px;
    border-color: #1165AB;
}

.portthumb_off
{
    border-style: solid;
    border-width: 1px;
    border-color: #fdfdfd;
}

.clientthumb
{
    float:left;
    width:200px;
    height:120px;
    margin-left:0px;
    margin-right:15px;
    margin-top:15px;
    margin-bottom:15px
}

.staff_thumb
{
    float:left;
    width:100px;
    height:100px;
    margin:20px;
    text-align:center;
    font-weight:bold
}