body
{
	margin: 0px auto;
	padding: 0px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	line-height:20px;
	font-size:13px;
	color:#585858;

}

/*Background header--------------------------------------------------------------------*/

#header-background{
	background-image:url('images/header-bg.png');
	background-repeat:repeat-x;
    height:118px;
}
 #color-background{
	background-image:url('images/purple-bg.jpg');
	background-repeat:repeat-x;
	height:375px;
 }
 #image-background{
	background-image:url('images/header-holding.jpg');
	background-repeat:no-repeat;
	background-position:bottom center;
	height:373px;


  	}

/*Main header--------------------------------------------------------------------*/
#main-header-top{
	margin: auto;
	padding:auto;
	width: 990px;
	text-align: left;
	border:solid 0px;
}

#main-header-bottom{
	margin: auto;
	padding:auto;
	width: 990px;
	text-align: left;
	border:solid 0px;


}

#main{
	margin: auto;
	padding:auto;
	width: 990px;
	text-align: left;
	border:solid 0px;

}


#header{
	text-align: left;
	height:50px;
	margin: auto;
	padding:auto;
}

.header-left
{
	text-align: left;
	float:left;
	padding:0px 0px 0px 0px;
}


.header-right
{
	float:right;
	text-align:right;
}

/*Green right hand box -------------------------------------------------------------------*/

.green-top{
	float:right;
	background-image:url('images/green-tear.png');
	background-repeat:no-repeat;
	width:300px;
	height:56px;
	text-align:right;
}

.header-right-content
{
	text-align: right;
	padding-right:10px;
	color:#ffffff;
	font-weight:bold;

}

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

.nav{
	clear:right;
}
.nav ul li{
	padding:0;
    margin:0;
}
.internal-nav{
	float:left;
	width:200px;
	padding-top:10px;
}

.page-content{
	background-image:url('images/content-bg.png');
	background-repeat: repeat-x;
	padding:10px;
	float:right;
	width:750px;
}



.green-right-box{
	float:right;
	background-image:url('images/green-bg.png');
	background-repeat:no-repeat;
	margin-top:5px;
	height:307px;
	width:300px;
}

.green-right-box-content{
	padding:10px;
	color:#ffffff;
	text-align:left;
	font-weight:bold;

}



#left-nav
{
	float:left;
	width:160px;
	margin-right:20px;
   	border-right: 1px solid #000000;
}

/*portfolio and services nav*/
#ser_port_menu
{
  width:600px;
  float:right;
}
#ser_port_menu ul
{
    float:right;
}
#ser_port_menu li
{
    list-style: none;
    display: inline;
    padding:0 15px;
}
#ser_port_menu li.spacer
{
    padding:0;
    margin:0;
}
#ser_port_menu li a
{
    color: #424242;
    font-weight:bold;
}
#ser_port_menu li.highlt a
{
    color: #00817D;
    font-weight:bold;
}
a.backLink{
    float:right;
    font-weight:bold;
    color:#00817D;
}
a.backLink:hover{
    text-decoration:underline;
    font-weight:bold;
    color:#00817D;
}
/* 	===================================================================================================
												Contents
===================================================================================================  */
#content
{
	margin:auto;
	padding:auto;
	font-size:12px;
	padding-top:10px;
	min-height: 440px;

}

.home-flash{
	margin-top:0px;
	float:left;
	clear:both;
}

.lower-bg{
	background-image:url('images/lower-bg.jpg');
	background-repeat:repeat-x;
	min-height:300px;
}


/* 	===================================================================================================
												Footer
===================================================================================================  */


#footer
{
	width: 990px;
	height: 50px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#footertop
{
	width:480px;
	height: 20px;
	text-align: left;
	float: left;
	padding: 0px 0px 5px 0px;
	font-size: 65%;
	line-height: 20px;
	font-weight: normal;
	color: #585858;
	text-decoration: none;
}

#footertop a
{
	text-decoration: none;
	color:#585858;
}

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

#footer-right
{
	width:200px;
	float:right;
	padding:10px 0px 0px 0px;
	font-size: 65%;
	color: #585858;
}

#footer-left
{
	width:480px;
	float:left;
}


/* 	===================================================================================================
												Text
===================================================================================================  */

/* MAIN STYLESHEET */


  h1{
	margin-top:0px;
	font-size: 1.5em;
	color: #000000;
	text-align: left;
	font-weight: normal;
	padding-top:10px;
}

h2{
     font-size:1.2em;
	 color:#7e0081;
	 margin:0px;
	 padding-bottom:5px;
}

h3{
     font-size:1.2em;
	 color:#00817d;
	 margin:0px;
	 padding-bottom:5px;
}

a {
	font-size:1em;
	color: #810283;
	text-decoration: none;
	font-weight: normal;
	border: none;
}

a:hover {
	color: #810283;
	text-decoration: underline;
	font-weight: normal;
}

a.green-link {
	font-size:1em;
	color: #97cac8;
	text-decoration: none;
	font-weight: bold;
	border: none;
}

a.green-link:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

a.selected {
	font-size:1em;
	color: #EE4D93;
	text-decoration: none;
	font-weight: normal;
	border: none;
}

a.selected:hover {
	font-size:1em;
	color: #EE4D93;
	text-decoration: none;
	font-weight: normal;
	border: none;
}


a.nav {
	font-size:1.1em;
	line-height:1.7em;
	color: #810283;
	text-decoration: none;
	font-weight: normal;
	border: none;
	padding-left:5px;
	height:27px;
		line-height:1.8em;
}



a.nav:hover {
	color: #810283;
	text-decoration: none;
	font-weight: normal;
	padding-left:5px;
		height:27px;
			line-height:1.8em;
}
.navover{
	width:213px;
	height:27px;
	}
.navoverg{
	width:213px;
	height:27px;
	}
.navover:Hover{
	background-image:url('images/background-nav.png');
	background-repeat:no-repeat;
	width:213px;
	height:27px;
	}

.navoverg:Hover{
	background-image:url('images/background-nav-grey.png');
	background-repeat:no-repeat;
	width:213px;
	height:27px;
	}

a.navon {
	font-weight: bold;
	padding-left:5px;
	height:27px;
}
.navon{
	background-image:url('images/background-nav.png');
	background-repeat:no-repeat;
	width:213px;
	height:27px;
	}

a.h2 {
   font-size:1em;
	 color:#EE4D93;
	 margin:0px;
	 padding-bottom:5px;
}


a.h2 {
 font-size:1em;
 color:#EE4D93;
	 margin:0px;
	 padding-bottom:5px;
	font-weight:bold;
}

hr{
	color:#c6d4de;
}

.arrow{
	position:relative;
	margin-left:200px;
	padding-left:40px;
	padding-top:5px;
	background-image: url('images/arrow-right.jpg');
	background-repeat:no-repeat;
	height:35px;

}

.arrow-link{
margin-top:10px;
	font-size:1.3em;
}

.box{
	background-image:url('images/home-box.png');
	background-repeat: no-repeat;
	height:278px;
	padding-top:6px;
	float:left;
	margin-right:10px;
	width:170px;
    position:relative;
}
.box a{
  border:0pt none;
}
.box a img{
  border:0pt none;
}
.box a span img{
  border:0pt none;
}
.box-content{
   padding:6px;
   margin-top: 50px;
}
.news-content{
   padding:6px;
   margin-top: 0px;
}
.box-news{
	background-image:url('images/home-box.png');
	background-repeat: no-repeat;
	height:278px;
	width:90px;
	float:right;
}


.icons{
	padding-top:20px;
	clear:both;
	margin-bottom:20px;
}

.footer{
	background-color:#434242;
	height:180px;
	font-family: "salsbury-1","salsbury-2",Verdana,Geneva,sans-serif;
	color:#ffffff;
}

.footer-content{
 	margin: auto;
	padding:auto;
	width: 990px;
	text-align: left;
	border:solid 0px;
	font-size:0.8em;
}


a.footer{
	color:#ffffff;
}

.green {
	color: #00817d;
}

/** expanding news div ************************************************/
div#news_expander {
   background: white;
/*   outline: 2px inset #ddd;*/
   overflow: hidden;
   height: 290px;
   width: 90px;
}

div.box-news {
   cursor: pointer;
}

div#newsbox_in_expander {
   width: 0;
   padding: 10px;
   overflow: hidden;
}

/**********************Protfolio thumb**************************/

.boxcaption h3{ margin: 3px 5px 5px 10px; color:#FFF; font:16px "Trebuchet MS",Arial,Helvetica,sans-serif;  font-weight: bold; height: 22px; line-height: 22px; padding: 0; }

.boxgrid{
    width: 218px;
    height: 180px;
    float:left;
    background:#dddddd;
    border: solid 2px #8399AF;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 10px;
    cursor: pointer;
}
.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.boxgrid p{
    padding: 0 10px;
    color:#afafaf;
    font-weight:bold;
    font:10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin: 0;
}
.boxgrid a,.boxgrid a:hover,.boxgrid a:visited{
    color: #FFF;
    text-decoration: none;
}
.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 108px;
    width: 100%;
    opacity: .6;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    padding: 0;
    margin: 0;
}
/***********************************************/


/**********************************************************************/

/** Safari-hack fix for LavaLamp **************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.nav  { font-size: 12px; }
}
/**********************************************************************/

a.header-email{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

a.header-email:Hover{
color:#97CAC8;
text-decoration:none;
}