.DataList1Selected { background-color: black;}
.DataList1Selected a {	color:#ffde00;}
.DataList1Selected a:active{	color:#ffde00;	}
.DataList1Selected a:hover{	color:#ffde00;}
.DataList1Selected a:selected{	color:#ffde00;}
.DataList1Selected a:visited{	color:#ffde00;}
.DataList1 {background-color: black;}
.DataList1 a{color:white;}
.DataList1 a:active{color:white;}
.DataList1 a:hover{	color:#ffde00;}
.DataList1 a:selected{color:white;}
.DataList1 a:visited{color:white;}


.DataList2 {}
.DataList2 a {display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;  margin:0 9px 0 0;border:1px solid #ffde00;}
.DataList2 a:active{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;  margin:0 9px 0 0;border:1px solid #ffde00;}
.DataList2 a:hover{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left; margin:0 9px 0 0;color:#000; background:#ffde00;}
.DataList2 a:selected{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;  margin:0 9px 0 0; color:#000; background:#ffde00;}
.DataList2 a:visited{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;border:1px solid #ffde00; margin:0 9px 0 0;}
.DataList2Selected {}
.DataList2Selected a {display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;  margin:0 9px 0 0;color:#000; background:#ffde00;}
.DataList2Selected a:active{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;  margin:0 9px 0 0;color:#000; background:#ffde00;}
.DataList2Selected a:hover{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left; margin:0 9px 0 0;color:#000; background:#ffde00;}
.DataList2Selected a:selected{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;  margin:0 9px 0 0; color:#000; background:#ffde00;}
.DataList2Selected a:visited{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left;border:1px solid #ffde00;margin:0 9px 0 0;}



body {background:#000; margin:0; padding:0; font-family:Arial, Verdana, Tahoma; font-size:smaller;}
a{color:#ffde00; text-decoration:none;}
#outer-wrap{width:955px; margin:0 auto; position:relative; top:-24px; height:0px;}
#bkgroundimage {margin:0 auto; width:955px; height:600px;}
#marketingtoolkit-bg {margin:0 auto; position:relative; top:153px; width:955px; height:600px;}
#container{width:955px; margin:0 auto; position:relative; top:-600px; height:0px;}
#content{width:898px; margin:auto; color:#fff;}
#content-bg{width:898px; margin:5px auto; position:relative; top:0px;}
#bandit { position:absolute; top:539px;} /*479*/
form {margin:36px 0 0 21px; padding:0;}
br {margin:0; padding:0; height:0; float:left;}
.controls {width:955px; margin:0 auto; padding:0; position:relative; top:-36px;}
#menupos {margin:0 0 0 18px; height:148px;}

/* Home page */
#statement-bg{width:334px; position:absolute; background:#000; height:340px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#likesdislikes-bg{width:356px; position:absolute; left:334px; margin:0 13px; background:#000; height:270px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#meetteam-bg{width:182px; color:#fff; position:absolute; left:716px; background:#000; height:320px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#statement{width:334px; position:absolute; top:153px; z-index:1;}
#statement img{margin:18px 0 0 31px;}
#latestnews {margin:0px 0 0 0px; font-size:.9em; color:#ffde00;}
#latestnews ul{margin:0; padding:0; list-style-type:none; color:#fff;}
.latestNewstxt {color:#fff; position:absolute; background:#000; padding:10px;}
.latestNewstxt h1{color:#FFDE00; font-size:13px; margin:0; padding:0; font-weight:lighter;}
.latestNewstxt p{margin:22px 0 15px 0; padding:0;}
#likesdislikes{width:356px; float:right; margin:0 0 0 347px; position:absolute; top:153px;}
#meetteam{width:182px; float:right; position:absolute; top:153px; margin:10px 725px; font-size:.9em; color:#ffde00;}
#meetteam img{margin:9px 0; display:block;}
#meetteam ul{margin:0; padding:0; list-style:none; color:#fff;}
#meetteam li{margin:2px 0;}
#meetteam a{color:#fff;}
#meetteam a:hover{ text-decoration:underline;}
#meetteam strong a{color:#ffde00; font-weight:normal;}
#meetteam strong a:hover{ text-decoration:underline;}
.mugshotholder {height:157px; overflow:hidden; margin-bottom:14px;}

/* What we do page */
#wwd-content-bg {width:677px; float:right; background:#000; height:270px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#wwd-left-bg{float:left; width:220px;}
#wwd {width:191px; float:left; height:66px; background:#fcd717; border:1px solid #fff; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
.wwd-button {width:89px; float:left; border:1px solid #fff; height:88px; margin:12px 11px 0 0; background:#fcd717; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#wwd_left {position:absolute; top:153px; margin:0; font-size:.7em; width:220px;}
.wwd-top {height:66px; border:1px solid #fff; width:191px; padding:0;}
.wwd-top a{width:189px; color:#000; margin:0; height:64px; display:block; padding:2px 0 0 2px; border:none;}
.wwd-top a:hover{margin:0;}
.wwd-top_off {height:66px; border:1px solid #fff; width:191px; padding:0;}
.wwd-top_off a{width:189px; color:#fff; background:#000; margin:0; height:64px; display:block; padding:2px 0 0 2px; border:none;}
.wwd-top_off a:hover{ background:#4C4C4C; color:#fff; margin:0;}
#wwd-content {width:677px; position:absolute; top:153px; left:249px;}
#wwd-content p {margin:0; padding:0;}
.wwd-content {margin:15px;}
.leftlinkson a{color:#fff; height:86px; background:#000; display:block; padding:2px 0 0 2px; margin:12px 11px 0 0; width:87px; border:1px solid #fff; float:left;}
.leftlinkson a:hover{ background:#4C4C4C; margin:12px 11px 0 0;}
.leftlinksoff a{color:#000; height:86px; background:none; display:block; padding:2px 0 0 2px; margin:12px 11px 0 0; width:87px; border:1px solid #fff; float:left;}
.leftlinksoff a:hover{ background:none; margin:12px 11px 0 0;}

/* Our work */
#ourworkmenu {float:left; margin:34px 0 0 0;}
#ourworkmenu a1{color:#fff;}
#ourworkmenu a:hover{color:#ffde00;}
#ourworkmenu ul{margin:0 0 0 13px; padding:0; list-style:none; width:130px; font-size:.9em;}
#ourworkmenu li{margin:0 0 3px 0; padding:0;}
#ourworktext {position:absolute; left:174px; width:400px; margin:34px 17px 0 0;}
#ourworktext p{ line-height:16px; margin:0 0 10px 0; padding:0; font-size:.9em;}
#ourworkimages {position:absolute; left:591px; width:335px;}
.galleryLinks {margin:0; padding:0;}
.galleryLinks ul{margin:0; padding:0; list-style:none; display:block;}
.galleryLinks li{display:inline; font-size:.9em;}
.galleryLinks span{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left; border:1px solid #ffde00; background:#ffde00; color:#000; margin:0 9px 10px 0;}
.galleryLinks a2{display:block; width:15px; height:18px; padding:3px 0 0 6px; float:left; border:1px solid #ffde00; margin:0 9px 0 0;}
.galleryLinks a2:hover{color:#000; background:#ffde00;}
#ourworkimages img{display:block; clear:both; margin-top:10px; border:none;}
#ourworkimages img a{border:none; background:none;}
.enlargePrompt {color:#ffde00; margin-top:8px;}

/* secure login */
#secure {width:198px; background:#1a1a1a; color:#ffde00; padding:10px 0 0 12px;}
#secure span{color:#fff;}
.inputbox {background:url(images/inputbox.gif) top left no-repeat; height:28px; width:136px; border:none; margin:6px 0 16px 0; font-size:.8em; line-height:16px; padding-left:5px;}
.loginbutton {width:55px; height:18px; font-size:.8em; margin-bottom:37px;}

/* Marketing toolkit */
#mtk-bg{width:538px; position:absolute; left:360px; background:#000; height:270px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#mtk {width:538px; position:absolute; top:153px; margin:10px 360px; font-size:.9em; color:#fff; padding:33px 0 0 20px;}
#mtk p{margin:9px 40px 14px 0; padding:0; line-height:17px;}
#mtk a{float:right; color:#fff; margin-right:155px; font-weight:bold;}
#mtk a:hover{color:#ffde00;}

/* Our clients */
#ourclients{width:897px; height:400px; position:relative; top:-100px;}
#clientdetails{width:222px; height:270px; background:#1a1a1a; position:absolute; left:675px; color:#fff;}
#clientdetails p{margin:0 13px; padding:0;}
#clientdetails h1{color:#ffde00; margin:0; padding:0; font-size:.9em; margin:11px 0 17px 13px;}
.iframeIcons{width:897px; border:none; height:300px; overflow:hidden;}
.clientDescription{color:#fff; width:670px; margin:60px 80px;}
.clientDescription strong{color:#ffde00;}
.clientLogo{float:left; width:155px; margin:0 45px 80px 0;}
.clientLogo img{float:right;}
.clientDescription p{margin:0 0 20px 0;}
.clientDescription a{display:block;}
.bkbutton{float:right;}

.clientLogos{float:left;};

/* Contact us */
#addressbg {width:439px; height:76px; margin-bottom:15px; background:#000; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#directionsbg {width:439px; height:179px; background:#000; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#mapbg {width:433px; height:270px; background:#000; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; position:absolute; left:465px;}
#address {width:439px; height:76px; margin-bottom:15px; color:#ffde00; position:absolute; top:153px;}
#address p{margin:15px 0 0 20px; padding:0; color:#ffde00;}
#directions {width:439px; height:179px; color:#ffde00; position:absolute; top:256px;}
#directions h2{margin:0 0 0 20px; padding:0; font-size:.9em; color:#ffde00;}
#directions ul{margin:0 0 0 35px; padding:0; color:#fff;}
#directions li{margin:0; padding:0;}
#hold{position:absolute; left:29px; top:0; width:402px; height:170px; overflow:hidden;}
#directions-container{position:absolute; width:402px; height:170px; overflow:hidden;}
#directions-container1{position: relative; width:402px; height:179px; overflow:hidden;}
#mapContainer {width:433px; height:270px; position:absolute; left:493px; top:153px;}

/* jobs */
#joblistbg {width:236px; height:270px; position:absolute; background:#000; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;} 
#jobdetailsbg {width:636px; height:270px; position:absolute; left:262px; background:#000; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;} 
#joblist {width:236px; height:270px; position:absolute; top:153px;}
#joblist ul{margin:15px 0 0 21px; padding:0; list-style:none; font-size:.9em;}
#joblist a{color:#fff;}
#joblist a:hover{color:#ffde00;}
#jobdetails {width:636px; height:270px; left:290px; position:absolute; top:165px;}
#jobdetails h1{margin:3px 30px 16px 21px; padding:0; font-size:.9em; color:#ffde00;}
#jobdetails h1 strong{float:right;}
#jobdetails p{margin:0 30px 17px 21px; padding:0; line-height:16px; font-size:.9em;}
#jobcontact {position:absolute; top:232px; left:21px; font-size:.8em;}

/* our team */
#mugshotbg {width:387px; height:270px; position:absolute; background:#000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#mugsbg {width:493px; height:270px; position:absolute; left:405px; background:#000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; float:right;}
#information {width:470px; height:217px; position:absolute; top:178px; left:445px;}
#mugs {width:482px; height:217px; position:absolute; top:190px; left:445px; z-index:100;}
.backButton {position:absolute; top:220px; right:0;}
/*#mugs img{border:1px solid #999; margin:0 3px 3px 0;}*/
.mugFalse{border:1px solid #999; margin:0; cursor:pointer;}
.mugTrue{border:1px solid #ffde00; margin:0; cursor:pointer;}
#mugshot {height:270px; position:absolute; top:153px; width:387px;}
#mugshot h1{font-size:.9em; margin:10px 0 15px 15px; padding:0;}
#mugshot h1 strong{color:#ffde00;}
#mugshot img{float:left; margin:0 15px 15px 15px;}
#mugshot p{margin:0 0 15px 0; padding:0;}
#mugshot ul{margin:0 0 15px 0; padding:0; list-style:none; line-height:18px;}
 .hpsin60secs{width:897px; border:none; height:270px;}
/*
Styles for scrolling layers and scrollbars  */
#wn1  { position:absolute; width:431px; height:165px; overflow:hidden;}
#lyr1 { width:431px; }
.content { position:absolute; visibility:hidden;}  
#scrollbar1 {position:absolute; left:420px; top:11px; width:11px; height:157px; font-size:1px;}
#track1 {position:absolute;top:11px; left:-1px; width:11px; height:135px; font-size:1px;}

#wn2  { position:absolute; width:636px; height:174px; overflow:hidden;}
#lyr2 { width:636px; }
#scrollbar2 {position:absolute; left:617px; top:39px; width:11px; height:172px; font-size:1px;}
#track2 {position:absolute;top:11px; left:-1px; width:11px; height:150px; font-size:1px;}

#wn3  { position:absolute; width:482px; height:217px; overflow:hidden;}
#lyr3 { width:482px; }
#scrollbar3 {position:absolute; left:463px; top:0px; width:11px; height:217px; font-size:1px;}
#scrollbar3 img{ border:none;}
#track3 {position:absolute;top:11px; left:-1px; width:11px; height:195px; font-size:1px;}

#dragBar1 {position:absolute; width:11px; height:20px; background:#fff; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; cursor:pointer; font-size:1px;}  
#up1 {position:absolute; top:0; width:11px; font-size:1px;}  
#down1 {position:absolute; bottom:0; width:11px; font-size:1px;}

/* admin skin */
/* 
================================
Skin styles for DotNetNuke
================================
*/   
.adminDivider{height:1px; font-size:1px; background:#606060; margin:10px;}
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent;
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand;  
	color: #fff;
	position:relative; top:10px;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 5px 12px 5px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	border-top:2px solid #fedc00;
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #fff;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #fff;
}

.SubHeadCntrlPnl
{
	font-family:Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.gridlines
{
	color:#fff;
	margin:0 auto;
}

.adminText 
{
	color:#fff;
}
.menuselect
{
	color: #FFDD00;
	background:url(/Portals/0/menu_bar_on.gif) top left no-repeat;
}

/**************** menu coding *****************/

#box {
	height: 12px;
	width: 100%;	
}

#target {
	height: 12px;
	width: 104px;
	background: #4C4C4C;	
	position:relative;
	top:-30px;
}

#menu {
width: 100%;
float: left;
margin-top:19px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
	font: bold 9px arial, helvetica, sans-serif;
	color: #fff;
	padding-top:8px;
	display:block;
	text-decoration: none;
	
}

#menu a:active 
{
	color: #FFDD00;
	background:url(/Portals/0/menu_bar_on.gif) top left no-repeat;
 }

#menu a:hover 
{
	color: #FFDD00;
	background:url(/Portals/0/menu_bar_on.gif) top left no-repeat;
}

#menu li 
{
	float:left; width:104px;
	background:url(/Portals/0/menu_bar.gif) top left no-repeat;
	margin-right:9px;
	text-align:center;
}
#menu ul ul li 
{
	width:104px;
	clear:both;
	background:url(/portals/0/empty.png) top left repeat;
	margin-right:9px;
	text-align:center;
}
#menu ul ul li a:hover 
{
	color: #FFDD00;
	background:none;
}


#menu ul ul {
position: relative;
top:0;
z-index: 500;
display:block;
clear:both;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}