/* NBurman Design Stylesheet */
body { background: #ff9933 ;
	margin:0px;
	background:url("../images/headslice-left.jpg") top repeat-x;
}
a
{	
	font-weight: 500;
	color:black;
}
b, strong
{ text-transform: uppercase; 
font-weight: 600;
}

 .clear {
	clear: both;
}

ul
{	margin-left:0px;
padding-left: 10px;
}
li {margin-left: 50px;}

.no-border
{border:none;}

/* --------------------------------------------------------- img */
img
{border:0px;}
img.th
{	border:1px solid black;
	margin:4px;
	padding:1px;
	width:25px;
	height:25px;
	float:right;
}
img.oth
{	border:2px solid #ff9933;
	margin:4px;
	padding:1px;
	width:25px;
	height:25px;
	float:right;
}
img.left
{	float:left;
}
img.leftcontact
{	float:left;
	margin-right:8px;
	}
img.right
{	float:right;
	}
.action
{	vertical-align:middle;
	}
.action-top
{vertical-align:top;}
.picr, picrf
{	margin:2px;
	padding: 2px;
	border: 0px;
	float:right;
}

.picl, piclf
{	
	margin-right:15px;
	border: 0px;
	float:left;
}

.home-pic
{
	margin: 2px 10px 2px 2px;
	padding: 4px;
	border: 1px solid #eee;
	float:left;
	}
.thumb
{
	margin-right:15px;
	border: 0;
	float: left;
	margin-bottom: 40px;
}

.tab
{padding-left:7px;}
.bar
{	margin-top:40px;
	margin-left:4px;}
	
.blacklink
{
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
.bluelink
{color: #39C;
}

	
/* --------------------------------------------------------- type */
p
{
	font: normal 12px "Trebuchet MS", Arial, sans-serif;
	line-height:140%;
	padding-bottom: 2px;
}

.small
{font:  normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:110%;
}

 .right
{float:right;}
.right a
{text-decoration:none;}

h1,h2,h3,h4, h5
{	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
	}

h1
{	
	font-size:24px;
	font-weight:normal;
	color: #444;
	letter-spacing: 0.01em;
	padding: 15px 8px 20px 0px;
	margin-top:10px;
	margin-bottom: 20px;
	border-bottom:1px solid #ededed;
}

h1.background
{	font-size:19px;
	font-weight:500;
	color: #fff;
	letter-spacing: -0.05em;
	padding: 10px 8px 8px 18px;
	margin-top:10px;
	margin-bottom: 20px;
	background-color: #ff9933;
}


h2
{	font:normal 20px "Trebuchet MS", Arial, sans-serif;
	color: #000;
	margin-bottom: 0px;
	
}

h3, h3 a
{
	font-size:18px ;
	letter-spacing: 0.03em;
	text-transform:capitalize;
	padding-left:0;
	margin:30px 0 8px 0;
	text-decoration:none;
}
	
h4
{	
	color: #000;
	padding-bottom: 0px;
	font-weight: normal;
	font-size: 15px;
	letter-spacing:120%;
	margin-bottom:0px;
	text-transform:uppercase;
}
h5
{	font-size:28px;
font-weight:bold;
margin-top: 20px;
margin-bottom: 20px;
}

hr
{color: #eee;
background-color: #eee;
height:1px;
border: 0;
}
/* ------------------------------------------------------- header info */
#headerinfo
{margin:auto;
width: 786px;
position: relative;
top: 34px;
z-index:10;
}

#logo
{float: left;}

#tagline
{float: right;
padding-top: 0px;}
#bottom-layer
{z-index:1;}

/* -------------------------------------------------------- tabbed menu */
#tabmenu
{
	background: url(../images/menu-tab.png) top no-repeat;
	height: 29px;
	width: 559px;
	float: right;
	margin-top: 25px;
	z-index:1000;
}


#tabmenu a
{text-decoration:none;
}


.choice
{
float:left;
padding:4px 4px 0 4px;
width: 79px;}


.menu {
   position:relative;
   list-style: none;
   margin: 0px;
}
/* top of menu items */


/* list a-links */
.menu li a{
   text-decoration:none;
   font-weight:normal;
	width: 120px;
	padding:4px 4px 4px 4px;	    	
	
}
.menu li{
	 position:relative;
	 display:block;
	 cursor:pointer;
	 margin-left: 10px;
	 padding: 4px ;
}
/* top of menu */
.menu li a{
	color:black;

	}
/* top of menu, on mouse over */
.menu li a:hover{
   color:#ff9933;
   padding:4px;  
   text-decoration:none; 
}

/* drop down bit */
.menu li ul{
   position:absolute;
   white-space:normal;
   text-align:left;
   list-style:none;
   display:none;
   z-index:5;
   width: 110px;
   padding-left: 50px;
   background: url(../images/trans-grey.png);
   border: 1px solid white;

}
/* 1st level drop down anchors */
.menu li ul a{
	width: 140px;
	color: #fff;
	font-weight: normal;
	
	}
	
/* 1st level drop down  position*/
.menu li ul li{
   position:relative;
   left:-5em;
   display: list-item;
   cursor:pointer;
   color: #39c;
}

/* hover for items in dd */
#tabmenu ul li ul li a:hover{
       color: #fff;
background-color: #000;
}



/* keeps menu down on mouse over */
.menu li ul li a{
   display:block;
}


/*position of drop down */
.menu li:hover > ul{
   display:block;
   	top:1.7em;
   	left:0px;


}

/* ================================================ */


#login-menu
{font: normal 10px "Trebuchet MS", Arial, sans-serif ;
text-align:right;
color:#999;
margin:0px 20px 0px 0px;
}

#login-menu a
{color:#999;}

#login-menu a:hover
{color:#000;}
/* ----------------------------- end of login ---------- */

#greyline
{	width:100%;
	margin-top:4px;
	margin-bottom:4px;
	border-top:1px solid #ccc;
	height:1px;
}
#page-top
{	margin:auto;
	position: relative;
	padding-top: 104px;
	width: 1118px;
    background: url(../images/page-top.gif) no-repeat bottom;

}
#page
{	margin:auto;
	padding-top: 10px;
	width: 1118px;
	background: url(../images/background-slice.gif);
}


.spacer
{	margin-left:15px;
	margin-right:10px;
}
.space15
{margin-top: 15px;}
.spacebottom
{margin-bottom: 40px;
}
#bigspace
{margin-bottom: 200px;}
#space
{margin-bottom: 100px;}

#brbr
{margin:40px;
width:1px;
height:40px;}

/* --------------------------------------------------------- columns */


#content
{	position: relative;
	margin:auto;
	/* width:790px; */ width:900px;
	clear:both;
	z-index:1;
}


.home-left
{padding-left:3px;
width: 374px;
float: left;

}
.home-left p
{line-height:140%;
font-size:13px;}

.home-left ul, li, a
{	font: normal 12px "Trebuchet MS", Arial, sans-serif;
	line-height:160%;
	color: #333;
}

	

.home-right
{float:right;
width: 375px;
margin:0px 10px 0px 0px;
}
.home-right a
{padding-bottom:40px;}
#onecolumn
{padding-left: 5px;}

#onecolumn p
{padding-right: 20px;}

#legalcolumn
{padding:30px;

}
#legalcolumn p
{line-height:125%;}
#legalcolumn img
{vertical-align:bottom;}

#columnleft
{
	width: 330px;
	margin-left:0px;
	margin-right: 5px;
	float: left;

}
#column-contact
{		width: 500px;
	margin-left:5px;
	margin-right: 5px;
	float: left;
	font: 11px "Trebuchet MS", Arial, sans-serif;
	color:#333;
}

#column-contact-right
{width:200px;
float:left;
padding:10px 25px;
border: 1px solid #efefef;
margin-left: 15px;
}

#list
{
padding: 2px 15px;
}
#list ul li
{font-size:12px;
line-height: 200%;
color: #333;}



#columnleft .head
{	font: bold 18px "Trebuchet MS", Arial, sans-serif;
	color: #ff9933;
}

#columnleft .subhead
{	font: oblique 12px  "Trebuchet MS", Arial, sans-serif;
	color:black;
	line-height:100%;
}


#columnright
{
	margin:15px 0 20px 30px;
	width:400px;
	float: left;
	padding-left:15px;
}

#columnright-up


#columnright_pf
{
	margin-left:10px;
	margin-top:70px;
	width:325px;
	float: left;
	border-left:1px solid #999;
	padding-left:10px;
	margin-bottom:20px;
}
#columnright_pf p
{
	font: 11px "Trebuchet MS", Arial, sans-serif;
	line-height:110%;
	color:#666;
	text-align:left;
}	



#columnright .price
{
	font: 12px "Trebuchet MS", Arial, sans-serif;
	line-height:110%;
	color:#666;
	text-align:right;
}

#columnright .submenu
{font: bold 11px "Trebuchet MS", Arial, sans-serif;
line-height:100%;}

#columnright .submo
{font: bold 11px "Trebuchet MS", Arial, sans-serif;
line-height:120%;
color: #ff9933;}

#columnright .title
{font: normal 14px "Trebuchet MS", Arial, sans-serif;
line-height:120%;
color: #ff9933;
}
#lhs
{	width:50%;
	float:left;
}

#rhs
{	width:45%;
	float:left;
	margin-left:10px;
}
.download-left
{width:345px;
float: left;
padding-left:3px;
}
.download-right
{width: 345px;
float: right;
margin-left: 90px;}

#rhs .pl
{text-align:left;}

#half-page
{width: 395px;
}

.yellow-bg
{background-color:#FBF9ED; padding: 10px 20px 30px 20px;}
.indent-90
{margin-left: 90px;}

/*												boxes */


.feature
{background:url(../images/boxfade.png) top repeat-x;
border: 1px solid #EEE;
padding: 10px 20px;
margin-bottom: 20px;
}
.feature h3
{margin-top:8px;}

.quarter-feature, .quarter-feature-last
{width:175px;
padding:0;
margin:40px 20px 40px 5px;
float:left;
vertical-align:middle;
border: 1px solid #f4f4f4;
}

.quarter-feature
{
}
.quarter-feature p, .quarter-feature-last p
{
	padding:0 10px 0 10px;
	font-size: 11px;
}

.quarter-feature-last
{
	margin-right:0;
	float: right;
}

.quarter-feature h2, .quarter-feature-last h2, .quarter-feature a, .quarter-feature-last a, .quarter-feature a:hover, .quarter-feature-last a:hover
{
	font: normal 16px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #ff9933;
	background:none;
	vertical-align:middle;
	text-decoration:none;
	padding-left: 5px;
}
.quarter-feature .right, .quarter-feature-last .right
{margin-right:15px;}


/* --------------------------------------------------------- content */
#content li
{	font:normal 11px "Trebuchet MS", Arial, sans-serif;
	margin-left:10px;
	line-height:120%;
} 

#content .big
{font: bold 12px  "Trebuchet MS", Arial, sans-serif;
color:black;}
#content .biggrey
{font: normal 12px  "Trebuchet MS", Arial, sans-serif;
color:#666;}
#content .pi
{font: oblique 11px "Trebuchet MS", Arial, sans-serif;
color: black; }

#content .porangel
{
	font: bold 11px "Trebuchet MS", Arial, sans-serif;
	line-height:100%;
	text-align:left;
	color:#ff9933;
}
#content .smallred
{font: normal 9px "Trebuchet MS", Arial, sans-serif;
color:red;
}
#content .medredi
{font: oblique 11px "Trebuchet MS", Arial, sans-serif;
color:red;
}
#content .largered
{font: normal 13px "Trebuchet MS", Arial, sans-serif;
color:red;
}

.quote1, .quote2
{width: 680px;
margin-left: 25px;
padding: 20px;
}

.quote2
{background-color:#FFD;}

.itembg
{	margin-top:10px;width:100%;
	padding:8px;
	border-bottom:1px solid #ccc;
	height: 200px;
}
.itembg p
{	font:12px "Trebuchet MS", Arial, sans-serif;
	text-align:left;
	line-height:110%;
	padding-left: 20px;
	}
.itembg ul
{	font:12px arial;
	margin-left:150px;
	line-height:100%;
}

.itembg h1
{font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


.portfolio-boxes, .portfolio-boxes-last
{width: 130px;
float: left;
padding: 0px 10px 10px 10px;
}

.portfolio-boxes
{
border-right: 1px dotted #333;
}

.portfolio-boxes a, .portfolio-boxes-last a
{font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.webbg
{	margin-right:30px;
	padding:16px 20px 16px 0px;
	border-bottom:2px dotted #ccc;
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 340px;
	float: left;
	height:150px;
}

.webbg a
{color: #ff9933;
font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.webbg p

{
	font:normal 10px "Trebuchet MS", Arial, sans-serif;
	line-height:120%;
	
}

.webbg-l
{	
	margin:0 15px 10px 0;
	border: 0px;
	float:left;
	padding-bottom:8px;
	text-align:right;
}

.webbg-l span
{border: 0;
text-decoration:none;
color: #ff9933;}

.webbg-l span:hover
{color: #f00;}


#printbg /* sets up spacing for portfolio pages */
{	margin-top:4px;
	width:100%;
	border-top:1px solid #ccc;
	padding:4px;
}
.motionbg
{	margin-top:4px;
	border-bottom:2px dotted #ccc;	
	clear:both;
}


/* Coloured Backgrounds */

#cream-bg
{
	padding:1px 15px 10px 15px ;
	background-color:#FFC;
}

#blue-bg
{
	padding:1px 15px 10px 15px ;
	background-color: #9CF; 
}

.subhead
{	font: oblique 12px  "Trebuchet MS", Arial, sans-serif;
	color:black;
	line-height:100%;
}


.solutions, .solutions-r

{
font: normal 12px "Trebuchet MS", Arial, sans-serif;
line-height:150%;
width: 235px;
float: left;
margin:30px 37px 0px 0px;
color: #666;
border-bottom:2px solid #eee;
height: 200px;

}
.solutions a, .solutions-r a
{
font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
text-decoration:none;
}
.solutions-r
{
margin:30px 0px 0px 0px;

}


#paypal
{position: relative;
left:188px;
right: 0px;}

.pb
{
	font: bold 11px "Trebuchet MS", Arial, sans-serif;
	line-height:100%;
	color:black;
	text-align:right;
}
.porange
{
	font: bold 11px "Trebuchet MS", Arial, sans-serif;
	line-height:100%;
	text-align:right;
	color:#ff9933;
}

.orange
{color:#ff9933;}
.red
{color: #F00;}




.ps
{	
	font: 9px "Trebuchet MS", Arial, sans-serif;
	line-height:100%;
}


/* 																	report list */

ul.report
{

	list-style: url(../solutions/images/war-tick.jpg);
}
.report li
{	color: #555;
	font-size: 14px;
	padding-bottom: 4px;
}



/* 																	end links */
#endlinks
{	
	width:1118px;
	font: normal 10px "Trebuchet MS", Arial,sans-serif;
	color: #aaa;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/background-endslice.jpg);
	padding: 20px 0 5px 0;
	text-align:center;
}

#endlinks .column
{width: 245px;
float: left;
padding-left: 110px;
text-align:left;
border-right: 1px solid #666;
}
#endlinks #no
{border:none}
#endlinks p, #endlinks li
{	font: normal 10px "Trebuchet MS", Arial,sans-serif;
	color: #aaa;
	margin-left: 10px;
}

#endlinks ul
{
font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#endlinks .pc
{
	font: 9px "Trebuchet MS", Arial, sans-serif;
	color:#666;
}
#endlinks  a, #endlinks a:hover, #endlinks a:visited,  #endlinks a:active
{	text-decoration: none;
	color: #999;
	line-height: 150%;
	font-size: 10px;
}
#endlinks a:hover
{color: #fff;}

#endbadge
{
height:200px;
float: right;
padding-left:40px;}

.endlinkbottom
{width: 1118px;
margin: 0 auto;

}


/* 					contact form */
label
{width: 7em;
float: left;
text-align: right;
margin:0.35em 0.5em 0 0;
display: block}


/* article */

#about
{

}