body {background: #939393; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
p {margin-top: 0px;}
a {color: #04558C;}
h1 {margin-top: 0px;}
sup {font-size: .60em;}
form {padding: 0px; margin: 0px;}

#top_container {
	width: 100%;
	height: 119px;
	background: #6F7168;
	background-image: url(../assets/images/masthead-repeat.gif);
	background-repeat: repeat-x;
}
	#headernav_container {width: 1008px; height: 120px; margin: 0px auto; background-image: url(../assets/images/sionas-masthead3.gif)}
	#header1 {width: 385px; height: 71px; padding: 19px 0px 0px 15px; float: left;}
	#header2 {width: 162px; height: 71px; padding: 0px 0px 0px 173px; float: left;}	
	#header1 h3 {margin: 0px; padding-top: 42px; height: 65px; overflow: hidden; color: #FFFFFF; font-size: 24px;}
	
	
#whitearea {width: 100%; background: #FFFFFF;}
#body_container {width: 750px; margin: 0px auto;}
	#tagline_container {width: 750px; border-bottom: 15px solid #494949;}
	

	#header_contact {padding: 10px 15px 5px; background: #8E9025; border-bottom: 10px solid #666666;}
	#header_contact h1 {margin: 0px; padding-top: 24px; height: 0px; overflow: hidden; color: #FFFFFF; font-size: 18px;}	
	#header_contact_content {width: 550px; padding: 0px 0px; font-size: 13px; line-height: 22px; color: #FFFFFF;}
	

	
	#col1 {width: 550px; float: left; padding-bottom: 20px;}
		#actioncalls {width: 530px; padding: 15px 10px 15px; background: #D8E7ED; font-size: 11px; color: #005A8A;}
			#call1 {float: left; width: 255px; padding-right: 10px; border-right: 1px solid #BED5E0;}
			#call1 h2 {margin: 0px 0px 7px; padding-top: 12px; height: 0px; overflow: hidden; background-image: url(../images/h2_call1.gif); background-repeat: no-repeat; color: #005A8A; font-size: 12px;}
			#call2 {float: left; width: 255px; padding-left: 9px;}
			#call2 h2 {margin: 0px 0px 7px; padding-top: 12px; height: 0px; overflow: hidden; background-image: url(../assetsimages/sionas-masthead2.gif); background-repeat: no-repeat; color: #005A8A; font-size: 12px;}
		#blueheader {width: 535px; padding: 9px 0px 0px 15px; background: #0059A9;}
			#blueheader h2 {margin: 0px; padding-top: 14px; height: 0px; overflow: hidden; background-image: url(../images/h2_featuredservices.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 12px;}
		#featured {width: 530px; padding: 12px 10px 15px; background: #85AFC5; font-size: 11px; color: #005A8A;}
			#feat1 {float: left; width: 188px; padding: 0px 10px 0px 67px; border-right: 1px solid #558FAE; background: #85AFC5 url(../images/feat1_background.jpg) top left no-repeat;}
			#feat1 h3 {margin: 0px; padding-top: 10px; margin-bottom: 5px; height: 0px; overflow: hidden; background-image: url(../images/h3_contentmanagement.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 12px;}
			#feat2 {float: left; width: 188px; padding: 0px 0px 0px 67px; margin-left: 9px; background: #85AFC5 url(../images/feat2_background.jpg) top left no-repeat;}
			#feat2 h3 {margin: 0px; padding-top: 10px; margin-bottom: 5px; height: 0px; overflow: hidden; background-image: url(../images/h3_creditcardprocessing.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 12px;}			
		#content {width: 530px; padding: 15px 10px 20px; line-height: 17px;}
		#case_filter {width: 530px; padding: 5px 5px 5px 15px; line-height: 17px; background: #E1E1E1;}
			#content a.external {background: transparent url(../images/external.gif) no-repeat scroll right center; padding-right: 13px;}
			#content h2.hometitle1 {margin: 0px 0px 10px; padding-top: 12px; height: 0px; overflow: hidden; background-image: url(../images/h2_hometitle1.gif); background-repeat: no-repeat; color: #666666; font-size: 12px;}
			#content h2.hometitle2 {margin: 25px 0px 10px; padding-top: 12px; height: 0px; overflow: hidden; background-image: url(../images/h2_hometitle2.gif); background-repeat: no-repeat; color: #666666; font-size: 12px;}
			#content h2.hometitle3 {margin: 25px 0px 10px; padding-top: 12px; height: 0px; overflow: hidden; background-image: url(../images/h2_hometitle3.gif); background-repeat: no-repeat; color: #666666; font-size: 12px;}
			#content .service {padding: 10px 0px; border-bottom: 1px dashed #8E9025;}
			#content .service h3 {font-size: 14px; color: #59482B; margin-top: 0px;}
			#content b {color: #666666}
			.cssform .row {clear: left; margin: 0; padding: 5px 0; padding-left: 155px; border-top: 1px dashed #8E9025; height: 1%;}
			.cssform .row_alt {clear: left; margin: 0; padding: 5px 0; border-top: 1px dashed #8E9025; height: 1%; color: #666666}
			.cssform label {font-weight: bold; float: left; margin-left: -155px; width: 150px;}
			.cssform input[type="text"] {width: 180px;}
			.cssform textarea {width: 250px; height: 150px;}
			* html .threepxfix {margin-left: 3px;}
		.pages_top {width: 530px; text-align: right; padding: 5px 10px 0px; font-size: 11px;}
		.pages_bot {width: 530px; text-align: right; padding: 5px 10px 0px; font-size: 11px;}
			.pages_top a, .pages_bot a {color: #968E4F; text-decoration: none;}
			.thepage {color: #968E4F; float: right; padding: 2px 5px; border: 1px solid #968E4F; margin-left: 5px;}
		.portfolio_item {width: 260px; margin: 15px 0px 10px 10px; float: left; color: #999999; font-size: 11px;}
			.portfolio_item .mainimg {background: #E0DCBE; padding: 5px; border: 0px;}

	
	#col2 {
	width: 200px;
	height: 513px;
	float: left;
	padding-bottom: 0px;
}
		#grayarea {width: 180px; padding: 10px 10px 15px 10px; background: #CACACA url(images/contact-anime.gif) top left no-repeat; font-size: 11px; color: #666666;}
		#smallcontact {overflow: hidden; height: 273px; width: 180px; padding: 0px; margin-bottom: 10px; background: #FCE9DC url(../images/greenarea_background.gif) bottom left no-repeat; font-size: 11px; color: #666666;}
			#smallcontact h2 {margin: 0px; padding-top: 23px; height: 0px; overflow: hidden; background-image: url(../images/h2_contactus.gif); background-repeat: no-repeat; color: #666666; font-size: 14px;}
			#smallcontact_content {padding: 7px;}
			#smallcontact_content_thinking {padding: 12px;}
			#smallcontact_content_thankyou {padding: 7px;}
			#smallcontact_content .row {padding-bottom: 3px;}
			#smallcontact_content .label {width: 35px; padding: 2px; float: left; color: #335313; font-weight: bold; font-size: 10px;}
			#smallcontact_content .field { padding: 3px; float: left; color: #FFFFFF;}
			#smallcontact_content input {width: 117px; padding: 1px; border: 1px solid #335313; font-size: 12px; background: #FFFFFF; color: #666666;}
			#smallcontact_content textarea {width: 157px; padding: 2px; border: 1px solid #335313; font-size: 12px; background: #FFFFFF; overflow: auto; color: #666666; font-family: inherit; font-size: inherit;}
		#casestudies {width: 180px; padding: 0px;}
			#casestudies h2 {margin: 0px; padding-top: 23px; height: 0px; overflow: hidden; background-image: url(../images/h2_recentcasestudies.gif); background-repeat: no-repeat; color: #333333; font-size: 14px;}
			#casestudies img {margin-top: 10px; padding: 5px; border: none; background: #FFFFFF}
			#casestudies h3 {margin: 7px 0px; color: #005A8A; font-size: 12px;}
			
#bot_container {width: 100%; height: 60px; background: #939393; border-top: 8px solid #585858;}
#foot_container {width: 750px; margin: 0px auto;}
	#foot_col1 {width: 550px; float: left; padding-bottom: 20px;}
		#foot_col1_content {width: 524px; margin-top: 10px; padding: 0px 15px 5px 10px; font-size: 11px; color: #666666;}
		#foot_col1_content a {color: #666666;}
	#foot_col2 {width: 200px; float: left; padding-bottom: 20px;}
		#foot_col2_content {width: 180px; padding: 10px 10px 20px; font-size: 11px; color: #666666;}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 310px; 
	height: 239px;
	overflow: hidden;
	border:0px;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:310px;
		height:239px;
		overflow:hidden;
		float:left;		
		}
	div.section img {padding: 4px; background: #999999;}
	div.scroller div.scroller_content {
		width: 10000px;
		}