body {	background-image: url(images/starfieldbkg.png);	background-repeat: repeat-x;	background-color: #44617D;	height: 100%;	color: #CCCCCC;	font-family: Arial, Helvetica, sans-serif;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}.squigglebkg {	background-image: url(images/squigglies.png);	background-repeat: no-repeat;	background-position: center bottom;}#container {
	background-repeat: no-repeat;
	background-position: bottom;
	height: 1200px;
	background-attachment: scroll;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	margin-top: 20px;
}#footer {
	height: 150px;
	width: 100%;
	background-image: url(images/footerbkg.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6699CC;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E2ECF5;
	font-weight: bold;
	margin-top: 40px;
}a:link {	color: #66CCFF;}a:visited {	color: #6699FF;}a:hover {	color: #FFFFFF;}#messagecontainer {	font-size: 14px;	color: #E2ECF5;}#footer a:link {	text-decoration: underline;}#leftcontainer {
	position: relative;
	width: 300px;
	float: left;
	margin-left: 20px;
	text-align: left;
	height: 635px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #77B6E3;
}#middlecontainer {
	width: 300px;
	position: relative;
	margin-left: 20px;
	float: left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #77B6E3;
}#portfoliocontainer {	float: left;	background-repeat: no-repeat;	width: 990px;	height: 350px;	position: relative;	margin-top: 0px;}#featuredwork {	float: left;}p {	width:273px;	padding-left: 8px;	padding-right: 5px;	line-height: 18px;}#portfoliotop {	padding-left: 5px;	position: relative;}h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-bottom-style: none;
	color: #77B6E3;
	padding-bottom: 2px;
	text-align: left;
	padding-left: 8px;
}h3 {	padding-bottom: 2px;	padding-left: 8px;	margin-bottom: 5px;	margin-top: 10px;}h4 {
	border-bottom-width: 1px;
	border-bottom-style: none;
	padding-bottom: 4px;
	padding-left: 8px;
}#rightcontainer {	float: left;	width: 300px;	position: relative;	margin-left: 20px;}#innercontainer {
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	height: 1100px;
	background-position: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	width: 1000px;
}#header  {
	height: 175px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	background-repeat: repeat-x;
}.topbox  {	height: 38px;	width: 300px;	text-align: center;	margin-top: 0px;}.middlebox {
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	position: relative;
	height: 600px;
	background-position: center top;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}.leftmiddlebox {
	background-repeat: repeat-y;
	height: 610px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-top: 5px;
	margin-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}h2 {	padding-bottom: 5px;}.newsmiddle {	height: 210px;	background-image: url(images/centerbox.png);	background-repeat: repeat;	font-family: Arial, Helvetica, sans-serif;	padding-left: 10px;	font-size: 12px;	background-position: center top;	padding-top: 0px;}#newsbox {	float: left;	width: 350px;	height: 300px;}ul li {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
	margin-top: 5px;
}#footer li {	list-style-type: none;}.topcontact {}.bottombox {	background-image: url(images/lower_box.png);	background-repeat: no-repeat;	height: 31px;	width: 350px;	position: relative;}.bottomcontactbox {	background-image: url(images/lower_box.png);	background-repeat: no-repeat;	height: 31px;	width: 299px;	}.middlecontentbox {
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	height: 600px;
	padding-top: 5px;
	margin-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.menu {
	background-image: url(images/navbar_bkg.jpg);
	background-repeat: repeat-x;
	height: 39px;
	padding-top: 10px;
	width: 100%;
	margin-bottom: 20px;
}


div#navigation {
	height: 39px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;


}
div#navigation ul {
	display: inline;
}

div#navigation ul  li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	display: inline;
	height: 39px;
}
.navseparator {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	height: 39px;
	padding-right: 20px;
}

.main_view {
	float: left;
	position: relative;
	margin-left: 50px;
	margin-bottom: 20px;
}
/*--Window/Masking Styles--*/
.window {
	height:350px;
	width: 600px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.image_reel {
	position: absolute;
	top: 1px;
	height: 300px;
	width: 600px;
}
.image_reel img {
	float: left;
	height: 300px;
	width: 600px;
}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 2px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

.work {	float: left;	width: 300px;	height: 250px;	padding-right: 10px;	padding-left: 15px;}* { margin: 0; padding: 0 }		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */												p#cross-links { text-align: center }				p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }				noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }		noscript a { color: #a00; text-decoration: underline }		noscript ol { margin-left: 25px; }								img { border: 0 }				#portfolioslider {
	font-family: Verdana, Arial;
	color: #000;
	width: 800px;
	text-align: center;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}				.stripViewer .panelContainer .panel ul {			text-align: left;			margin: 0 15px 0 30px;		}				.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */	position: relative;	width: 100%;	margin-top: 0px;	margin-right: 0;	margin-bottom: 20px;	margin-left: 0;		}.textwrap {	width: 360px;	float: left;	margin-left: 20px;	color: #CCCCCC;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	text-align: left;	line-height: 18px;}.textwrap strong {color: #77B6E3;}		/* These 2 lines specify style applied while slider is loading */		.csw {	width: 100%;	height: 360px;	background: #fff;	overflow: scroll}		.csw .loading {margin: 200px 0 300px 0; text-align: center}		.stripViewer { /* This is the viewing window */	position: relative;	overflow: hidden;	border: 1px solid #4B6987; /* this is the border. should have the same value for the links */	margin: auto;	width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */	height: 320px;	clear: both;	background-color: #000000;		}				.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */			position: relative;			left: 0; top: 0;			width: 100%;					/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */		}				.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */			float:left;			height: 100%;			position: relative;			width: 700px; /* Also specified in  .stripViewer  above */		}				.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */			padding: 10px;		}				.stripNav { /* This is the div to hold your nav (the UL generated at run time) */	margin: auto;	display: none;		}#slider1 {	margin-top: 10px;}											.stripNavL, .stripNavR { /* The left and right arrows */	position: absolute;	top: 130px;	text-indent: -9000em;		}				.stripNavL a, .stripNavR a {			display: block;			height: 40px;			width: 40px;		}				.stripNavL {			left: 0;		}				.stripNavR {			right: 0;		}				.stripNavL {			background: url("images/arrow-left.gif") no-repeat center;		}				.stripNavR {			background: url("images/arrow-right.gif") no-repeat center;		}			.image {	width: 300px;	float: left;}.wrapper h3 {	padding-bottom: 5px;	padding-left: 8px;	margin-bottom: 8px;	margin-top: 10px;	color: #CCCCCC;	font-size: 14px;	font-family: Arial, Helvetica, sans-serif;	text-align: left;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;}