@font-face {
    font-family: "Futuramc";
    src: url("/landing/RuskinInspectorESFiles/Styles/Fonts/Futuramc.eot?#iefix") format("embedded-opentype"), 
         url("/landing/RuskinInspectorESFiles/Styles/Fonts/Futuramc.ttf") format("truetype");
}

#Table1{
	width:100%;
	text-align:center;
}

body {
    margin: 0;padding: 0;
    background-color: #F6F4ED !important;
    background-image: none;
}

p, ul, li, table.list {
    font-family: verdana;
    font-style: italic;
    font-size: 13px;
}

table.headerText {
    font-family: Futuramc;
    font-style: italic;
    font-size: 74px;
	color: #FFC345;
	text-shadow: rgb(46, 46, 46) 0 8px 5px;
}
.main{
	text-align:center;
}
img {
    border: none;
}

.container {
    width: 900px;
    margin: 0 auto;
    background-image: url("../Images/BlueDiagonals.png");
    background-size: cover;
}

#header {
    background-image: url("../Images/ruskinInspectorHead.png");
    min-height: 641px;
    opacity: 0.8;
}

#header div.head {
    color: #FFC345 !important;
    text-shadow: rgb(46, 46, 46) 0 8px 5px;
    background-image:  url("../Images/Fade.png");
    background-repeat: repeat;
    background-size: contain;
	width: 100%;
	line-height: none !important;
}

.headerText {
    margin-left: 40px;
}

.headerText tr {
    vertical-align: top;
}

#content {
    width: 100%;
    overflow: auto;
    background-color: #FFFFFF;
    opacity: 0.8;
}

.leftContent {
    width: 50%;
    float: left;
    margin: 46px 0 46px 46px;
    
}

.leftContent ul li {
    display: inline;
    padding-right: 20px;
}

.rightHighlightBox {
    background-color: #E7E7E9;
    width: 38%;
    float: right;
    margin: 76px 46px 46px 0;
    -webkit-box-shadow: 3px 4px 10px 0 #323232;
    -webkit-box-shadow: 3px 4px 10px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 4px 10px 0 #323232;
    -moz-box-shadow: 3px 4px 10px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 3px 4px 10px 0 #323232;
    box-shadow: 3px 4px 10px 0 rgba(50, 50, 50, 0.75);
}

.rightHighlightBox p {
    margin: 20px;
}

.backgroundSwirl{
    width: 900px;
    margin: auto;
    top: 296px;
    height: 445px;
    background-image: url("../Images/3533-YellowSwirl.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: absolute;
}

.productCircleBox{
    height: 175px;
    width: 175px;
    position: absolute;
    z-index: 99;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.productCircleBox img {
    border-radius: 50%;
    border: 3px solid #FFC345;
}

.remoteControlImg {
    float:right; 
    height:200px; 
    width:156px;
}

#footer {
    background-color: #FFFFFF;
    opacity: 0.8;
}

#footer a.ruskinLogo {
    margin-left: 46px;
}

#footer img.footerLogo {
    margin-right: 10px;
}

.socialIcons {
    float: right;
    margin-right: 36px;
}

.qrcode {
    height: 75px;
    width: 75px;
}

.amcaMember {
    height: 50px;
    width: 100px;
}

.iso9001 {
    height: 50px;
    width: 100px;
}

.twitter {
    height: 50px;
    width: 50px;
}

.facebook {
    height: 50px;
    width: 50px;
}

.youtube {
    height: 50px;
    width: 100px;
}

.footerAddress {
    margin-left: 58px;
}

.list td span:before {
    content: "• ";
    color: #FFC345;
    font-size: 20px;
}

.list {
    width: 100%;
}

.list td {
    width: 33%;
}

#imgPatented {
    position: absolute;
    height: 88px;
    width: 200px;
}

.headerText > td {
	color: #FFC345 !important;
}