@import url('jq_fade.css');
@import url('port.css'); 
@import url('services.css'); 
@import url('side.css');
@import url('links.css');
@import url('lightbox.css');

/**************** BODY *********************/

* { 
	margin: 			0; 
	padding:			0; 
} 

body{
	background:			#42454A url(../images/layout/bg.gif) top repeat-x;
	font-family:		arial,verdana,sans-serif;
	color:			#333;
	margin-top:			0px;
	line-height:		20px;
	text-align:			center;
}

#container {
	width: 			970px;
	\width: 			990px;
	w\idth: 			970px;
	margin-left: 		auto;
	margin-right: 		auto;
	background-image: 	url(../images/layout/content-bg.jpg);
}

a img {
	border:			0pt none;
}

/**************** HEADER *********************/ 

#header { 
	background-image: 	url(../images/layout/header.jpg);
	background-color: 	#3289E8;
	width: 			970px;
	height: 			140px; 
} 

#header h1 {
	text-indent:		-5000px;
}

#header h3{
	text-indent:		-5000px;
}

#header .logo {
	float: 			left;
}

/**************** MAIN NAV *********************/

#nav {
	background-image: 	url(../images/layout/nav-bg.jpg);
	height:			54px;
	width:			970px;
}
	
#menu{
	margin-left:		15px;
	list-style-position:	outside;
	list-style-type:		none;
	overflow:			hidden;
	text-align:			center;
}

#menu li  {
	margin-top:			5px;
	float:			left;
	font-size:			10px;
	font-family:		arial, tahoma, verdana, sans-serif;
	width:			135px;
}

#menu li a  {
	background-color:		inherit;
	color:			#999999;
	text-decoration:		none;
}

#menu li a.active {
	color:			#3289E8;
}

#menu li a:hover  {
	color:			#3289E8;
}

#menu li strong {
	text-transform:		uppercase;
	font-size:			14px;
	font-family:		arial, tahoma, verdana, sans-serif;
	color:			#FFFFFF;
	letter-spacing:		1.5px;
	display:			block;
}

#menu li  a strong.active {
	color:			#3289E8;
}

#menu li a strong:hover  {
	color:			#3289E8;
}

/**************** LEFT *********************/ 

#content {
	background-color:		#FFFFFF;
	border:			solid 5px #EEEEEE;
	float: 			left;
	padding: 			15px;
	margin-top: 		10px;
	margin-left: 		15px;
	width: 			625px;
	text-align:			left;
}

#content h1 {
	padding-bottom:		.5em;
	font-size: 			180%; 
	font-family:		'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: 			#0564C5;
	text-align: 		Left;
} 

#content h2 {
	padding-bottom:		.5em;
	line-height:		25px;
	font-size: 			140%;
	color: 			#2364B4;
	font-weight:		normal;
	text-align: 		Left;
}

#content h3 {
	padding-bottom:		1em;
	font-size: 			95%;
	color: 			#000000;
	text-align: 		Left;
}

#content h4 {
	padding-bottom:		1em;
	font-size: 			100%;
	color: 			#000000;
	text-align: 		Left;
}

#content p { 
 	padding-bottom: 		18px; 
	font-size:			80%;
}

#content a{
	color: 			#0000FF;
	text-decoration:		underline;
}

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

.list {
	list-style-type:		square;
	margin:			0pt 0px 15px 20px;
	margin-left:		30px;
	margin-bottom:		20px;
	list-style-position:	outside;
	list-style-type:		square;
	font-size:			80%;
}

.list li {
	list-style-type:		square;
	margin:			0pt 0pt 5px;
	padding:			0px;
}

#content ol {
	margin:			0pt 0px 15px 20px;
	margin-left:		30px;
	margin-bottom:		15px;
	list-style-position:	outside;
}

#content ol li {
	margin:			0pt 0pt 5px;
	padding:			0pt;
}

#content .redesign { 
 	text-align:			center; 
	font-size: 			14px;
	font-weight:		bold;
}

/**************** RECENT *********************/

#recent  {
	float:			left;
	background-color: 	#F5F5F5;
	border:			#CCCCCC 1px solid;
	font-size:			85%;
	text-align:			left;
	width:			285px;
	padding: 			10px;
	margin-bottom:		10px;
}

#recent .header {
	background-image: 	url(../images/layout/news.gif);
	background-position:	left;
	background-repeat:	no-repeat;
	height:			25px;
}

#recent .header h3 {
	margin-left:		-5000px;
}

#recent .header-soon {
	background-image: 	url(../images/layout/soon.gif);
	background-position:	left;
	background-repeat:	no-repeat;
	height:			25px;
}

#recent .header-soon h3 {
	margin-left:		-5000px;
}

#recent p { 
	padding-top:		5px;
	padding-bottom:		5px;
	color:			#333333;
	border-bottom: 		1px solid #CCCCCC; 	
}

#recent a { 
	color: 			#009900; 
	text-decoration: 		underline;
}

#recent a:hover {
	text-decoration: 		none;
}

/**************** SOON *********************/

#soon  {
	float:			right;
	background-color: 	#F5F5F5;
	border:			#CCCCCC 1px solid;
	font-size: 			85%;
	text-align:			left;
	width:			285px;
	padding: 			10px;
	margin-bottom:		10px;
}

#soon .header {
	background-image: 	url(../images/layout/blog.gif);
	background-position:	left;
	background-repeat:	no-repeat;
	height:			25px;
}

#soon .header h3 {
	margin-left:		-5000px;
}

#soon p { 
	padding-top:		5px;
	padding-bottom:		5px;
	border-bottom: 		1px solid #CCCCCC; 	
}

#soon a { 
	color: 			#0181C6; 
	text-decoration: 		underline;
}

#soon a:hover {
	text-decoration: 		none;
}

/**************** RIGHT *********************/

#sidebar-a {
	float: 			right;
	width: 			270px;
	margin-top: 		7px;
	margin-right: 		0px;
	padding: 			5px;
}

/**************** FOOTER *********************/

#footer {
	clear: 			both;
	background-image: 	url(../images/layout/footer.jpg);
	height:			170px;
}

/**************** BOTTOM LINKS *********************/

#bottomlinks {
	float: 			left;
	border-top:			1px solid #CCCCCC;
	color:			#666666;
	padding:			10px 0px 10px 0px;	
	margin:			10px;	
	margin-left:		20px;
	text-align:			left;
	width: 			930px;
}

#bottomlinks p { 
	font-size:			10px;
}

#bottomlinks .valid { 
	text-align:			center;
}

#bottomlinks .blmenu {
	list-style-type:		none;
	overflow:			hidden;
}

#bottomlinks .blmenu li {
	display:			inline;
	padding-left:		2px;	
	font-size:			11px;
}

#bottomlinks .blmenu li a {
	background-color:		inherit;
	color:			#999999;
	text-decoration:		none;
}

#bottomlinks .blmenu li a:hover {
	color:			#3289E8;
	text-decoration:		underline;
}

/**************** LISTING *********************/

#listing {
	color:			#CCCCCC;
	font-size:			70%;
	text-align:			center;
}

#listing a { 
	color: 			#009900; 
	text-decoration: 		underline;
}

#listing a:hover {
	text-decoration: 		none;
}

/**************** IMAGES *********************/

.grey {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  }

.img-shadow {
  float:right;
  background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/layout/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }