/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 2px;
	margin-bottom: 6px;
	color: #FFFFFF;
}
a:hover {
	color: #FF0066;
	text-decoration: none;
}
a.menuList {
	font-weight: bold;
	color: #FF6699;
	text-decoration: none;
	font-size: 85%;
}
a.menuList:hover {
	color: #FF0066;
	text-decoration: none;
}
a.subList {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 78%;
}
a.subList:hover {
	color: #FF0066;
	text-decoration: none;
}
a.SUBselected {
	font-weight: bold;
	color: #FF0066;
	text-decoration: none;
	font-size: 78%;
}
a.selected {
	font-weight: bold;
	color: #FF0066;
	text-decoration: none;
	font-size: 85%;
}
a.about {
	color: #CCCCCC;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 2px;
	margin-bottom: 4px;
	color: #FFFFFF;
}

#main {
	position: relative;
	width: 810px;
	top: 48px;
	margin:0 auto;
	 /*padding:0;*/
	text-align:left;
}

.homelinks {
	position: absolute;
	width: 304px;
	left: 506px;
	top: 323px;
	z-index: 3;
	text-align: right;

}
/* For contacts page */
.contactsarea {
	position: absolute;
	width: 300px;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;
	/*padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;*/
	padding-left: 15px;
}
.contactsparagraph {
	font-size: 66%;
	margin-top: 1px;
	margin-bottom: 1px;
}
.contactspara_gap {
	font-size: 68%;
	margin-top: 1px;
	margin-bottom: 3px;
}

.contactsmap {
	position: absolute;
	width: 322px;
	top: 99px;
	left: 320px;
	z-index: 3;
	
}
.contactsdownloads {
	position: absolute;
	width: 163px;
	height: 157px;
	top: 99px;
	left: 648px;
	z-index: 3;
	background-color: #FFFFFF;
}
/* For about us page */
.aboutarea {
	position: absolute;
	width: 319px;
	height: 331px;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;
	overflow:scroll;
	clip:    rect(auto auto 314px auto);
	scrollbar-3dlight-color:none;
	scrollbar-arrow-color:#666666;
	scrollbar-base-color:#333333;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#333333;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color:#FFFFFF;
	vertical-align: bottom;
	background-position: bottom;
}
.aboutparagraph {
	font-size: 65%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
}
.aboutparagraph2 {
	font-size: 65%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	/*text-align: justify;*/
	vertical-align: text-bottom;
	vertical-align: bottom;
	/*border: 1px solid #99FF00;	*/	
}
.aboutparagraph3 {
	font-size: 65%;
	margin-top:10px; /*space at top*/
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	vertical-align: text-bottom;
	vertical-align: bottom;
}
.aboutparagraph4 {
	font-size: 65%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.abouttitle {
	font-size: 130%;
	font-weight: bold;
}
.image1 {
	position: absolute;
	top: 99px;
	left: 319px;
	z-index: 3;
}
.image2 {
	position: absolute;
	top: 99px;
	left: 485px;
	z-index: 3;
}
.image3 {
	position: absolute;
	top: 99px;
	left: 648px;
	z-index: 3;
}
.image4 {
	position: absolute;
	top: 255px;
	left: 319px;
	z-index: 3;
}
.image5 {
	position: absolute;
	top: 255px;
	left: 485px;
	z-index: 3;
}
.aboutpeople {
	position: absolute;
	width: 319px;
	height: 331px;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;

	clip:    rect(auto auto 314px auto);
	/*overflow:scroll;
	scrollbar-3dlight-color:none;
    scrollbar-arrow-color:#666666;
    scrollbar-base-color:#333333;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#333333;
    scrollbar-highlight-color:#CCCCCC;
    scrollbar-shadow-color:#FFFFFF;*/
}
.aboutpeople_james {
	position: absolute;
	width: 319px;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;
	padding-top: 95px;
}
.aboutpeople_john {
	position: absolute;
	width: 319px;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;
	padding-top: 70px;
}
.workinprogress {
	position: absolute;
	z-index: 10;
	width: 208px;
	left: 0px;
	top: 380px;
	font-size: 70%;
}
.paragraphMenu {
	margin-bottom:2px;
}
#download {
	position: absolute;
	z-index: 20;
	left: 656px;
	top: 265px;
}
.aboutclient {
	position: absolute;
	width: 319px;
	height: 331px;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;
	overflow:scroll;
	clip:    rect(auto auto 314px auto);
	scrollbar-3dlight-color:none;
    scrollbar-arrow-color:#666666;
    scrollbar-base-color:#333333;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#333333;
    scrollbar-highlight-color:#CCCCCC;
    scrollbar-shadow-color:#FFFFFF;
}
.aboutclient p {
	font-size: 55%;
	margin-bottom: 1px;
	margin-right: 10px;
	margin-left: 20px;
}
/**/

/* For news page */
.newsarea {
	position: absolute;
	width: 660px;
	height: 331px;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;
	overflow:scroll;
	clip:    rect(auto auto 314px auto);
	scrollbar-3dlight-color:none;
	scrollbar-arrow-color:#666666;
	scrollbar-base-color:#333333;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#333333;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color:#FFFFFF;
	vertical-align: bottom;
	background-position: bottom;
}


/* projects section */
.projectarea {
	position: absolute;
	top: 99px;
	left: 0px;
	z-index: 3;
	background-color: #666666;
}
.project_image1 {
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 0px;
}
.project_image2 {
	position: absolute;
	z-index: 5;
	left: 160px;
	top: 0px;
}
.project_image3 {
	position: absolute;
	z-index: 5;
	left: 320px;
	top: 0px;
}
.project_image4 {
	position: absolute;
	z-index: 5;
	left: 486px;
	top: 0px;
}
.project_image5 {
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 157px;
}
.project_image6 {
	position: absolute;
	z-index: 5;
	left: 160px;
	top: 157px;
}
.project_image7 {
	position: absolute;
	z-index: 5;
	left: 320px;
	top: 157px;
}
.project_image8 {
	position: absolute;
	z-index: 5;
	left: 486px;
	top: 157px;
}
.project_menu {
	position: absolute;
	z-index: 5;
	left: 642px;
	top: 0px;
	background-image: url(projectmenu.jpg);
	background-repeat:no-repeat;
	height: 157px;
	width: 166px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.project_submenu {
	position: absolute;
	z-index: 5;
	left: 642px;
	top: 0px;
	height: 224px;
	width: 166px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.project_menu_mars {
	position: absolute;
	z-index: 5;
	left: 642px;
	top: 0px;
	background-image: url(pmenu-mars.jpg);
	background-repeat:no-repeat;
	height: 224px;
	width: 166px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.project_menu_frit {
	position: absolute;
	z-index: 5;
	left: 642px;
	top: 0px;
	/*background-image: url(pmenu-frit.jpg);
	background-repeat:no-repeat;*/
	height: 224px;
	width: 166px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.project_menu_card {
	position: absolute;
	z-index: 5;
	left: 642px;
	top: 0px;
	background-image: url(pmenu-card.jpg);
	background-repeat:no-repeat;
	height: 224px;
	width: 166px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.project_menu_nav {
	position: absolute;
	z-index: 5;
	left: 642px;
	top: 0px;
	background-repeat:no-repeat;
	height: 224px;
	width: 166px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#project_info_area {
	position: absolute;
	left: -20px;
	top: 331px;
	z-index: 10;
}
.project_info {
	width: 180px;
	float:left;
}
.project_info2 {
	width: 220px;
	float:left;
}
.topmenu {
	float:left;
	width:220px;
}