html { font-size: 100%; /* IE hack */ }

table { font-size: 100%; /* IE hack */ }

BODY {
	font-size:69% ;
	font-family :  arial, verdana, Helvetica, sans-serif;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width:940px; }



/*  HEADERS  */

h1{
font-size : 1.6em;
margin-bottom: 0; 
padding-bottom: 0; 
font-weight : bold;
color: #003399;}

h3.mainhead{
font-size : 1.4em;
font-weight : bold;
color: #CC0000;
margin-bottom: 0; 
padding-bottom: 0; }
/*  TEXT  */

.text{
font-size : 1.09em;
color: #000000;}

.textrosso{
font-size : 1em;
font-weight : bold;
color: #CC0000;}

.textgris{
font-size : 1em;
font-weight : bold;
color: #666666;}

.textsno1{
font-size : 1.09em;
color: #FFFFFF;}

.smalltext{
font-size : 1em;
color: #000000;}

.liltext{
font-size : 0.9em;
color: #000000;}

.lilsno{
font-size : 0.9em;
color: #FFFFFF;}

.head{
font-size : 1.2em;
font-weight : bold;
color: #CC0000;}

.title{
font-weight : bold;
font-size : 1.27em;
color: #FFFFFF;}



/*  FLIPS  */

a, A.flip, ul.sitemap li a{
	font-weight : bold;
	text-decoration: underline;
	color: #666666;}

a:hover, A.flip:hover, ul.sitemap li a:hover{
	font-weight : bold;
	text-decoration: none;
	color: #999999;}

A.flipnav{
	font-weight : bold;
	text-decoration: none;
	color: #FFFFFF;}

A.flipnav:hover{
	font-weight : bold;
	text-decoration: none;
	color: #FFCC00;}

#selected A.flipnav{
	font-weight : bold;
	text-decoration: none;
	color: #D5D5D5;}

#selected A.flipnav:hover{
	font-weight : bold;
	text-decoration: none;
	color: #FFCC00;}

	
/*  FORM TAGS  */

input.i250{
	width : 250px;
	font-size : 1em;
	font-weight : bold;
	font-family :  arial, verdana, Helvetica, sans-serif;
	color: #AE0000;
	background-color : #FFFFFF;}

select.s140{
	width : 140px;
	font-size : 1em;
	font-weight : bold;
	font-family :  arial, verdana, Helvetica, sans-serif;
	color: #AE0000;
	background-color : #FFFFFF;}
	
textarea.t400{
	width : 400px;
	font-size : 1em;
	font-weight : bold;
	font-family :  arial, verdana, Helvetica, sans-serif;
	color: #AE0000;
	background-color : #FFFFFF;}





/*  BOXES  */

.main{
	width:938px; }
html>body .main {
margin-left:8px;
}

.left{
	background:  url(../images/bg_left1.gif);
	width:12px; }
	
.left2{
	background:  url(../images/bg_left2.gif);
	width:11px; }
	
.right{
	background:  url(../images/bg_right1.gif);
	width:12px; }
	
.right2{
	background:  url(../images/bg_right2.gif);
	width:11px; }
	
.contact{
	float:right;
	width:300px;
	text-align:right;
	padding:16 12 0 0; }

.nav{
	background:  url(../images/bg_nav2.gif);
	width:265px; }

.snoline{
	border: 1px solid #FFFFFF; }
	
.snoline1{
	border: 1px solid #FFFFFF;
	float:left;
	margin:0 1 5 9; }
	
.snoline2{
	border: 1px solid #FFFFFF;
	float:right;
	padding:2 20 0 0;
	margin-bottom:5px;
	text-align:right;
	text-transform:uppercase;
	width:232px;
	height:20px;
	background:  url(../images/n_bg1.gif); }
html>body .snoline2 {
	width:211px;
	height:16px; }

.snoline3{
	border: 1px solid #FFFFFF;
	background:  url(../images/bg_nav.gif);
	width:255px;
	height:250px;
	margin:5 0 0 9;
	padding:50 18 24 24 }
html>body .snoline3 {
	width:212px;
	height:174px; }
	
.snoline4{
	border: 1px solid #FFFFFF;
	padding-left:64px;
	background:  url(../images/bg_foot.gif);
	height:20px;
	width:276px; }
	
.foot1{
	background-color:#DEDEDE;
	width:570px;
	padding-right:12px;
	text-align:right;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	text-transform:uppercase; }
	
.tween1{
	background:  url(../images/bg_tween1.gif);
	width:10px; }
	
.content{
	border: 1px solid #FFFFFF;
	background:  url(../images/bg_content.gif) top no-repeat;
	width:638px; }
	
.contentfull{
	float:left;
	padding:24 18 24 30; }
	
.contentleft{
	float:left;
	width:319px;
	padding:24 18 24 30; }
html>body .contentleft {
	width:271px; }
	
.contentright{
	float:right;
	width:319px;
	padding:24 30 24 18; }
html>body .contentright {
	width:271px; }

/*Sitemap List*/
ul.sitemap{
list-style-type: none;
padding: 0;
margin: 0;}
ul.sitemap li{margin:1em;}

/*Gallery*/
#gallery img{margin:0;padding:0;border:0;}

#gallery td{
width:25%;
text-align:center;
padding-bottom:10px;}

a.view{
display:block;
height:23px;width:117px;
background:url(../images/b_clicktoexpand.gif) no-repeat;
text-indent:-1000px;
overflow: hidden;
margin: 0 auto 4px auto;}

#popup{
width:580px;
height:478px;}

/*Case Studies*/
.case{clear:both; margin-bottom:10px;height:88px;}

* html .case img{margin: 0 -3px;}

.casethumb{width:117px;vertical-align:middle; border:1px solid #CC0000; padding:0px; float:left;}

.casemain{vertical-align:top; border:1px solid #CC0000;height:88px; width:450px; float:left;margin-left:2px;}

.casehead{
padding:10px 0 0 10px;
height:54px;
margin:0px;}

* html .casehead{height:66px;}

.morebtn{display:block; height:24px;width:100%;background:#CC0000;padding:0;text-align:right;}

.morebtn img{border:0;}

#case #title{vertical-align:bottom;}
#case #main{padding:10px 25px 10px 0;}
	#case #main .head{font-size:1.1em;}
#case #summary, #case #gallery{width:150px;background:#DEDEDE;}

 #case #gallery{text-align:center;vertical-align:top;padding:10px 0 0 0;}
#case #summary{padding:10px;}

.gallerythumb{width:120px;text-align:center;margin:0 auto 10px auto}

/*	PAGINATION  */

.page{
	font-size : 12px;
	font-weight : bold;
	font-family :  trebuchet, arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;}
	
.pageon{
	font-size : 12px;
	font-weight : bold;
	font-family :  trebuchet, arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	padding-top:3px;
	width: 20px;
	height: 20px;
	background-color : #AE0000;	}

A.pageflip{
	text-decoration: underline;
	display: block;	
	padding-top:3px;	
	width: 20px;
	height: 20px;
	background-color : #959595;
	color: #FFFFFF}

A.pageflip:hover{
	text-decoration: none;
	padding-top:3px;	
	width: 20px;
	height: 20px;
	background-color : #6D6D6D;
	color: #FFFFFF}