body{
	background: url('images/background-grad.jpg') repeat-x left top #AED1A4;
	margin-top: 3px;
}
#container{
	text-align: left;
	/* margin-top: 0px; */
}

#banner{
	width: 902px;
	height: 80px;
	background: url("images/banner-bg.jpg") no-repeat;
	position: relative;
}

#logo-slot{
	background: url("images/prime-logo.jpg") no-repeat;
	width: 412px;
	height: 64px;
	margin-left: 25px;
	position: absolute;
	top: 12px;
}
#site-map{
	width: 200px;
	float: right;
	text-align: right;
	font-family: Calibri, Arial, Helvetica;
	margin-right: 25px;
	margin-top: 35px;
}
#site-map a{
	font-size: 14px;
	color: #3B88FB;
	text-decoration: none;
}
#site-map a:hover{
	text-decoration: underline;
}
#TBox{
	width: 902px;
	min-height: 600px;
	background: url("images/mid-bg.jpg") repeat;
}
#top-main{
	width: 862px;
	height: 330px;
	margin-left: 20px;
}
#left-T{
	width: 305px;
	height: 330px;
	float: left;
}
#intro-box{
	width: 305px;
	height: 160px;
	background: url("images/internal/w-box.jpg") no-repeat top left;
	margin-top: 0;
}
#intro-box p{
	font-family: Calibri, Helvetica, Arial, sans-serif;
	color: #333;
	margin-top: 2px;
	padding: 0 15px 0 15px;
	font-size: 15px;
	text-align: justify;
	line-height: 87%;
	word-spacing: 1px;
}
#intro-box h2{
	font-family: Calibri, Helvetica, Arial;
	background: url("images/red-arrow2.png") no-repeat;
	background-position: 15px 4px;
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 50px;
	color: #333;
}

#ad-box{
	width: 305px;
	height: 160px;
	/* background: url("images/internal/prime-sol.jpg") no-repeat top left; */
	margin-top: 5px;
}
#ad-box img{
	border: none;
}
#slideshow-box{
	width: 545px;
	height: 330px;
	background: #fff;
	float: right;
}
#blue-line{
	width: 862px;
/*	height: 5px;
	background: url("images/internal/bluebar.jpg") no-repeat; */
    background:	#3C89FB;
	clear: both;
	padding: 5px 0 0 0;
	margin:0; border: 0;
} 
/*********************************/
/********* Nav Menu***************/

#Nav-Area{
	width: 862px;
	height: 36px;
	background: #000000;
	margin-left: 20px;
	clear: both;
}

#menu-box{
	width: 862px;
	height: 32px;
	background: #000000;
	margin: 0 auto; 
}


/*********************************************************************/
/*Body section*/
/*********************************************************************/

#Main-Box{
	width: 862px;
	height:490px;
	margin-left: 20px;
	margin-top: 10px;
}

/*Left Side*/

#main-left{
	width: 545px;
	height: 491px;
	background: #FFF;
	float: left;
}
#left-big-box{
	background: url("images/main-left-BG.jpg") no-repeat;
	width: 545px;
	height: 478px;
}
#main-left-thumbbox{
	width: 192px;
	height: 452px;
	background: url("images/border-box-left.jpg") no-repeat;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	display:inline;
}

a.linkopacity img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
border: none;
}

a.linkopacity:hover img {
filter:alpha(opacity=50);   
-moz-opacity: 0.5;   
opacity: 0.5;
}

.left-thumbs{
	width: 170px;
	height: 100px;
	margin-top: 10px;
	margin-left: 10px;
}
#main-left-content{
	width: 343px;
	height: 450px;
 	/* background: #333; */
	float: right;
	margin-top: 10px;
	font-family: Calibri, Helvetica, Arial;
}
#ML-Header{
	width: 310px; 
	height: 40px;	
	margin-top: 0px;
	background: url("images/red-arrow2.png") no-repeat;
	background-position: 0px 5px;
	margin-left: 25px;
}
#ML-Header h1{
	font-size: 30px;
	margin-top: 0;
	margin-left: 35px;
	color: #333;
}
#feature{
	width: 310px;
	/* background: pink; */
	/* text-align: left; */
	margin-left: 15px;
}
#feature p{
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
#feature img{ border: 0;}

.center-text{text-align: center;}

#feature a{
	color: #0066FF;
	text-decoration: none;
}
#feature a:hover{color: #FF3300;}

/*Right Side*/

#main-right{
	width: 315px;
	height: 491px;
	background: #FFF;
	float: right;
}
#right-top-box{
	width: 300px;
	height: 165px;
	background: url("images/right-side-BG3.jpg") no-repeat;
	margin-left: 15px;
	margin-top: 0;
}
#right-top-box h1{
	font-family: Calibri, Helvetica, Arial;
	background: url("images/red-arrow2.png") no-repeat;
	background-position: 15px 5px;
	font-size: 30px;
	padding-left: 50px;
	padding-bottom: 0;
	margin-top: 0px;
	margin-bottom: -17px;
}
#right-top-box a{
	font-family: Calibri, Helvetica, Arial;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 0;
}
#right-top-box a:hover{
	color: #FF3300;
	text-decoration: none;
}
#right-top-box ul  li{ 
	list-style-type: none; 
	margin-left: 10px;
	margin-bottom: 0;
} 
#right-top-middle-box{
	width: 300px;
	height: 115px;
	background: #FFF;
	margin-left: 15px;
	margin-top: 10px;
}
#right-top-middle-box img {border: 0;}
#right-low-middle-box{
	width: 300px;
	height: 100px;
	background: url("images/internal/construc2.jpg") no-repeat;
	margin-left: 15px;
	margin-top: 10px;
}
#right-bottom-box{
	width: 300px;
	margin-left: 15px;
	margin-top: 1px;
	font-family: Calibri, Arial, Helvetica;
	background: #FFF;
}
#right-bottom-box h1{
	font-size: 22px;
	color: #FF3300;
	margin: 0;
}
#right-bottom-box p{
	margin-top: 0;
}
#right-bottom-box a{
	color: #0066FF;
	font-size: 14px;
	text-decoration: none;
}
#right-bottom-box a:hover{
	font-weight: bold;
	color: #FF3300;
}

.clearer{
	clear: both;
}
.centered, #footer, #TBox, #banner { margin: 0 auto; }

/*********************** Subject pages ********************/
#sub-main-box{
	width: 902px;
	/* min-height: 600px; */
	/* background: blue; */
	
}
 #sub-in-top{
	width: 860px;
	height: 25px;
	background: url("images/internal/sub-in-bg-top.gif") no-repeat;
	margin-left: 20px;
	margin-top: 15px;
}

#sub-in-mid{
	width: 860px;
	min-height: 800px;
	display: block;
	background: #E7F1F8;
	margin-left: 20px;
	margin-top: 0;
}
#sub-in-bottom{
	width: 860px;
	height: 25px;
	background: url("images/internal/sub-in-bg-bottom.gif") no-repeat;
	margin-left: 20px;
	padding-bottom: 10px;
	clear: both;
}

/*******************************************/
/*********** Project Styles ****************/

#proj-container{
	width: 860px;
	min-height: 300px;
	background: blue;
	display: inline;
}
#proj-content-R{
	width: 410px;
	min-height: 100px;
	/* background: pink; */
	float: right;
	margin-right: 10px;
	display: inline;
}
#proj-content-L{
	width: 410px;
	min-height: 100px;
	float: left;
	margin-left: 10px;
	display: inline;
}

.proj-tab-top{
	width: 410px;
	height: 70px;
	background: url("images/internal/proj-tab-top.gif") no-repeat;
	margin-bottom: 0;
	margin-top: 0;

}
.proj-tab-mid{
	width: 410px;
	min-height: 160px;
	background: #D5E6FF;
}
.proj-tab-bottom{
	width: 410px;
	height: 26px;
	background: url("images/internal/proj-tab-bottom.gif") no-repeat;
}
.proj-white-box{
	width: 388px;
	height: 160px;
	background: url("images/internal/proj-white-box.gif") no-repeat;
	margin-left: 10px;
	/* margin-bottom: 10px; */
}
.proj-thumb-box{
	width: 170px;
	height: 150px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	display: inline;
}
.proj-thumb-box img{border: 0;}
.proj-thumb-info{
	width: 210px;
	height: 150px;
	float: right;
	margin-top: 5px;
}
.proj-thumb-info h1{
	font-size: 20px;
	color: #FF3300;
	font-family: Calibri, Helvetica, Arial;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.proj-thumb-info p{
	font-size: 13px;
	color: #000;
	font-family: Calibri, Helvetica, Arial;
	margin-top: 0;
	padding: 0 6px 5px 5px; 
	text-align: left;
	margin-bottom: 0;
}
.proj-thumb-info a{
	color: #0066FF;
	text-decoration: none;
}
.proj-thumb-info a:hover{
	font-weight: bold;
	text-decoration: underline;
}
.proj-thumb-info h1 a{
	color: #FF3300;
	text-decoration: none;
	margin-bottom: 0;
}
.proj-thumb-info h1 a:hover{
	text-decoration: none;
}
.proj-tab-top h1{
	font-family: Calibri, Helvetica, Arial;
	background: url("images/red-arrow.gif") no-repeat;
	background-position: 20px 10px;
	font-size: 26px;
	padding-left: 60px;
	padding-top: 8px;
	padding-bottom: 0px;
	margin-top: 0px;
	height: 40px;
	color: #333;
}
.spacer{
	height: 10px;
}
.big-heading{
	font-family: Calibri, Arial, Verdana;
	font-size: 50px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
p.proj-tab-link{
	margin-bottom: 0;
	padding: 0;
}
a.proj-tab-link {
	font-size: 18px;
	color: #333;
	/* text-align: center; */
	font-family: Calibri, Arial, Verdana;
	text-decoration: none;
	margin-left: 10px ;
	display: block;
	height: 25px;
	width: 300px;
}
a:hover.proj-tab-link{
	color: #FF3300;
}
/*****************************************************/
/********  Projects Categories  **********************/

/*Project list box styles*/
#proj-list-box{
	width: 215px;
	min-height: 500px;
	/* margin-left: 10px; */
	padding-left: 10px;
	float: left;
}
#proj-list-top{
	width: 215px;
	height: 21px;
	background: url(images/internal/proj-list-top.gif);
}
#proj-list-mid{
	width: 215px;
	min-height: 458px;
	background: #0099CC;
}
#proj-list-mid h1{
	margin: 0 0px 0px 10px;
	font-family: Helvetica, Verdana, Arial;
	color: #DDF7FF;
	font-size: 22px;
	width: 195px;
	border-bottom: 1px dotted #FFF;
	padding-bottom: 0;
}
#proj-list-mid a {
	font-family: Calibri, Helvetica, Verdana, Arial;
	color: #FFF;
	text-decoration: none;
}
#proj-list-mid p{
	margin: 0 10px 0 20px;
	padding-bottom: 0;
}
#proj-list-mid ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

#proj-list-mid ul li{
	list-style-type: none;
	margin: 20px 10px 0px -22px;
	line-height: 85%;
	padding-bottom: 0;
}

#proj-list-mid a:hover{color: #990000;}
#proj-list-bottom{
	width: 215px;
	height: 21px;
	background: url(images/internal/proj-list-bottom.gif);
	margin-top: 0;
}

/*Project display stylles*/
#proj-container-box{
	width: 615px;
	min-height: 500px;
	/* margin-right: 10px; */
	padding-right: 10px;
	float: right;
}
.proj-box{
	width: 617px;
	min-height: 200px;
	margin-bottom: 20px;
}
.to-top p{
	padding: 0 35px 0 10px;
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
}

.to-top a{
	color: #FF3300;
	text-decoration: none;
}
.to-top a:hover{
	color: #990000;
}


/*
NOTE: Remember that the proj box top, mid and bottom can be done in 2 ways. Either with a border or without
The Border file's dimensions are 617x18 while with the one without border is 615x17. 
*/
.proj-box-top{
	width: 617px;
	min-height: 18px;
	background: url("images/internal/proj-box-top.gif") no-repeat;
}

.proj-box-mid{
	width: 617px;
	min-height: 50px;
	/* background: #FFF; */
	background: url("images/internal/proj-box-mid.gif") repeat-y; */
}
.proj-box-bottom{
	width: 617px;
	min-height: 18px;
	background: url("images/internal/proj-box-bottom.gif") no-repeat;
}
.proj-info{
	width: 574px;
	min-height: 30px;
	border-bottom: 1px solid #FF3300;
	margin-left: 10px;
}
.proj-info h1{
	font-size: 25px;
	color: #FF3300;
	font-family: Calibri, Helvetica, Arial;
	margin-top: 0;
	margin-bottom: 5px;
}
.proj-info p{
	font-size: 15px;
	color: #333;
	font-family: Calibri, Helvetica, Arial;
	margin-top: 0;
	margin-bottom: 0px;
}
.triplet{
	width: 600px;
	height: 160px;
	font-family: Calibri, Arial, Helvetica;
	margin-left: 10px;
	margin-top: 10px;
}
.triplet h2{
	color: #777;
}
.archive-child{
	width: 200px;
	height: 150px;
	/* background: #CCC; */
	/* border: 1px solid black; */
	
}
.archive-child img{
	margin: 0 auto;
	border: 2px solid #777; 
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}
.archive-child img:hover{
	border: 2px solid #333;
	filter:alpha(opacity=50);   
	-moz-opacity: 0.5;   
	opacity: 0.5;
}  

.float-right{float: right}
.float-left{float: left}

a.nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
a.nav:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5DBAE9;
	text-decoration: none;
}



/************************************************************/
/******************* Services Styles *************************/

#serv-box{
	width: 840px;
	min-height: 162px;
	margin-left: 10px;
	margin-bottom: 50px;
/* background: orange;  */

}
#serv-box-top{
	width: 840px;
	height: 16px;
	background: url("images/internal/serv-in-box-top2.gif") no-repeat;
	margin-bottom: 0px;
}
#serv-box-mid{
	width: 840px;
	min-height: 132px;
	background: url("images/internal/serv-in-box-mid2.gif");
}
#serv-box-mid a{
	color: #333;
	text-decoration: none;
}
#serv-box-mid a:hover{
	color: #FF3300;
	text-decoration: underline;
}
#serv-box-mid p{
	font-family: Calibri, Verdana, Arial;
	margin: -15px 20px 0 50px;
	color: #0066FF;
	font-weight: bold;
	text-align: justify;
	line-height: 85%;
}
#ser-box-mid h1{margin-bottom: 0px;}
#serv-box-mid ul{margin-top: 0px;}
#serv-box-mid ul li{
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	list-style-type: »
	margin: -3px 0 0 25px;
}
#mid-top{
	height: 75px;
/* 	background: #CCC; */
}
#mid-bottom{
	height: 55px;
/* 	background: pink; */
}
#serv-box-bottom{
	width: 840px;
	height: 16px;
	background: url("images/internal/serv-in-box-bottom2.gif") no-repeat;
}
#serv-intro{
	width: 840px;
	height: 50px;
	/* background: red; */
	/* float: left; */
}
#serv-intro p{
	font-family: Calibri, Verdana, Arial;
	/* margin: 0 10px 0 10px; */
	color: #990000;
}
#serv-list-top-box{
	width: 538px;
	height: 100px;
	background: pink; 
}

.sub-head{
	font-size: 16px;
	font-weight: bold;
	color: #0066FF;
}
#serv-list-lower-box{
	width: 860px;
	min-height: 300px;
}
.serv-list-B{
	width: 840px;
	min-height: 180px;
	margin-left: 10px;
}
.serv-text-B{
	width: 627px;
	height: 180px;
	float: right;
}
.serv-text-B ul li{
	font-family: Calibri, Verdana, Arial;
	margin-top: 0;
}
.serv-text-B ul{
	margin-top: 0;
}
.serv-text-B p{
	padding: 0 10px 0 10px;
	font-family: Calibri, Verdana, Arial;
	color: #444;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify;
}
.serv-text-B a{
	color: #FF3300;
	text-decoration: none;
}
.serv-text-B a:hover{
	color: #990000;
}
.serv-thumb-B{
	width: 210px;
	height: 150px;
	float: left;
}
.arrow-heads{		/* Class for <h1> etc tags with red arrows */
	font-family: Calibri, Helvetica, Arial;
	background: url("images/red-arrow.gif") no-repeat;
	background-position: 15px 5px;
	font-size: 30px;
	padding-left: 50px;
	margin-top: 0px;
}
#map{
	width: 500px;
	font-family: Calibri, Verdana, Arial;
	color: #333;
	font-size: 15px;
	text-align: justify;
	background: #FFF;
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: 20px;
}
#map ul li a{
	color: #0066FF;
	text-decoration: none;
}
#map ul li a:hover{
	color: #FF3300;
	font-weight: bold;
	text-decoration: underline;
	font-size: 15px;
}

#ab-info{
	width: 820px;
	min-height: 300px;
	/* background: #FFCCCC; */
	margin-left: 10px;
/* 	border-top: 1px solid #FF3300; */
}
#ab-info p{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0px 0 15px;
	font-family: Calibri, Helvetica, Arial;
	font-size: 14px;
	text-align: justify;
	color: #333;
}
#ab-info legend{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 15px 0 15px;
	font-family: Calibri, Helvetica, Arial;
	font-size: 15px;
	text-align: justify;
	color: #333;
	font-weight: bold;
}
#ab-info h1{
	font-family: Calibri, Helvetica, Arial;
	font-size: 18px;
	margin-bottom: 0px;
	padding-left: 15px;
	color: #0066FF;
}
#ab-info img{
	border: 2px solid #FFF;
	/* position: relative;
	top: 15px; */
}
#ab-info table tr td {
	font-family: Calibri, Helvetica, Arial;
	font-size: 15px;
	color: #222;
}
/* Management Page */
table.man{
	border: 1px solid #333;
	background: #FFF;
	font-family: Calibri, Arial, Helvetica, San Serif;
	text-align: left;
}
th.man{
	background: #3C66B5;
	height: 40px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
}
td.man{
	/* background: #333;
	color: #FFF; */
	padding-left: 3px;
}
td.name{
	background: #CCC;
	text-align: center;
}
/* td.name:hover{
	background: #FF3300;
	color: #FFF;
} */
td.hov:hover{
	background: #FF3300;
}
td.hov a{
	color: #333;
}
td.hov a:hover{color: #FFF; font-weight: bold;}
td.pos{
	background: #333;
	color: #FFF;
	text-align: center;
}
td.duty{
	border-bottom:1px solid #333;
}
/* ---------------------- Team Page Styles ---------------*/
.team-box{
	width: 840px;
	height: 250px;
	margin-left: 10px;
	background: #0099CC;
}
.team-box h2{
	font-family: Helvetica, Calibri, Arial;
	font-size: 22px;
	margin: 2px 0px 0 10px;
	color: #DDF7FF;
}
.pic-frame{
	width: 200px;
	height: 180px;
	background: #FFF;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
}
.pic-box{
	width: 178px;
	height: 158px;
	background: #333;
	margin-left: 10px;
	margin-top: 10px;
}
.pic-box img{border: 1px solid #DDD;}

.profile-text-box{
	width: 610px;
	height: 230px;
	background: #FFF;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
}
.profile-text-box p{
	padding: 10px;
	margin-top: 0;
	text-align: justify;
	font-family: Helvetica, Calibri, Arial;		
}
.sub-heading{
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 0px;
	font-size: 25px;
	font-family: Helvetica, Calibri, Arial;	
	color: #333;
}


/*  ------------- fEEDBACK sTYLES---------------*/

#feed-box{
	width: 860px;
	min-height: 546px;
	background-image: url("images/internal/brickwall.jpg");
	margin-left: 20px; 
	margin-top: 1px;
}
#form-box{
	width: 520px;
	min-height: 450px;
	border: 1px solid #333;
	margin-left: 20px;
	background: #FFF;
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
}

#form-box p{
	margin: 10px 10px;
	font-family: Calibri, Arial, Helvetica, San Serif;
}
#form-box form{
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, San Serif;
}

/*Footer*/

#footer{
	width: 902px;
	height: 50px;
	background: url("images/footer-bg.jpg") no-repeat;
	margin-top: 0;
	margin-bottom: 0;
}
#footer p{
	font-size: 12px;
	font-family: Calibri, Helvetica, Arial;
	color: #000;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	clear: both;
}
#footer a{
	color: #3B88FB;
}
#footer a:hover{
	color: #990000;
}