@charset "UTF-8";
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif; /*Arial, Verdana, Helvetica, sans-serif*/
	color:#8b9298;
	background: #dadada;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;  /*this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 12px;
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background: #DADADA;
	padding: 39px 0 24px 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(images/site_top_bkg.gif);
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#mainContent {
	padding: 0 20px 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image: url(images/site_tile.gif);
}

#mainContent2 {
	padding: 0 20px 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image: url(images/site_tile.gif);
	height:585px;
}

#mainContent3 {
	padding: 0 20px 0 35px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image: url(images/site_tile.gif);
	height:585px;
}

#mainContentLong {
	padding: 0 20px 0 35px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image: url(images/site_tile.gif);
}

#topNav {
	text-align: right;
	padding: 5px 5px 10px 0;
	font-size: 11px;
}

#footer {
	padding: 0 10px;
}
#footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
}

#footer a:link,
	a:visited, 
	a:active {
	/*color:#8b9298;*/
	text-decoration: none;
}

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

#hmFlash {

}
#hmContent {
	padding: 15px 0 15px 0;
}
#hmFeatures {
	padding: 0 0 5px 0;
}

#svsContent1 {
	padding: 15px 0 15px 0;
	width: 250px;
	float: right;
}
#svsContent2 {
	padding: 15px 0 15px 0;
	width: 800px;
	font-size: 30px;
}

#svsContent3 {
	width: 820px;
	padding-top: 25px;
}

#svsContent3 ul {
	list-style-image: url(images/bullet.gif);
	margin: 14px; 
	padding: 0;
}

#svsContent4 {
	padding: 15px 0 15px 0;
	width: 850px;
	font-size: 30px;
}


#portfolioContent1 {
	padding: 35px 65px 0px 0px;
	width: 605px;
	float: right;
	font-size: 30px;
}

#portfolioGrids {

	width: 672px;
	font-size: 30px;
	color:#000;
}

#portfolioContentSamples {
	padding: 40px 60px 0px 10px;
	float: right;
	width: 605px;
	height: 475px;
	background-image:url(images/portfolio_bkg.jpg)
}

#portfolioBottomNav {
	width: 626px;
	padding: 5px 5px 0 8px;
}

#advertising {
	height: 420px;
	width: 636px;
}

#multimedia {
	margin: 40px 0 0 16px;	
	height: 380px;
	width: 601px;
	text-align: center;
}

#banner2 {
	margin: 0 0 0 16px;
	height: 420px;
	width: 601px;
	text-align: center;
}

#casestudyContent {
	padding: 35px 0px 0px 0px;
	width: 655px;
	margin-left: 190px;
	}

#casestudy {
	margin-left: 220px;
}

#casestudy ul {
	list-style-image: url(images/bullet.gif);
	margin: 14px; 
	padding: 0;
}

#peopleContent1 {
	padding: 35px 65px 0px 0px;
	width: 605px;
	float: right;
	font-size: 30px;
}

#peopleContent2 {
	padding: 35px 65px 0px 0px;
	width: 605px;
	float: right;
}

#contactContent1 {
	padding: 85px 65px 0px 0px;
	width: 545px;
	float: right;
}
#contactContent2 {
	padding: 85px 0px 0px 30px;
	width: 150px;
}

#svsContent3 a:link,
#svsContent3 a:visited,
#svsContent3 a:active,
#svsContent4 a:link,
#svsContent4 a:visited,
#svsContent4 a:active,
#contactContent1 a:link,
#contactContent1 a:visited,
#contactContent1 a:active,
#contactContent2 a:link,
#contactContent2 a:visited,
#contactContent2 a:active, 
#peopleContent2 a:link,
#peopleContent2 a:visited,
#peopleContent2 a:active,
#portfolioBottomNav a:link,
#portfolioBottomNav a:visited,
#portfolioBottomNav a:active,
#casestudyContent a:link,
#casestudyContent a:visited,
#casestudyContent a:active{
	color: #f79540;
	text-decoration: none;
}

#svsContent3 a:hover,
#svsContent4 a:hover,
#contactContent1 a:hover,
#contactContent2 a:hover,
#peopleContent2 a:hover{
	color: #f79540;
	text-decoration: none;
}


.dkblue {
	color: #002d56;
}

.orange {
	color: #002d56;
}

.orangeCaseHdr {
	color: #002d56;
	font-size: 14px;
	line-height: 18px;
}

.dkgrey {
	color: #333;
}

.grey {
	color: #8b9298; 
}

.greyIndent {
	color: #8b9298;
}

.greyCase {
	color: #8b9298;
	background-color:#CCC;
}
#advertising2 {
	height: 420px;
	width: 636px;
	text-align: center;
}