/* Reset browser defaults for consistency */
html, body, div, span, h1, h2, h3, p, a, img, li, ol, ul, label, fieldset, form, label, legend, input, textarea {
	margin:0px; padding:0px;
	border:0px;
	font-weight:inherit; font-style:inherit; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:baseline;
}

body {
	background: #000 url(../media/common/background.gif) repeat;
}

a {
	color:#231f20;
	font-weight:normal;
}
a:hover {
	text-decoration:underline;
}

p {
	font-size:75%;
	margin:0 0 1em 0;padding:0;
	color:#fff;
	/*line-height:1.8em;*/
	line-height:1.3em;
}

#container {
	width:771px;
	margin:0 auto;
	background-color:#fff;
	padding:9px;
}

.ASRSSupplies {
	width:227px;
	text-align:center;
	margin:14px 0px 0px 0px;
}

#portfolioHeader {
	width:180px; height:26px;
	float:left;
	background:#fff url(../media/common/project_portfolio.gif) no-repeat;
}
#tickerTape {
	width:380px; height:20px;
	margin-left:9px; margin-top:-3px;
	float:left;
}
	#tickerTape a {
		text-decoration:none;
		font-size:65%;
		/*line-height:20px;*/
		cursor:text;
	}
	#tickerTape a:hover {
		text-decoration:none;
	}

#login {
	width:200px;
	float:left;
	margin-top:-3px;
}
#login p {
	color:#555;
	font-size:65%;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
#login p input.t, #login p input.p {
	border:1px solid #555;
	color:#555;
	width:85px;
}
#login p input.p { margin-left:5px; }
#login p input.s {
	margin-left:5px;
	background-color:#666;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
#login p input.a {
	margin-left:5px;
	background-color:#c00;
	color:#fff;
	text-align:center;
	cursor:pointer;
}

#portfolio {
	width:416px; height:56px;
	float:left;
}
#links {
	width:351px; height:56px;
	float:left;
	background:#000 url(../media/common/links_background.gif) repeat;
	margin-left:4px;
}
	#links ul {
		list-style:none;
		margin-top:32px;
	}
	#links li {
		display:inline;
		margin-left:6px;
	}
	#links .Home {
		margin-left:5px;
	}


#rightNav {
	list-style:none;
}
	#rightNav li {
		border-bottom:1px dotted #fff;
		padding-bottom:4px;
		height:18px; line-height:18px;
	}
		#rightNav li a {
			padding-left:26px;
			font-size:70%;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration:none;
			font-weight:normal;
		}
		#rightNav li a:hover {
			background:#bd0007 url(../media/common/square_dotty.gif) no-repeat 9px 2px;
			text-decoration:none;
		}


#content {
	width:771px;
	margin-top:9px;
}

#flash {
	position:absolute;
	width:771px; height:278px;
}

#pageTitle {
	top:0px; left:0px;
	position:absolute;
	margin:15px 0px 0px 15px;
}

#placer {
	width:771px; height:224px;
}

.left {
	width:536px;
	float:left;
	border-top:8px solid #fff; border-right:8px solid #fff;
}
.right {
	width:227px; height:476px;
	float:left;
	background-color:#bd0007;
	border-top:8px solid #fff;
	margin-top:54px
}

#PortfolioText {
	width:488px; height:482px;
	border:8px solid #e9e8e8;
	background-color:#fff;
	margin-bottom:8px;
	padding:16px;
}
	#PortfolioText #textWordage {
		width:646px;
		height:476px;
		overflow:auto;
		position:relative;
		padding-right:12px;
	}
	#textWordageFull {
		width:476px;
		height:246px;
		overflow:auto;
		position:relative;
		padding-right:12px;
	}
	.LinksL, .LinksR {
		width:230px; height:120px;
		float:left;
		border-bottom:2px solid #ddd;
		margin:0px 0px 12px 0px;
	}
	.LinksL { margin:0px 4px 0px 0px; }
	.LinksL img, .LinksR img {
		margin:0px 0px 8px 0px;
	}
	.LinksL a, .LinksR a {
		font-size:80%;
	}
	#PortfolioText #textWordage p {
		color:#333;
		font-size:65%;
		text-align:left;
	}
	#PortfolioText #textWordage h1 {
		color:#222;
		font-size:90%;
		margin-bottom:12px;
	}

#text {
	width:488px; height:249px;
	border:8px solid #e9e8e8;
	background-color:#fff;
	margin-bottom:8px;
	padding:16px;
}
	#text .Gallery {
		float:left;
		margin-right:16px;
		width:154px;
	}
		#text .Gallery .MainImage {
			margin-bottom:2px;
		}
		#text .Gallery .LittleImage {
			margin:6px 6px 0px 0px;
		}
		#text .Gallery .LittleImageEnd {
			margin:6px 0px 0px 0px;
		}
		#text .Gallery .LittleImage2 {
			margin:5px 5px 0px 0px;
		}
		#text .Gallery .LittleImage2End {
			margin:5px 0px 0px 0px;
		}
		#text .Gallery p {
			color:#333;
			font-size:60%;
		}
	#text #textWordage {
		width:306px;
		height:250px;
		overflow:auto;
		position:relative;
		padding-right:12px;
	}
	#text .textWordage p, #text #textWordage p {
		color:#333;
		font-size:65%;
		text-align:left;
	}
	#text .textWordage ul , #text #textWordage ul {
		margin:0px 0px 10px 30px;
		list-style:disc;;
	}
	#text .textWordage ul li , #text #textWordage ul li {
		color:#333;
		font-size:65%;
		text-align:left;
		line-height:1.3em;
	}

.boxout {
	width:174px; height:225px;
	background:#666 url(../media/common/boxes.gif) no-repeat 0px 0px;
	float:left;
}
.rm {
	margin-right:7px;
}

#bottom {
	background-color:#0052c0;
	font-size:70%;
	color:#70a4d8;
	padding:11px;
	margin-top:8px;
}
	#bottom a.OldSite {
		color:#0052c0;
	}
	#bottom .Rel { position:relative; }
	#bottom .Chas {
		position:absolute;
		width:280px;
		top:98px; left:480px;
	}
	#bottom .A {
		width:214px;
		height:150px;
		float:left;
	}
	#bottom .B {
		width:130px;
		height:150px;
		float:left;
	}
	#bottom .C {
		width:210px;
		height:150px;
		float:left;
	}
	#bottom a {
		color:#70a4d8;
	}
	
	
.latestNews {
	width:153px; height:66px;
	background:#4d4d4d url(../media/common/latest_news.gif) no-repeat 0px 0px;
	text-indent:-2000px;
}
.latestNewsContent {
	width:143px;
	font-size:55%;
	color:#fff;	
	margin-left:10px;
}
	.latestNewsContent ul {
		list-style:none;
	}
	.latestNewsContent ul a {
		text-decoration:none;
		cursor:pointer;
		color:#fff;
	}
	.latestNewsContent ul a:hover {
		text-decoration:none;
	}
	.latestNewsContent li {
		padding:4px 0px 8px 20px;
		background:url(../media/common/square_dotty.gif) no-repeat 4px 5px;
		border-top:1px dotted #bbb;
		height:35px;
	}
	.latestNewsContent span {
		color:#f00;
	}

.downloads {
	width:153px; height:66px;
	background:#4d4d4d url(../media/common/downloads.gif) no-repeat 0px 0px;
	text-indent:-2000px;
}
.downloadsContent {
	width:143px;
	font-size:55%;
	color:#fff;	
	margin-left:10px;
}
	.downloadsContent ul {
		list-style:none;
	}
	.downloadsContent li {
		padding:4px 0px 8px 40px;
		background:url(../media/common/pdf_icon.gif) no-repeat 4px 7px;
		border-top:1px dotted #bbb;
		height:35px;
	}
	.downloadsContent ul li a {
		text-decoration:none;
		color:#fff;
	}
	.downloadsContent ul li a span {
		color:#f00;
	}

.featureProject {
	width:153px; height:66px;
	background:#4d4d4d url(../media/common/feature_project.gif) no-repeat 0px 0px;
	text-indent:-2000px;
}
.featureProjectImage {
	margin-left:10px;
	padding:105px 6px 0px 6px;
	width:142px; height:44px;
	background:#000 url(../media/common/feature_project.jpg) no-repeat 0px 0px;
}
	.featureProjectImage {
		font-size:55%;
		color:#fff;	
	}
	.featureProjectImage h3 {
		font-size:105%;
		color:#f00;
		margin:0px; padding:0px;
		font-weight:bold;
	}

.ContentBox {
	background:#fff url(../media/common/content_bg.gif) repeat 0px 0px;
}

.clear { clear: both; }

/* Contact Form */
#Requesting fieldset, #ContactDetails fieldset {
	border:4px solid #e9e8e8;
	padding:0px 8px 0px 8px;
	margin-bottom:8px;
}
	#Requesting fieldset ol, #ContactDetails fieldset ol {
		list-style:none;
		margin-bottom:8px;
	}
	#Requesting fieldset legend h2, #ContactDetails fieldset legend h2 {
		font-size:75%;
		color:#0856c2;
		font-weight:bold;
	}
	#ContactDetails fieldset label {
		font-size:75%;
		display:block;
		float:left;
		width:80px;
		margin-right:10px;
	}
	#Requesting fieldset label {
		font-size:75%;
		display:block;
		float:left;
		width:238px;
		margin-right:10px;
	}
	#Requesting fieldset ol li, #ContactDetails fieldset ol li {
		margin-top:8px;
		font-size:80%;
		line-height:20px;
	}
	#ContactDetails fieldset ol li input, #ContactDetails fieldset ol li textarea {
		border:2px solid #e9e8e8;
		font-size:80%;
		width:170px;
		padding:2px;
	}
	#Requesting fieldset ol li input {
		border:2px solid #e9e8e8;
	}
	.SendForm {
		text-align:right;
	}
	.SendForm .Btn {
		width:104px; height:28px;
		background:#e9e8e8 url(../media/contact_us/btn_send_form.gif) no-repeat 0px 0px;
		cursor:pointer;
	}
	
.Logos {
	width:195px; height:45px;
	background:#bd0007 url(../media/common/logos.jpg) no-repeat 0px 0px;
	margin:40px 0px 0px 17px;
}

/* Logged In */
.loggedIn {
	height:482px !important;
}
.loggedIn .flexcroll {
	height:482px !important;
}

/* Helper Styles */
.Pointer { cursor:pointer; }
.NoUnderline { text-decoration:none; }
.NoUnderline:hover { text-decoration:none; }
.ClearB {	clear:both; }
.Clan { 
	float:right;
	margin:10px 0px 10px 7px;
	padding:0px;
}

.upload_form {
	vertical-align:middle;	
}

.upload_form tr td input {
	border:1px solid #000;
	height:15px;
	height:20px;
width:212px;
}

.upload_form .ul_heading {
	font-weight:bold;
}

.upload_form #submit {
	text-align:center;
	width:100px;
	}