/*defaults*/

body 	{

	color:#000000;

	margin:20px 0;

	padding:0;

	font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;

	font-size:90%;

	background-image: url('http://longenm.com/images/blue.jpg');

	background-repeat: repeat;

	background-position: 0 0;

}

p		{margin:0; padding:0 0 15px 0; }

a		{color:#000000; text-decoration:underline; }

a:hover	{color:#225799; text-decoration:none;}





/*structural elements*/

#container	{margin:0px auto; text-align:center; width:800px; }

#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }

#logo		{

	background: no-repeat 180px

0;

	border-bottom: 1px solid #DADADA;

	padding: 5px 30px 20px 0px;

}

#header2		{

	background: #DADADA url('http://longenm.com/images/campus.jpg') no-repeat 10px

10px;

	padding: 10px;

	height: 200px;

}

#content	{float:left; width:490px; padding:20px 10px 0 0; line-height:160%; }

#news		{float:right; width:280px; padding:20px 0; line-height:140%; text-align:justify; }

.newsItem	{

	padding: 20px 20px 5px 20px;

	background: #FEFFD5;

	border: 1px solid #FFEB70;

	font-size: 90%;

	margin-bottom: 20px;

	background-image: url('images/back news.jpg');

}

#footer		{clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px 20px 5px 20px; border-top:2px solid #2765AF; }





/*headings*/

.newsItem h3	{color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }

#content h1		{

	font-size: 170%;

	font-weight: normal;

	line-height: 130%;

	margin: 0;

	padding: 0 0 20px 0;

	color: #384B8B;

}

#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }





/*navigation*/

ul#navigation  			{margin:0; padding:10px 0; }

ul#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }

ul#navigation a			{color:#225799; padding:0 20px 0 0; text-decoration:none; }

ul#navigation a:hover	{color:#000000; text-decoration:underline; }



#home #homeLink,

#about #aboutLink,

#technology #technologyLink,

#portfolio #portfolioLink,

#partners #partnersLink,

#contact #contactLink,

#jobs #jobsLink

{text-decoration:underline; }



/*footer styling, pre-styled so you can "whack" another navigation menu in there if you like*/

#footer ul 		{margin:0; padding:0; }

#footer li 		{margin:0; padding:0; list-style:none; display:inline; }

#footer a		{color:#000000; font-weight:bold; text-decoration:underline; }

#footer a:hover	{color:#000000; text-decoration:none; }





/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix {display:inline-block; }

/* Hides from IE-mac \*/

* html .clearfix {height:1%; }

.clearfix {display:block; }

/* End hide from IE-mac */

#content h2 {

	font-size: 120%;

	font-weight: normal;

	margin: 0;

	color: #384B8B;

	padding-top: 0;

	padding-right: 0;

	padding-left: 0;

}