/* GLOBAL STYLES */
a {
	border: none;
	text-decoration: none;
	color:#045860;
	}

a:hover {
	text-decoration:underline;
	color:#008789;
	}

.breakline {
	clear: both;
	border-bottom: 1px solid #993366;
	margin:10px 0 1.5em 0;
	}

/*PAGE STRUCTURE --------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Body---------------------------------------------------------------------------------------------------------------------*/

body {
	margin: 10px;
	padding:0;
	font-family:Verdana, Sans-Serif;
	font-size:10px;
	background-color: #FFFFFF;
	color: #999999;
  	}
	 
/*Page----------------------------------------------------------------------------------------------------*/ 
 
#page {
	border: none;
	width:760px;
	margin:0px auto;
	text-align:left;
	}

/* Masthead--------------------------------------------*/

#masthead {
	height: 76px;
	background-color:#003399;
	height: 140px;
	}
	
#masthead p {
	margin: 30px 0px 0px 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#CCCCCC;
	font-weight:bold;
}

p.indent {
	padding-left: 30px;
	
	}

/* Logo----------------------------------*/

#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0px;
	width: 125px;
	height: 113px;
	}

/* TopBanner-----------------------------*/

#topbanner{
	position:absolute;
	top: 20px;
	right: 20px;
	}
	
	
#topbanner img{
	height: 120px;
	width: 120px;
	}

.datedisplay {
	position:absolute;
	top: 45px;
	left: 500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
}


/* Main Navigation -----------------------------------*/

/* Top Navigation Bar---------------------*/
#topnav {
	margin-left: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	/*font-size: 100%;*/
	
	background-color:#CCCCCC;
	}

#mainnav {
	margin: 0;
	padding: 3px 0 20px 10px;
	border-bottom: 2px solid #696;
	}

#mainnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#mainnav a {
	float:left;
	line-height: 14px;
	display:block;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #330099;
	}
	
#mainnav a.active, #mainnav a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color:#00CCFF;
	}
	
#mainnav a:hover {
	color:#696;
	}


/* Bottom Navigation Bar----------------*/

/*BLUEROBOT TRYOUT*/

#contentcol {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index) */
	width: auto;
	min-width: 120px;
	margin: 20px 210px 20px 190px;
	border: 2px solid #696;
	background-color: white;
	padding: 20px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers */
}

#contentcol p {
	}
	
#contentcol h1 {
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #fff;
	padding: 4px;
	background-color: #696;
	}
	
#contentcol ul{
	list-style: none;
	}
	
#contentcol li{
	}

#current {
	margin: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #99CC99;
	color:#339999;
	
	}
	
#current h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	padding: 4px;
	background-color: #696;
}

#current h2{
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #369;
	padding-bottom: 14px;
	background: url(graphics/bullets/10x10greengrad.gif) repeat-x bottom;
	}

#current li{
	margin: 10px;
	padding: 10px;
	background-color:#CCCC99;
	border: 1px;
	border-color:#3366CC;
	border-style: solid;
	color: #3300CC;
}


#leftcol {
	position: absolute;
	width: 150px;
	top: 200px;
	left: 10px;
	border: 1px solid black;
	background-color: #eee;
	padding: 10px;
	z-index: 2;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* Be nice to Opera rule*/
body>#leftcol {width:128px;}

#onlaptop {
	text-align:center;
	width: 120px;
	height: 90px;
	margin: 0px auto;
	}
	
#leftcol h2 {
	margin: 10px;
	padding: 5px;
	background-color: #0000FF;
	text-align: center;
	color: #FFFF99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#leftcol ul {
	list-style-image:url(graphics/bullets/rectangle.gif);
	padding-left: 15px;
	}

#leftcol li {
	
	}


/* Begin Page SERVICES */
#servcontentcol {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index) */
	width: auto;
	min-width: 120px;
	margin: 20px 0px 20px 270px;
	border: 2px solid #696;
	background-color: white;
	padding: 0px 10px 10px 10px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers */
}

#servcontentcol p {
	padding-left: 40px;
	}
	
#servcontentcol h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #fff;
	padding: 4px;
	background-color: #696;
	}
	
#servcontentcol ul{
	list-style: none;
	}
	
#servcontentcol li{
	}

#servcurrent {
	margin: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #99CC99;
	
	}

#servcurrent h2{
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #369;
	padding-bottom: 14px;
	background: url(graphics/bullets/10x10greengrad.gif) repeat-x bottom;
	}



#servleftcol {
	position: absolute;
	width: 228px;
	top: 200px;
	left: 10px;
	border: 1px solid black;
	background-color: #eee;
	padding: 10px;
	z-index: 2;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* Be nice to Opera rule*/
body>#servleftcol {width:128px;}

#servonlaptop {
	text-align:center;
	width: 120px;
	height: 90px;
	margin: 0px auto;
	}
	
#servleftcol h2 {
	margin: 10px;
	padding: 5px;
	background-color: #0000FF;
	text-align: center;
	color: #FFFF99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#servleftcol ul {
	list-style-image:url(graphics/bullets/rectangle.gif);
	padding-left: 15px;
	}

#servleftcol li {
	
	}




/* End Page SERVICES*/

#rightcol {
	position: absolute;
	width: 160px;
	top: 200px;
	right: 10px;
	border: 1px solid black;
	text-align:center;
	background-color: #eee;
	padding: 5px;
	z-index: 1;
	/* Tantek Celik hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
body>#rightcol {width:168px}

#rightcol h2 {
	margin: 10px;
	padding: 5px;
	background-color: #0000FF;
	text-align: center;
	color: #FFFF99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#righttcol ul {
	list-style:none;
	}

#rightcol li {
	list-style: none;
	margin: 5px;
	padding: 2px;
	border: 1px solid #969;
	background-color:#FFFFCC;
}


/* Bottom Navigation -----------------*/

.name{
color:#669966 ;
}
#bottomnav {
clear:both;

}
#bottnav {
	text-align:center;
	}

#bottnav li {
	display:inline;
	padding-right: 10px;
	padding-left: 2px;
	border-left: 2px solid #669966;
	
	}

#bottnav a {
	
	}
	
#bottnav a.active, #bottnav a:hover {
	
	}
	
#bottnav a:hover {
	
	}
/* Footer-----------------------------*/
	




#footer1 {

	margin: 10px 10px;
	width: auto;
	border: 1px solid black;
	text-align:center;
	padding: 10px;
	}

#footer1 ul {
	margin: 0 0 0 -15px;
	padding: 0 0 0 15px;
	text-transform: capitalize;
	font-size: 72%;
	font-weight: bold;
	list-style: none;
	}



/*#footer1{
margin: 0 10px;
padding: 10px;
line-height: normal;
}*/



/*TABLES AND LISTS--------------------------------------------------------------------------------*/

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	}

/* Unordered Lists.....................................*/
ul {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 2px;
	}
	
li {

	}
	
td h1 {
font-size: 10px;
color:#0066FF;
border: 0px;
padding: 0px;
}

td p {
margin: 0px;
padding: 0px;
}

.serlisthead {

color:#0066CC;
}

.leftbox {
float:left;
width: 33%;
margin: 5px;
border: 5px;
padding: 2px;
background-color:#99CC99;
color:#000099;
}

.leftbox h1 {
font-size: 10px;
}
#ourbusiness {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000099;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#savetime {
	height: 50px;
	background-image:url(graphics/pagefurniture/blueflash.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#99CCFF;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-left: 50px;
}

#realize {
	height: 50px;
	background-image:url(graphics/pagefurniture/blueflash.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#99CC99;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding-left: 50px;
	
}

#remove {
	height: 50px;
	background-image:url(graphics/pagefurniture/blueflash.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#66CC99;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
	padding-left: 50px;
}

#relieve {
	height: 50px;
	background-image:url(graphics/pagefurniture/blueflash.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666699;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
	padding-left: 50px;
}

#leverage {
	height: 50px;
	background-image:url(graphics/pagefurniture/blueflash.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#003399;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	padding-left: 50px;
}

#inbusiness {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#000099;
margin: 20px;
padding-left: 300px;
}

#blocks {
position: relative;
margin: 10px;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000099;
border-top: 2px solid blue;
}

#portfolio {
padding-left: 20px;


}

#block1 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#block2 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;

}

#block3 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#block4 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#block5 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#block6 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#block7 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#block8 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#block9 {
float: left;
width: 80px;
height: 60px;
margin: 20px;
padding: 20px;
border-left: 6px solid #000099;
background-color:#CCCCCC;
}

#blackoakbox {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003399;
position: absolute;
top: 240px;
right: 160px;
width: 420px;
padding:10px;
border: 2px solid #000099;
background-color: #99CCFF;
}

#accessbox {
border: 1px solid #000099;
margin: 10px;
padding:5px;
}

#buslinkbox {
border: 1px solid #000099;
margin:10px;
padding:5px;
}

#smeb2box {
border: 1px solid #000099;
margin:10px;
padding:5px;
}

#oppwalesbox {
border: 1px solid #000099;
margin:10px;
padding:5px;
}

#sponsorbox {
position:absolute;
top: 200px;
right: 20px;
width: 120px;
height: 20px;
border: 2px solid #000099;
text-align:center;
}

#wdabox {
position:absolute;
top: 240px;
right: 20px;
width: 120px;
height: 120px;
border: 2px solid #000099;
background-image:url(graphics/logos/wdalogo.gif);
background-repeat:no-repeat;
}

#wagbox {
position:absolute;
top: 380px;
right: 20px;
width: 120px;
height: 120px;
border: 2px solid #000099;
background-image:url(graphics/logos/waglogo.gif);
background-repeat:no-repeat;
}

#eubox {
position:absolute;
top: 520px;
right: 20px;
width: 120px;
height: 120px;
border: 2px solid #000099;
background-image:url(graphics/logos/eulogo.gif);
background-repeat:no-repeat;
}

#mailform {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000066;
margin: 20px;
padding: 20px;
margin-top: 10px;
background-color:#CCCCCC;
}

#mailform td{
margin:0px;
border:1px solid gray;
}

#mailform tr{
margin:0px;
border: 1px solid gray;}

#legal {
margin: 30px;
}

.list {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:20px;
margin-left:50px;
padding-left:40px;
}

#contactinfo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 10px;
}

#contactinfo h1 {
font-size: 14px;
padding: 10px;
background-color:#3399CC;
color:#FFFFFF;
}

#contactinfo h2{
font-size:10px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:0px;
padding:5px;
background-color:#3399CC;
color:#FFFFFF;
width: 70px;}

#contactinfo p{
padding:10px;
}

#contactinfo ul {
margin: 10px;
margin-left: 40px;
margin-bottom: 20px;
list-style: none;
}

#contactinfo li{
margin:10px;
}

#legal h1{
font-size: 14px;
padding: 10px;
background-color:#3399CC;
color:#FFFFFF;
}

#contentbox {
margin: 20px;
padding: 10px;
border: 1px solid #3399cc;
}

#contentbox p{
}

#contentbox ul{
margin: 20px;
}

#contentbox li{
}