@charset "UTF-8";
body {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	font-style: normal;
	line-height: 15.5px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-color: #FFFFFF;
}


#container {
	margin: auto;
	position: relative;
	background-color: #ffffff;
	
	padding-top: 5px;
	width: 930px;
	height: 570px;
}


#top {
	v-align: top;
	
}

#logo {
	float: left;
	
}

#topaddress {
	position: absolute; top: 5px; left: 776px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color:#b3b3b3;
	text-align: right;
	}

p.newsletter {
	font-size: 11.25px;
	line-height: 56px;

}

a.issueslink:link {color:#999999;}
a.issueslink:visited {color:#999999;}
a.issueslink:hover {color:#f9a034;}
a.issueslink:active {color:#f9a034;}
	

a img {border:none;}
a{text-decoration:none;}



#content {
	
	margin-top:125px;
	
}	


/* Start of 'Column' Menu */


p.menuinfo {
	margin-top: 38px;
	padding: 8px;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */

/* MENU (THE COMPANY menu) */	

#company {
	background-color: #f9a034;
	margin-left: 10px;
	float: left;
	width: 145px;
	margin-right: 8px;
	height: 410px;
	text-align: center;
}
	

#dartboard {
	margin-top: 34px;
	
	}


.menu ul{
font-family: Arial, Helvetica, sans-serif;
font-size:11.5px;
line-height: 12px;
list-style-type:none;
padding:0;
margin:0;

}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;


}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;

}

/* style all the links */


.menu a, .menu :visited  {
display:block;
width:145px;
padding:6px 0;
color:#000000;
background:#fbc474;
text-decoration:none;
text-align:center;

}


/* style the links hover */

.menu a.trigger{
color:#FFFFFF;
background:#000000;
letter-spacing: 1px;
border-top: 8px solid #f9a034;
}

.menu a.trigger:hover{
color:#FF9933;
background:#000000;
}

.menu :hover{
color:#000000;
background:#FFFFFF;
}


/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

a.onelast {
border-bottom: 55px solid #f9a034;
}

/* MENUTWO */

#portfolio {
	background-color: #fae660;
	float: left;
	width: 145px;
	margin-right: 8px;
	height: 410px;
	margin-left: 0px;

	text-align: center;
}


#lightbulb {
	margin-top: 40px;
	margin-left:-10px;
	}

.menutwo ul{
font-family: Arial, Helvetica, sans-serif;
font-size:11.5px;
line-height: 12px;
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menutwo li{
float:left;
position:relative;
z-index:100;

}

/* use the table to position the dropdown list */
.menutwo table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */


.menutwo a, .menutwo :visited  {
display:block;
width:145px;
padding:6px 0;
color:#000000;
background:#FCF1A9;
text-decoration:none;
text-align:center;
}


/* style the links hover */

.menutwo a.trigger{
color:#FFFFFF;
background:#000000;
letter-spacing: 1px;
border-top: 8px solid #fae660;
}

.menutwo a.trigger:hover{
color:#fae660;
background:#000000;
}

.menutwo :hover{
color:#000000;
background:#FFFFFF;
}


/* hide the sub level links */
.menutwo ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}

/* make the sub level visible on hover list or link */
.menutwo ul li:hover ul,
.menutwo ul a:hover ul{
visibility:visible;
}

a.twolast {
border-bottom: 125px solid #fae660;
}


/* MENUTHREE */


#casestudies {
	background-color: #86d3d3;
	float: left;
	width: 145px;
	margin-right: 8px;
	height: 410px;
	margin-left: 0px;
	text-align: center;
}


#telescope {
	margin-top: 46px;
	
	}

.menuthree ul{
font-family: Arial, Helvetica, sans-serif;
font-size:11.5px;
line-height: 12px;
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menuthree li{
float:left;
position:relative;
z-index:100;

}

/* use the table to position the dropdown list */
.menuthree table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */


.menuthree a, .menuthree :visited  {
display:block;
width:145px;
padding:6px 0;
color:#000000;
background:#B6E5E5;
text-decoration:none;
text-align:center;
}


/* style the links hover */

.menuthree a.trigger{
color:#FFFFFF;
background:#000000;
letter-spacing: 1px;
border-top: 8px solid #86d3d3;
}

.menuthree a.trigger:hover{
color:#86d3d3;
background:#000000;
}

.menuthree :hover{
color:#000000;
background:#FFFFFF;
}


/* hide the sub level links */
.menuthree ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}

/* make the sub level visible on hover list or link */
.menuthree ul li:hover ul,
.menuthree ul a:hover ul{
visibility:visible;
}

a.threelast {
border-bottom: 125px solid #86d3d3;
}

/* MENUFOUR */


#process {
	background-color: #83c55f;
	float: left;
	width: 145px;
	margin-right: 8px;
	height: 410px;
	margin-left: 0px;
	text-align: center;
}


#juggler {
	margin-top: -15px;
	
	}

.menufour ul{
font-family: Arial, Helvetica, sans-serif;
font-size:11.5px;
line-height: 12px;
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menufour li{
float:left;
position:relative;
z-index:100;

}

/* use the table to position the dropdown list */
.menufour table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */


.menufour a, .menufour :visited  {
display:block;
width:145px;
padding:6px 0;
color:#000000;
background:#B2DB9C;
text-decoration:none;
text-align:center;
}


/* style the links hover */

.menufour a.trigger{
color:#FFFFFF;
background:#000000;
letter-spacing: 1px;
border-top: 8px solid #83c55f;
}

.menufour a.trigger:hover{
color:#83c55f;
background:#000000;
}

.menufour :hover{
color:#000000;
background:#FFFFFF;
}


/* hide the sub level links */
.menufour ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}

/* make the sub level visible on hover list or link */
.menufour ul li:hover ul,
.menufour ul a:hover ul{
visibility:visible;
}

a.fourlast {
border-bottom: 39px solid #83c55f;
}


/* MENUFIVE */


#services {
	background-color: #d3e73d;
	float: left;
	width: 145px;
	margin-right: 8px;
	height: 410px;
	margin-left: 0px;
	text-align: center;
}


#computer {
	margin-top: -5px;
	
	}

.menufive ul{
font-family: Arial, Helvetica, sans-serif;
font-size:11.5px;
line-height: 12px;
list-style-type:none;
padding:0;
margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menufive li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menufive table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */


.menufive a, .menufive :visited  {
display:block;
width:145px;
padding:6px 0;
color:#000000;
background:#E8F29A;
text-decoration:none;
text-align:center;
}


/* style the links hover */

.menufive a.trigger{
color:#FFFFFF;
background:#000000;
letter-spacing: 1px;
border-top: 8px solid #d3e73d;
}

.menufive a.trigger:hover{
color:#d3e73d;
background:#000000;
}

.menufive :hover{
color:#000000;
background:#FFFFFF;
}


/* hide the sub level links */
.menufive ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}

/* make the sub level visible on hover list or link */
.menufive ul li:hover ul,
.menufive ul a:hover ul{
visibility:visible;
}

a.fivelast {
border-bottom: 50px solid #d3e73d;
}

/* MENUSIX */

#contact {
	background-color: #C0ABC4;
	float: left;
	width: 145px;
	margin-right: 8px;
	height: 410px;
	margin-left: 0px;
	text-align: center;
}


#director {
	margin-top: 42px;
	
	}

.menusix ul{
font-family: Arial, Helvetica, sans-serif;
font-size:11.5px;
line-height: 12px;
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menusix li{
float:left;
position:relative;
z-index:100;

}

/* use the table to position the dropdown list */
.menusix table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */


.menusix a, .menusix :visited  {
display:block;
width:145px;
padding:6px 0;
color:#000000;
background:#D8CBDA;
text-decoration:none;
text-align:center;
}


/* style the links hover */

.menusix a.trigger{
color:#FFFFFF;
background:#000000;
letter-spacing: 1px;
border-top: 8px solid #C0ABC4;
}

.menusix a.trigger:hover{
color:#C0ABC4;
background:#000000;
}

.menusix :hover{
color:#000000;
background:#FFFFFF;
}


/* hide the sub level links */
.menusix ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}

/* make the sub level visible on hover list or link */
.menusix ul li:hover ul,
.menusix ul a:hover ul{
visibility:visible;
}

a.sixlast {
border-bottom: 38px solid #C0ABC4;
}



/* End of 'Column' Menu */





a img {border:none;}
a{text-decoration:none;}
a.footerlink:link {color:#999999;}
a.footerlink:visited {color:#999999;}
a.footerlink:hover {color:#333333;}
a.footerlink:active {color:#333333;}

#footerlinkone {
	position: absolute; top: 550px; left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color:#999999;
}

#footerlinktwo {
	position: absolute; top: 550px; left: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color:#999999;
}