body
{
	/*background-color: #000000;*/
	background: #d8f3f9 url(Graphics/bggray.gif) repeat;
}

input
{
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}	
	
/* Applies to all input (single-line) textboxes */
input[type="text"]
{
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}	

/* Multi-line textboxes */
textarea
{
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}	

/* Dropdown lists */
select
{
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}	

/* Radio buttons */
input[type="radio"]
{
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}	

/* Submit buttons */
input[type="submit"]
{
	background-color: #dcdcdc;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	height: 30px;
	font-weight: normal;
}	

/* Labels */
label
{
	color: #000000;	
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}	

/* Wrapper for everything */
#Wrapper
{
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	width: 900px;
	/*padding: 10px 10px 10px 10px;*/
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	font-size: 8pt;
}	


/* Login Page */
#Login
{
	background: #ffffff;
	width: 240px;	
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
}	

#Login h1
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #2e4b8d;
	color: #ffffff;
	width: 96%;
	padding-left:2%;
	padding-right: 2%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
	
}	

#LoginInset
{
	padding: 10px 5% 10px 5%;
	width: 90%;
	background-color: #d8f3f9;
}	

/* Portfolio Details */
#Portfolio
{
	font-size: 8pt;
	padding: 5px 5px 5px 5px;
	height: 633px;
}
	
#PortfolioPics
{
	float:left;
	width: 410px;
}
	
#PortfolioPicBig
{
	height: 300px;
	width: 400px;
	border: solid 1px #c0c0c0;
}

#PortfolioPicLeft, #PortfolioPicRight
{
	float:left;
	height: 300px;
	width: 200px;
}

.PortfolioSmallPic
{
	width: 200px;
	height: 150px;
	border: solid 1px #c0c0c0;
}	

#PortfolioSmallPics
{
	height: 304px;	
}
	
.PortfolioMainPic
{
	border: none;
	width: 400px;
	height: 200px;
}	

#PortfolioText
{
	float:right;
	width: 480px;	
	font-size: 8pt;
}
	
#PortfolioHeader
{
	height: 17px;
	padding: 5px 1% 5px 1%;
	width: 98%;
	background-color: #2e4b8d;
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
}

#PortfolioClient
{
	float:left;
	text-align:left;
}

#PortfolioCompletion
{
	float:right;
	text-align: right;
	width: 150px;
}			

#PortfolioBrief
{
	height: 68px;
	padding: 5px 1% 5px 1%;
	width: 98%;
	background-color: #696969;
	color: #dcdcdc;
}

#PortfolioDescription
{
	background: #c0c0c0 url(Graphics/metal002.jpg) repeat;
	padding: 5px 1% 5px 1%;
	width: 98%;
	height: 517px;
}

#PortfolioDescriptionInset
{
	background-color: #c0c0c0;
	filter: alpha(opacity=75);
	opacity: .75;
	-moz-opacity: 0.75;
	width: 100%;
	float: left;
	height: 517px;
}

#PortfolioToolbar
{
	width: 392px;
	padding: 5px 5px 5px 5px;
	height: 17px;
	text-align: right;
	background-color: #000000;
	color: #dcdcdc;
	clear: both;
}	

#PortfolioToolbar a
{
	color: #d8f3f9;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration:none;
}

#PortfolioToolbar a:hover
{
	background-color: #d8f3f9;
	color: #2e48bd;
	font-weight: bold;
}		

/* Services page */
.Service
{
	background: #dcdcdc url(Graphics/metal002.jpg) repeat;
	font-size: 8pt;
	font-weight: normal;
	width: 100%;
	height: 140px;
}

.Service h1
{
	margin-top: 1px;
	margin-bottom: 1px;
	width: 98%;
	background-color: #2e4b8d;
	color: #d8f3f9;
	font-weight: bold;
	font-size: 10pt;
	height: 17px;
	padding: 5px 1% 5px 1%;
}

.ServiceImageLeft
{			
	float:left;
	padding: 5px 5px 5px 5px;
}
.ServiceImageRight
{			
	float:right;
	padding: 5px 5px 5px 5px;
}

.ServiceTextLeft, .ServiceTextRight
{
	padding: 5px 5px 5px 5px;
	background-color: #c0c0c0;	
	filter: alpha(opacity=75);
	opacity: .75;
	-moz-opacity: 0.75;
	height: 90px;
	width: 740px;
	margin-top: 5px;
}

.ServiceTextLeft
{
	float:left;
	margin-left: 5px;
}

.ServiceTextRight
{
	float: right;
	margin-right: 5px;
}		

.ServiceTextLeft ul, .ServiceTextRight ul
{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
	

/* Page footer */
#Footer
{
	width: 100%;
	clear: both;
	text-align: center;
	background: #2e4b8d;
	height: 90px;
}

#Footer a
{
	text-decoration:none;
	color: #d8f3f9;
}

#Footer a:hover
{
	text-decoration:none;
	color: #f98033;
}
		
#FooterInset
{
	width: 98%;
	padding: 10px 1% 10px 1%;
	font-size: 8pt;
}

#FooterLinks
{
	width: 100%;
}	

.LinkImageLeft
{
	border: none;
	float: left;
	padding-right: 10px;
}

.LinkImageRight
{
	border: none;
	float: right;
	padding-left: 10px;
}
	
#Copyright
{
	font-size: 10pt;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #ffffff;
}					

#Ion
{
	font-weight: normal;
	font-size: 8pt;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #ffffff;
}	

/* Page header */
#Header
{
	width: 100%;
	background: #a9a9a9 url(Graphics/MetalHeader2.jpg) no-repeat scroll top left;
	padding-top: 145px;
}

#HeaderImages
{
	width:100%;
	background-color: #d8f3f9;
	height: 115px;
}

.HeaderImageLeft
{
	float:left;
	padding-top: 10px;
}

.HeaderImageRight
{
	float:right;
	width: 250px;
	padding-left: 10px;
}

#HeaderContact
{
	width: 98%;
	padding: 5px 1% 5px 1%;
	text-align: center;
	font-size: 8pt;
	color: #b0e0e6;
	background-color: #696969;
	border-bottom: solid 1px #d8f3f9;
	border-top: solid 1px #d8f3f9;
	height: 17px;
}

#HeaderContact a
{
	text-decoration:none;
	color: #d8f3f9;
}

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

#HeaderContact h1
{
	margin-top: 2px;
	margin-bottom: 0;
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	color: #dcdcdc;
	text-align: center;
}

#Navigator
{
	background-color: #000000;
	height: 25px;
	font-size: 8pt;
	color: #dcdcdc;
	margin-left: 0;
	padding-left:0;
	margin-right: 0;
	width: 100%;
	border-bottom: solid 1px #d8f3f9;
}
#Navigator ul
{
	margin: 0 0 0 0;
	padding: 5px 0 3px 0;
}	
#Navigator ul li
{
	list-style: none;
	margin: 0;
	display: inline;
}
#Navigator ul li a
{
	padding: 5px 2em;
	margin-left: 20px;
	color: #d8f3f9;
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
}		
#Navigator a:hover
{
	background-color: #d8f3f9;
	color: #2e48bd;
	font-weight: bold;
	text-transform: lowercase;
}


/* news page */
#NewsItem
{
	width: 98%;
	padding: 5px 1% 5px 1%;
	height: 405px;
}
	
#NewsItemHeadline
{
	float: left;
	width: 40%;
	border: solid 1px #c0c0c0;
	background: #ffffff url(graphics/Newspaper.jpg) no-repeat scroll top right;
	color: #000000;
	height: 400px;
	font-size: 8pt;
}

#NewsItemHeadline ul, #NewsItemHeadline li
{
	margin-left: 0;
	padding-left: 3px;
	margin-top: 0;
	padding-top: 3px;
	list-style: none;
}	

#NewsItemHeadline a
{
	background-color: #ffffff;
	color: #2e4b8d;
	text-decoration: none;
}

#NewsItemHeadline a:hover
{
	background-color: #ffffff;
	color: #f98033;
	text-decoration:none;
}

#NewsItemDetail
{
	float:right;
	width: 59%;
	height: 400px;
	border: solid 1px #c0c0c0;
	font-size: 8pt;
	background: #dcdcdc url(Graphics/metal002.jpg) repeat;
}
	
#NewsItemDetail h1, #NewsItemHeadline h1
{
	background-color: #2e4b8d;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 1px;
	padding: 5px 1% 5px 1%;
	width: 98%;
}

#NewsItemDetailInset
{
	padding: 10px 2% 10px 2%;
	width: 96%;
	background-color: #c0c0c0;
	filter: alpha(opacity=75);
	opacity: .75;
	-moz-opacity: 0.75;
	height: 353px;
}	

/* our team */
/* Meet the team */
#MeetTheTeam
{
	width: 100%;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	min-height: 400px;
	_height: 400px;
}

#MeetTheTeam a, #Home a, #AboutUs a
{
	color: #2e4b8d;
	text-decoration:none;
	font-weight: normal;
}

#MeetTheTeam a:hover, #Home a:hover, #AboutUs a:hover
{
	color: #f98033;
	text-decoration:none;
	font-weight: normal;
}	

#MeetTheTeamLeft
{
	width: 48%;
	float:left;
	padding-left: 1%;	
}

#MeetTheTeamRight
{
	width: 48%;
	float:right;
	padding-right: 1%;
}

.MeetMe
{
	width: 98%;
	padding: 5px 1% 5px 1%;
	border: solid 1px #c0c0c0;
	/*background-color: #d8f3f9;*/
	background: #dcdcdc url(Graphics/metal002.jpg) repeat;
	height: 130px;
	color: #000000;
}

.MeetMe h1
{
	background-color: #2e4b8d;
	color: #d8f3f9;
	font-size: 10pt;
	padding: 2px 2% 2px 2%;
	width: 96%;
	margin-bottom: 5px;
	margin-top: 1px;
}

.MeetMeText
{
	width: 98%;
	height: 100px;
	background-color: #c0c0c0;
	padding: 5px 1% 0 1%;
	filter: alpha(opacity=75);
	opacity: .75;
	-moz-opacity: 0.75;
}	
			
/* standard boxed header */
.BoxedHeader
{
	width: 96%;
	padding: 5px 2% 5px 2%;
	background-color: #f98033;
	color: #4682b4;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	text-transform: lowercase;
	color: #ffffff;
	height: 20px;
}
			
/* Contact section */
#ContactUs
{
	padding: 5px 5px 5px 5px;
	height: 500px;
}

#ContactUsMessage
{
	font-size: 8pt;
	background-color: #2e4b8d;
	color: #ffffff;
	padding: 5px 2% 5px 2%;
	width: 96%;
	text-align: center;
}

#ContactUs h1
{
	font-weight: bold;
	color: #000080;
	font-size: 10pt;
}

#ContactUs a
{
	color: #2e4b8d;
	text-decoration:none;
}

#ContactUs a:hover
{
	color: #f98033;
	text-decoration: none;
}				
	
.ContactUsInset
{
	padding: 10px 2% 10px 2%;
	width: 96%;
}

#ContactUsInput
{
	width: 475px;
	float:right;
	text-align: left;
	font-size: 8pt;
	color: #000000;
	background: #ffffff url(Graphics/KeyboardSmall.jpg) no-repeat scroll top right;
	border: solid 1px #c0c0c0;
	height: 450px;
}

.ContactUsMap
{
	width: 400px;
	height: 244px;
	padding-top: 5px;
}

#ContactUsDetails
{
	float:left;
	width: 400px;
	background: #ffffff url(Graphics/contactSmall.jpg) no-repeat scroll top left;
	text-align: left;
	font-size: 8pt;
	color: #000000;
	border: solid 1px #c0c0c0;
	height: 450px;
}

#ContactAddress
{
	height: 160px;
	width: 235px;
	padding-left: 140px;
}
	
#ContactUsInput h1, #ContactUsDetails h1
{
	font-weight: bold;
	color: #ffffff;
	background-color: #2e4b8d;
	font-size: 10pt;
	padding-left: 2%;
	width: 98%;
	margin-top:0;
	margin-bottom:1px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 17px;
}

/* Portfolio Browser */
.PortfolioItemHolder
{
	padding: 5px 1% 5px 1%;
	height: 170px;
	width: 98%;
}
	
.PortfolioItem
{
	padding: 10px 1% 10px 1%;
	width: 98%;
	height: 150px;
	background: #d8f3f9 url(Graphics/metal002.jpg) repeat;
	font-size: 8pt;
}	

.PortfolioItemImage
{
	float:left;
	border: none;
	padding-right: 10px;
	width: 200px;
	height: 150px;
}

.PortfolioItemHeader
{
	float:left;
	width: 640px;
	height: 17px;
	background-color: #2e4b8d;
	color: #d8f3f9;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	font-size: 10pt;
}

.PortfolioItemHeader a
{
	color: #d8f3f9;
	text-decoration: none;
}

.PortfolioItemHeader a:hover
{
	color: #f98033;
	text-decoration: none;
}		

.PortfolioItemText
{
	float:left;
	width: 640px;
	height: 113px;
	padding: 5px 5px 5px 5px;
	font-size: 8pt;
	color: #000000;
	background: #c0c0c0;
	filter: alpha(opacity=75);
	opacity: .75;
	-moz-opacity: 0.75;
}

.PortfolioItemText a
{
	color: #2e4b8d;
	text-decoration: none;
	font-weight:bold;
}

.PortfolioItemText a:hover
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}		

/* About us page */
#AboutUs
{
	padding: 10px 1% 10px 1%;
	width: 98%;
	background: #ffffff url(Graphics/LogoBack.jpg) no-repeat;
}
	
#AboutUsMotto
{
	/*background: #c0c0c0 url(Graphics/metal036.jpg) repeat;*/
	font-size: 14pt;
	/*padding: 20px 0 20px 0;*/
	height: 50px;
	width: 460px;
	text-align: center;
	/*font-weight: bold;*/
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #c0c0c0;
}

.AboutUsMember
{
	width: 100%;
	height: 110px;
	font-weight: bold;
}

.AboutUsCol1
{
	width: 15%;
	float:left;
	padding-left:13%;
}

.AboutUsCol2
{
	width: 50%;
	float: right;
	padding-top: 20px;
}			
.AboutUsPicture
{
	border:none;
	padding-left: 50px;
}	
.AboutUsRight
{
	border: none;
	padding: 10px 0 10px 10px;
	float: right;
}	

/* Home page */
#Home
{
	padding: 10px 10px 10px 10px;
	width: 880px;
	background: #ffffff url(Graphics/LogoBack.jpg) no-repeat;
}

#HomeBlurb, #HomeIntro, #HomeOutro
{
	width: 100%;
	padding-bottom: 10px;
	text-align: justify;
}

#HomeBlurb, #HomeBlurbText
{
	height: 310px;
}

#HomeFlash
{
	float:left;
	width: 400px;
}

#HomeBlurbText
{
	float:right;
	width: 470px;
}

#HomeLogoSpacer
{
	width: 460px;
	text-align: center;
	padding-left:5px;
}
	
#HomeLogo
{
	width: 460px;
	border: solid 1px #c0c0c0;
	height: 49px;
}						

#HomeBlurbText h2
{
	font-size: 10pt;
	background-color: #2e4b8d;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 1% 5px 1%;
	width: 98%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	height: 32px;
}	

#HomeBlurbText h2 a
{
	color: #d8f3f9;
	text-decoration: none;
}

#HomeBlurbText h2 a:hover
{
	color: #f98033;
	text-decoration:none;
}

#HomeBlurbTextInner
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	height: 187px;
}