@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

.clear {clear:both;}

body {
	background: url(../images/bg.gif) repeat-x #888888;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#444444;
	padding-bottom:40px;
}

a {
	text-decoration:none;
	color:#444444;
}

a:hover {
	color:#0083bf;
}

#header {
	background:rgb(188, 205, 218);
	width:100%;
	border-bottom:#00aeef thin solid;
}

.topContent {
	width:800px;
	height:130px;
	margin:0 auto;
}

.logo {
	float:left;
	display:inline;
	margin:13px 35px 0 0;
}
 
#topNav {
	background: url(../images/navbg.gif) repeat-x;
	width:100%;
	height:38px;
	border-bottom:#00aeef thin solid;
	font-weight:bold;
}

#navContent {
	width:760px;
	height:38px;
	margin:0 auto;
	padding-left:40px;
}

#navContent ul {
	float:left;
	list-style:none;
	height:38px;
	display:inline;
	margin:9px 0 0 -1px;
	font-weight: bold;
}

#navContent li {
	display:inline;
	color:#444444;
	border-right:;
	padding:10px 0 11px;
}

#navContent li.first {
	padding:10px 235px 11px 0;
	
}

#navContent li.liRight {
}

span.current {
	color:#00aeef;
	cursor:default;
}

#navInfo {
	color:#ffffff;
	height:5px;
	width:768px;
	margin:0 auto;
	padding:10px 0;
	clear:both;
}

#navInfo a {color:#ffffff;}

#navInfo ul {
	float:left;
	list-style:none;
	display:inline;
}

#navInfo li {
	display:inline;
	border:none;
	font-size:small;
	padding:5px 2em 0 0;
}

#navInfo a {
	border-bottom:thin dotted;
}

#mainContent {
	width:720px;
	float:none;
	margin:0 auto;
	/*background:#FFFFFF;
	border-right: 1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	padding-bottom:30px;*/
}

/*main content test bg
#mainContent {
	width:822px;
	height:549px;
	float:none;
	margin:-1px auto;
	padding-bottom:30px;
	background:url(../images/TEST_mainbg.png) no-repeat;
}*/

.main {
	font-size:bold;
	line-height:14pt;
	text-indent:0px;
	text-align:justify;
	width:340px;
	color:#666666;
}

.main a:hover {
	border-bottom: dotted thin;
	color: #0083bf;
	font-weight: bold;
}

.bar {
	width:100%;
	height:50px;
	background:url(../images/bar2.jpg) repeat;
	border-bottom:1px solid #000000;
}

#contactForm {
	width:800px;
	float:left;
	display:inline;
	margin:0 auto;
	padding-bottom:50px;	
}

h1 {
	padding:50px 0 35px;
	font-size:40px;
	font-weight:bold;
}

h2 {
	font-weight:bold;
}

.blog h1 {
	padding:50px 0 0;
	margin:0;
}

.snap_preview h2 {
	padding:25px 0 15px;
}

.leftColumn {
	width:340px;
	float:left;
	display:inline;
	padding-bottom:75px;
}
 
.rightColumn {
	width:340px;
	float:left;
	display:inline;
	margin-left:40px;
}

#portLinks {
	width:708px;
	margin:0 auto;
	padding:50px 0 15px;
	font-size:40px;
	font-weight:bold;
}

#portLinks li {
	display:inline;
	padding:0 1em;
}

#flashcontent {
		width:700px;
		margin:0 auto;
		margin-bottom:50px;
		border: 4px solid #f59c29;
}

.active {
	border-bottom:20px #0083bf solid;
	cursor:default;
}

.blog {
	width:800px;
	margin:0 auto;
	padding-bottom:40px;
}

#rss {
	width:700px;
	margin:0;
	float:left;
	clear:both;
	display:inline;
}

.rssDate {
	height:50px;
	width:50px;
	float:left;
	display:inline;
	color:#444444;
	font-weight:bold;
	background:url(../images/date.gif) no-repeat;
	margin:0 10px 0 0;
	padding:0 15px 15px 0;
}

.date_m {
display:block;
font-size: .8em;
margin:0;
padding:1px;
text-align:center;
}

.date_d {
display:block;
font-size:1.4em;
margin:0;
padding:2px 0 0 0;
text-align: center;
}

.blogBorder {
	width:600px;
	margin:0 auto;
	border-bottom:thin dotted #bbbbbb;
}

.about a {
	border-bottom:thin dotted;
	color:#f59c29
}

.about {
	font-size:bold;
	width:800px;
	margin:0 auto;
}

.team {
	width:500px;
	margin:0 auto 30px;
	background:#DDDDDD;
	border:#bbbbbb thin solid;
}

.photo {
	float:left;
	display:inline;
	margin:8px 10px;
	border:2px solid #888888;
}

.info {
	float:left;
	display:inline;
	margin:8px 0 0 20px;
	padding: 0 0 10px 0;
}

.info h2 {
	font-size:small;
	margin-bottom:5px;
}

.infoText {
	font-size:small;
	line-height:16px;
	width:305px;
	padding:0 15px 0 0;
}

.spacer {
	height:50px;
	width:800px;
	margin:0 auto;
	clear:both;
	float:left;
}

.services p {
	font-size:10pt;
	line-height:16pt;
	text-indent:7px;
	width:400px;
}

.services ul {
	text-indent:40px;
	list-style:inside url(../images/bullet.gif);
	font-size:small;
	cursor:default;
}

.services li {
	padding:2px 0;
}

#newWork {
	clear:both;
	width:720px;
	margin:0 auto;
	padding:0 0 50px 0;
}

#newWork h1 {padding:0;}

#slider {
	width:720px;
	height:263px;
	overflow:hidden;
	margin:0 auto;
	background:#bbbbbb;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 3px solid  #f59c29;
}

#footer {
	width:800px;
	margin:0 auto;
	font-size:small;
	text-align:center;
	padding-top:5px;
	color:#FFF;
}

#footer a {
	color:#FFF;
	border-bottom:thin dotted;
}

a img { border-width: 0; }


#topNav .left {
	line-height:38px;
	float:left;
	display:inline;
}

#topNav .right {
	line-height:38px;
	float:right;
	display:inline;
}