/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
		background-color:none;
}
col. {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
	background-color:none;
}

h1 
{
    width: 100%;
}
.left_box {
    float: left; 
    width: 100%; 
}
.right_box 
{
    float: right; 
    width: 60%; 
  
}
.right_list 
{
    float: right; 
    width: 60%; 
    top: -140px;
    right: 50px;
    position: relative;
  
}
.case_image 
{
    float: right;
    margin-top: -25px;
}
.case_paragraph 
{
    position: relative; 
    top: -100px;
}
.case_story
{
    position: relative;
    top: 0px;
}
.left_story
{
    position: relative;
    width: 60%;
    float: left;
}
.header_image
{
    width: 215px;
    float: right; 
    padding-left: 15px;
}
.man_left 
{
    padding-right: 10px;
}
.border_contents
{
    padding-top: 15px;
}
.c_test
{
    border: 1px solid #cdcdcd; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    padding-top: 10px; 
    background: #f6fafc;
}


.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 768 PIXELS */

@media only screen and (max-width: 768px) {
.novertmargin{
	margin-top:50px;
	margin-bottom:50px;
	}

.col {
	margin: 1% 0 1% 0%;
	}
.clients {
		
		width:49.2%;
		
}
.candidates {
	
		width:23.8%;
		
}
.expense {
	
		width:23.8%;

	}
.subMenuColumn {
	
		width:100%;
		display:none;
}
.smallMenuOpen	{
		border: 2px solid black; 
		margin-top: -2px; 
		color: #FFFFFF; 
		background-color: #DB0217; 
		float: right; 
		width: 100px;
		height: 16px; 
		font-size: 12px; 
		font-family: verdana;
		font-weight: bold; 
		padding-left: 10px; 
		display: block; 
		text-align: right;
}
	
.smallMenuClose	{
		border: 2px solid black; 
		margin-top: -2px; 
		color: #FFFFFF; 
		background-color: #DB0217; 
		float: right; 
		width: 65px;
		height: 16px; 
		font-family: verdana;
		font-size: 12px; 
		font-weight: bold; 
		padding-left: 10px; 
		display: block; 
		text-align: right;
}
.left_box {
    width: 100%;
    border-bottom: 1px solid black;
}

.right_box {
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border-bottom: 1px solid black;

}
.left_list 
{
    width: 60%;
    margin: 0px;
    float: left;
  
}
.right_list 
{
    width: 60%;
    margin: 0px;
    float: right;
  
}
.case_image 
{
   display: none;
}
.top_image
{
    width: 215px;
    padding-bottom: 10px;
}
.man_right
{
    width: 100%;
    padding-left: 0px;
}
}

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
.col {
	margin: 1% 0 1% 0%;
	}
	
.callout{
	text-align:center;
	border: 1pt solid #cccccc;
}
.callout2{
	text-align:center;
	border: 1pt solid #cccccc;
	position: relative;
	left: -3px;
}

.intro {
	line-height:1.4em;
	}

.clients {
		
		width:100%;
		display:none;	
}
.candidates {
	
		width:100%;
		display:none;
}
.expense {
	
		width:100%;

}

.subMenuColumn {
	
		width:100%;
		display:none;
}

.left_box {
    width: 100%;
    border-bottom: 1px solid black;
}
.right_box {
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border-bottom: 1px solid black;
}

.right_list 
{
    width: 60%;
    float: left;
    left: 0px;
    top: -15px;
  
 }

.header_image 
{
  width: 100%;
  padding-bottom: 5%;
}
.case_paragraph
{
 top: -15px;
}
.man_left
{
    width: 100%
}
.man_right
{
    width: 100%;
    padding-left: 0px;
}
.border_contents
{
    border-top: 1px solid #cccccc;
}