body
{
	background-color: #AAA; //55A
}


div#heading
{
	font: bold 22px/45px "Helvetica Neue", Helvetica, sans-serif !important;
	
	
		position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 2em;
	width: 100%;
    color: white;
    background: black;
   	text-align: center;
    padding:10px;
}

div.intro
{
	font: 14px/18pt "Helvetica Neue", Helvetica, sans-serif;
	color: black;
	background: white;
}

div.reference-title
{
	font-weight:bold;
}

div.quote
{
	font-style:italic;
	margin-left: 90px;
}

div.employer-title
{
	font-weight:bold;
}

div.employer-desc
{
	margin-left: 90px;
	padding-bottom: 16px;
}

.box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 2em;
	padding: 0;
	text-align: left;
	width: 100%;	
	background-color: white;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-radius: 6px; // for Opera
	}
 	
.content
	{
	padding:6px;
	margin-left:12px;
	margin-right:12px;
	}

.h2
    {
 	font: 18px/24pt "Courier New",monospace;   
    font-weight: bolder;
    }
    	
td
	{
	vertical-align:top;
	padding: 6px;
	}	

.wrapper {
    overflow:hidden;
    width:1400px;
    padding-bottom: 20px; /* Don't cut off shadow */
}
.wrapper div {
    width:100%;
}
.wrapper img {
    width:40;
    height:40;
    float:left;
    margin:16px 16px 0 0;
}

img {
	box-shadow: 3px 3px 5px #888888;
	padding: 2px
	}

*------------------------------------*\
    $IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
    /*--- iPhone only CSS here ---*/
        body{
        -webkit-text-size-adjust:none;
        font-family:Helvetica, Arial, Verdana, sans-serif;
        padding:5px;
    }
        div{
        clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
    }
}