/* Ultracell Stylee Big Up Sheet O Joy Avit Lavine 

Rollin Rollin Rollin Raw Hide! */



/* Layout */



 

#navwrap {

	height: 213px;

	width: auto;

	margin:0px;

	padding:0px;

	background-image: url(images/gradient.gif);

	background-repeat:repeat-x;	

}



#contleft{

	width:300px;

	height:auto;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	float:left;

}



#contright{

	width:450px;

	height:auto;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	float:left;

	clear:right;

	text-align:right;

}



#servleft{

	width:430px;

	height:auto;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	float:left;

}



#servright{

	width:300px;

	height:auto;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	float:left;

	clear:right;

	text-align:left;

	border-left:1px dotted #333;

}



#factbox {

	padding:0px;

	margin:0px 0px 0px 10px;

	width:auto;

	height:auto;

	background-color:#F0F0F0;

	background-image: url(images/speak.gif);

background-position: top left;

background-repeat:no-repeat;

}



#footcontent{

	height: 200px;

	width: 750px;

	margin: 0px auto 0px auto;

	padding: 0px 0px 0px 0px;

	background-image: url(images/dots.gif);

	background-repeat:no-repeat;

	background-position:bottom center;

}



#footleft {

	margin:0px 0px 0px 0px;

	padding:0px;

	height:200px;

	width:200px;

	float:left;

}



#footright {

	margin:55px 20px 0px 0px;

	padding:0px;

	height:80px;

	width:400px;

	float:right;

	text-align:right;

}



#orange {

	height: 38px;

	width: auto;

	margin:10px 0px 0px 10px;

	padding:0px;		

}



#left {

	height: 38px;

	width: 10px;

	margin:0px;

	padding:0px;

	background-image: url(images/leftend.png);

	float:left;	

}



#right {

	height: 38px;

	width: 10px;

	margin:0px;

	padding:0px;

	background-image: url(images/rightend.png);

	float:left;	

}



#middle {

	height: 38px;

	width: auto;

	margin:0px;

	padding:0px;

	background-image: url(images/orangeline.png);

	background-repeat:repeat-x;

	float:left;

	

}



#orangenews {

	height: 38px;

	width: auto;

	margin:10px 0px 10px 0px;

	padding:0px;		

}





#flashbuttons {

margin:10px 0px 0px 10px;

padding:0px;

width: auto;

height:auto;

}



#line{

	width: 750px;

	height: 20px;

	padding: 0px;

	margin: 0px auto 0px auto;

	background-image: url(images/line.gif);

	background-repeat:no-repeat;

	clear:both;                                                                                                                                                                             

}



#menubit{

	width: 750px;

	height: auto;

	padding: 0px;

	margin: 0px auto 0px auto;                                                                                                                                                                             

}



#menubg{

	width: auto;

	height: auto;

	padding: 0px;

	margin: 0px 0px 0px 0px;

}



body {	

margin: 0px;

padding: 0px;

background-color: #fff;

}





#navbox {

width: 750px;

height: 200px;

margin: 0px auto 0px auto;

padding: 0px 0px 0px 0px;

}



#logo {

	width: 400px;

	height: 200px;

	padding:0px;

	margin:0px;	

	float:left;

	background-image: url(images/logo.gif);

	background-position:bottom;

	background-repeat:no-repeat;

}



#buttons {

	width: 350px;

	height: 200px;

	padding:0px;

	margin:0px;

	float:left;	

	background-image:url(images/buttons.gif);

	background-repeat:no-repeat;

}



#homecontent{

	width: 750px;

	height: auto;

	padding:0px 0px 0px 0px;

	margin:0px auto 0px auto;

}

.orange1 {
color:#FF5A00;
font-weight:bolder;
font-size:14px;
margin-bottom:0px;
padding-bottom:0px;
}

.orange {
color:#FF5A00;
font-weight:bolder;
font-size:14px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}

.inserttext {
padding-top:5px;
}

#insert {
width:750px;
height:auto;
padding:0px;
margin:0px 0px 10px 0px;
background-image:url(images/greystripe.png);
background-repeat:repeat;
border-bottom:1px dotted #999999;
border-top:1px dotted #999999;
}

.portfoliopic{
border: 5px #fff solid;
margin:5px;
}


#homecontentport{

	width: 750px;

	height: auto;

	padding:0px 0px 0px 0px;

	margin:0px auto 0px auto;

	text-align:center;

}



#brandcentre{

	width: 750px;

	height: auto;

	padding:0px 0px 0px 0px;

	margin:0px auto 0px auto;

	text-align:center;

}



#porthead {

	width:400px;

	height:auto;

	padding:0px;

	margin: 0px 10px 0px 0px;

	float:left;

}



#portheadcon {

	width:700px;

	height:auto;

	padding:0px;

	margin: 0px 10px 0px 0px;

	float:left;

}



#portheadright {

	width:200px;

	height:auto;

	padding:0px;

	margin: 0px 10px 0px 10px;

	float:right;

	clear:right;

	text-align:right;

}



#portleft{

	width:355px;

	height:auto;

	margin:0px 10px 0px 10px;

	padding:0px 0px 0px 0px;

	float:left;

}



#portright{

	width:355px;

	height:auto;

	margin:0px 10px 0px 10px;

	padding:0px 0px 0px 0px;

	float:right;

	clear:right;

}



#portwrap{

	width:355px;

	height:150px;

	padding:5px;

	margin:5px 0px 10px 0px;

	_padding-bottom:0px;

	_padding-right:10px;

	background-image:url(images/stripeg.png);

	background-position:left;

	background-repeat:repeat-y;

	background-color:#F5F5F5;

}



#portimage{

	width:140px;

	height:150px;

	padding:5px 0px 0px 11px;

	_padding-left:8px;

	margin:0px;

	float:left;

	_clear:right;

}



#porttext{

	width:192px;

	height:150px;

	padding:0px;

	margin:0px 0px 0px 5px;

	float:left;	

	border-right: 1px dotted #999999;

}



#homeflash{

	width: 750px;

	height: auto;

	padding:0px 0px 0px 0px;

	margin:0px auto 0px auto;

}



#homeleft{

	width: 450px;

	height: auto;

	padding:0px 0px 0px 0px;

	margin:0px auto 0px auto;

	float:left;

}



#homeright{

	width: 300px;

	height: auto;

	padding:0px 0px 0px 0px;

	margin:0px auto 0px auto;

	float:right;

}





#footer {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

height: 200px;

width: auto;

background-color:#e5e5e5;

background-image: url(images/foot.gif);

background-repeat:repeat-x;

clear:both;

}



div.scroll {	

height: 800px;	

width: 270px;	

overflow: auto;

background-color:#fff;		

padding: 0px;

margin: 10px 0px 0px 10px;

}



div.scroll2 {	

height: 900px;	

width: 220px;	

overflow: auto;

background-color:#fff;		

padding: 0px;

margin: 10px 0px 0px 10px;

border-left:1px dotted #999;

border-top:1px dotted #999;

border-bottom:1px dotted #999;

}





#birdhold {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 98px;

	width: 138px;

	height: 100px;

}



/* typography */



.contactadd {

margin: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial, Helvetica, sans-serif; 

font-size:16px;

line-height: 16px;

color: #FF5A00;

font-weight:bolder;		

}



.contactadd1 {

margin: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial, Helvetica, sans-serif; 

font-size:18px;

line-height: 18px;

color: #FF5A00;

font-weight:bolder;		

}



.contactadd2 {

margin: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial, Helvetica, sans-serif; 

font-size:12px;

line-height: 14px;

color: #FF5A00;

font-style:italic;		

}



.pcontactadd {

margin: 0px 0px 0px 0px;

padding: 0px 10px 10px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

color: #333333;

}



p {

margin: 0px 0px 0px 0px;

padding: 10px 10px 10px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

color: #333333;

}



.pbird {

margin: 0px 0px 5px 0px;

padding: 0px 10px 5px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

border-bottom: 1px dotted #FF5A00;

color: #333333;

}



.client {

margin: 0px 0px 0px 0px;

padding: 10px 10px 10px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

color: #666;

}



.pserv {

margin: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial; 

font-size:10px;

line-height: 10px;

color: #FF5A00;

}



.conpara {

margin: 0px 0px 0px 0px;

padding: 10px 10px 10px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

color: #555;

border-top: 1px dotted #333;

}



.pbirdhead {

margin: 0px 0px 0px 0px;

padding: 10px 10px 0px 10px;

font-family: Arial; 

font-size:18px;

line-height: 18px;

font-weight:bolder;

color: #FF5A00;

}



.pbirdtitle {

margin: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial; 

font-size:10px;

line-height: 10px;

color: #FF5A00;

}



.pbirdquote {

margin: 0px 0px 0px 0px;

padding: 6px 10px 0px 10px;

font-family: Arial; 

font-size:10px;

line-height: 10px;

color: #333333;

font-style:bold;

}



.pport {

margin: 5px 0px 0px 0px;

padding: 0px 5px 10px 10px;

font-family: Arial; 

font-size:10px;

line-height: 11px;

color: #333333;

}



.pfact {

margin: 0px 0px 0px 0px;

padding: 10px 10px 0px 100px;

font-family: Georgia; 

font-size:22px;

line-height: 28px;

color: #999999;

}

.testimonial {

margin: 0px 0px 0px 0px;

padding: 10px 10px 0px 100px;

font-family: Georgia; 

font-size:14px;

color: #999999;

}



.factsmall {

margin: 0px 0px 0px 0px;

padding: 3px 10px 10px 100px;

font-family: Arial; 

font-size:10px;

line-height: 12px;

color: #555555;

}



.address {

margin: 0px 0px 0px 0px;

padding: 0px 10px 2px 10px;

font-family: Arial; 

font-size:10px;

line-height: 12px;

color: #444;

}



.porange {

margin: 0px 0px 0px 0px;

padding: 75px 10px 0px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

color: #FF5A00;

}



.porangeabout {

margin: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

color: #FF5A00;

}



.pfooter {

margin: 0px 0px 0px 0px;

padding: 0px 10px 10px 10px;

font-family: Arial; 

font-size:12px;

line-height: 14px;

color: #FFf;

}



.pscrolltitle {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family: Arial; 

font-size:16px;

font-weight: bolder;

line-height: 16px;

color: #FF5A00;

}



.pscrollsub {

margin: 0px 0px 0px 0px;

padding: 0px 10px 10px 10px;

font-family: Arial; 

font-size:12px;

line-height: 12px;

color: #0099FF;

}



.pscrollmain {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family: Arial; 

font-size:10px;

line-height: 10px;

color: #FF5A00;

}



.header {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bolder;

	color: #FFFFFF;

	background-color: #FF5A00;

	line-height:20px;

	padding:0px;

	margin:0px;

}



.header2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bolder;

	color: #FFFFFF;

	background-color: #00AAFF;

	line-height:20px;

	padding:0px;

	margin:0px;

}



#headerbit {

margin:10px 0px 0px 0px;

padding:0px;

width: auto;

height:auto;

}



#headerbitleft {

margin:10px 0px 0px 10px;

padding:0px;

width: auto;

height:auto;

}



#recent {

margin:10px 0px 0px 10px;

padding:0px;

width: auto;

height:auto;

}



a:link, a:visited {

	color:#FF5A00;

	text-decoration: none;

}



a:hover, a:active  {

	color: #0086ff;

	text-decoration: none;

}



.smallquote {

margin: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial; 

font-size:10px;

line-height: 10px;

color: #666666;	

}



.smallerquote {

margin: 10px 0px 0px 0px;

padding: 0px 10px 0px 10px;

font-family: Arial; 

font-size:10px;

line-height: 10px;

color: #666666;	

}



.pquote {

margin: 0px 10px 0px 10px;

padding: 0px 0px 0px 0px;

font-family: Arial; 

font-size:14px;

line-height: 15px;

color: #0086ff;	

font-weight: bolder;	

}



.p {

margin: 0px 0px 0px 0px;

padding: 10px 10px 10px 10px;

font-size:12px;

line-height: 12px;

font-family: Arial; 

color: #ffffff;

}





a.foot:link {

	color: #FF5A00; 

	text-decoration: none; 



	font-family: Arial;

	font-size:10px;

	line-height: 12px; 

	padding:0px;

	margin:0px;

	}

a.foot:visited {

	color: #FF5A00; 

	text-decoration: none; 

 

	font-family: Arial;

	font-size:10px;

	line-height: 12px;

	margin:0px;

	}

a.foot:hover {

	color: #0086ff; 

	text-decoration: none; 



	font-family: Arial;

	font-size:10px;

	line-height: 12px;

	margin:0px;

	}

	

	a.portlink:link {

	color: #777; 

	text-decoration: underline; 



	font-family: Arial;

	font-size:10px;

	line-height: 10px; 

	padding:0px;

	margin:0px;

	}

	a.portlink:visited {

	color: #777; 

	text-decoration: underline; 

 

	font-family: Arial;

	font-size:10px;

	line-height: 10px;

	margin:0px;

	}

	a.portlink:hover {

	color: #999; 

	text-decoration: underline; 



	font-family: Arial;

	font-size:10px;

	line-height: 10px;

	margin:0px;

	}

	

a.portlink2:link {

	color: #777; 

	text-decoration: underline; 



	font-family: Arial;

	font-size:12px;

	line-height: 14px; 

	padding:0px;

	margin:0px;

	}

	a.portlink2:visited {

	color: #777; 

	text-decoration: underline; 

 

	font-family: Arial;

	font-size:12px;

	line-height: 14px;

	margin:0px;

	}

	a.portlink2:hover {

	color: #999; 

	text-decoration: underline; 



	font-family: Arial;

	font-size:12px;

	line-height: 14px;

	margin:0px;

	}

	

a.nav:active {color: #ffffff; font-weight:bold;} 



.image {

	border: 5px #ffffff solid;

	margin:10px 10px 10px 10px;

}



.headings {

	margin:0px;

	padding: 0px;

}



.offer {

	margin:0px;

	padding: 0px;

	border:0px;

}



.portpic {

	margin:0px 0px 0px 0xp;

	padding: 0px;

	border: 5px solid #fff;

}



.imagesmall {

	margin:0px;

	padding:0px;

}



  ul.list {

    width: auto; 

    margin: 0px 0px 10px 10px;

    padding: 0px 0px 0px 40px;

    border: 0px; 

    list-style-position: outside;

    list-style-type: disc;

	font-family:  Arial; 

	font-size:12px;

	line-height: 14px;

	color: #777777;

  }

  

    ul.bullets {

    width: auto; 

    margin: 0px 0px 10px 10px;

    padding: 0px 0px 0px 15px;

    border: 0px; 

    list-style-position: outside;

    list-style-type: disc;

	font-family:  Arial; 

	font-size:12px;

	line-height: 14px;

	color: #777777;

  }





h1 {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 10px;

font-family: Arial, Helvetica, sans-serif; 

font-size:24px;

line-height: 24px;

color: #FF5A00;

width:100%;

font-weight:bolder;	

}



.h1orange {

margin: 7px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family: Arial, Helvetica, sans-serif; 

font-size:24px;

line-height: 24px;

color: #ffffff;

width:100%;

}



.hport {

margin: 5px 0px 0px 10px;

padding: 0px 0px 0px 0px;

font-family: Arial, Helvetica, sans-serif; 

font-size:16px;

line-height: 16px;

color: #FF5A00;

}



.hportsmall {

margin: 0px 0px 0px 15px;

padding: 0px 0px 0px 0px;

font-family: Arial, Helvetica, sans-serif; 

font-size:12px;

line-height: 12px;

color: #FA885E;

font-weight:bold;

}



h2 {

margin: 0px 0px 0px 0px;

padding: 5px 10px 0px 20px;

font-family:  Arial; 

font-size:15px;

line-height: 14px;

color: #044278;

font-weight:bold;

font-style:italic;	

}



h3 {

margin: 0px 0px 0px 0px;

padding: 10px 10px 0px 10px;

font-family:  Arial; 

font-size:14px;

line-height: 14px;

color: #0086ff;

font-weight:bold;	

}

.hclass {

	margin: 0px 10px 5px 10px;

}



.pclass3 {

	margin: 0px 0px 0px 0px;

padding: 10px 0px 10px 10px;

font-size:14px;

line-height: 14px;

font-family: Arial; 

color: #0086ff;

font-weight:bolder;

}



.h1 {

margin: 0px 0px 0px 0px;

padding: 0px 0px 5px 0px;

font-family:  Arial; 

font-size:15px;

line-height: 14px;

color: #fff;

font-weight:bold;

}



.foot {

margin: 20px 0px 0px 0px;

padding: 0px 0px 5px 0px;

font-family: Arial, Helvetica, sans-serif;; 

font-size:10px;

line-height: 10px;

color: #ffffff;

font-weight:bold;

}





.quote {

margin: 10px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family:  Arial; 

font-size:10px;

line-height: 10px;

font-weight:normal;

color: #555555;	

}



.newspic {

margin: 5px 0px 5px 0px;

padding: 0px 0px 0px 0px;

}



.rss {

margin: 3px 0px 3px 0px;

padding: 0px 0px 0px 0px;

}



.newsy {

margin: 10px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.rsssmall {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 10px;

}



.by {

margin: 10px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family:  Arial; 

font-size:10px;

line-height: 10px;

font-weight:normal;

color: #888888;	

}



.quoteblue {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family:  Arial; 

font-size:10px;

line-height: 10px;

font-weight:normal;

color: #0086ff;	

}



/*Nav*/



.solidblockmenu{

margin: 0;

padding: 0;

float: left;

font: bolder 14px Arial, Helvetica, sans-serif;

width: 100%;

border: 1px solid #625e00;

border-width:0px;

}



.solidblockmenu li{

display: inline;

}



.solidblockmenu li a{

float: left;

color: #C8C8D2;

padding: 4px 5px;

text-decoration: none;

}



.solidblockmenu li a:visited{

color: #C8C8D2;

text-decoration: none;

}



.solidblockmenu li a:hover, .solidblockmenu li .current{

color: #FF5A00;

text-decoration: none;

background: url(images/blockactive.gif) center center repeat-x;

}





/*Tool tips*/



a.info{

    position:relative; 

    z-index:24; 

    font-family:  Arial; 

	font-size:12px;

	line-height: 14px;

	font-weight:normal;

	color: #0086ff;

    text-decoration:none;

	margin-left:10px;

	margin-bottom:0px;

	}





a.info:hover{

	z-index:25; 

	background-color:#F1F1F1;

	color: #044278;

	}



a.info span{

	display: none;

}



a.info:hover span{ /*the span will display just on :hover state*/

    display:block;

    position:absolute;

    top:2em; 

	left:2em; 

	width:15em;

	padding:10px 10px 10px 13px;

	border-bottom: 10px solid #1c64d1;

	background-image: url(images/i.gif);

	background-position: top right;

	background-repeat:no-repeat;

    background-color:#044084; 

	color:#E0E0E0;

    text-align: left;

	}

	

/* Menu Links 1 */





#blueblock{

width: auto;

height:auto;

padding: 0 0 0 0;

_padding-top:3px;

margin: 0px;

font-family: Arial, Helvetica, sans-serif;

font-size: 90%;

text-align:left;

color: #333;

border-top: 1px dotted #999999;

}



* html #blueblock{ /*IE 6 only */

width: 245px; /*Box model bug: 180px minus all left and right paddings for #blueblock */

}



#blueblock ul{

list-style: none;

margin: 0;

padding: 0;

border: none;

}



#blueblock li {

margin: 0;

}



#blueblock li a{

display: block;

padding: 1px 5px 1px 8px;

background-color: #f7f7f7;

border-bottom: 1px dotted #999999;

color: #ff6600;

text-decoration: none;

width: 100%;

margin:0px;

_margin: -3px;

}



html>body #blueblock li a{ /*Non IE6 width*/

width: auto;

}



#blueblock li a:hover{

background-color: #e9e9e9;

color: #0086ff;

}







.thumbnail{

position: relative;

z-index: 0;

font-family:"Arial";

font-weight:bolder;

font-size:14px;

padding-left:10px;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: #fff;

padding: 5px;

left: -1000px;

border: 1px  dotted #555555;

visibility: hidden;

color: black;

font-family:"Arial";

font-size:10px;

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: 0;

left: 200px; /*position where enlarged image should offset horizontally */



}



</style>