* {
	margin:0;
	padding:0;
		}
 
html, body {
		height:100%;
		}
 
@font-face {
 font-family: 'Calibri';
 src: url(../fonts/Calibri.eot); /* For Internet Explorer 6+ */
}
@font-face {
 font-family: 'Calibri';
 src: url(../fonts/Calibri.ttf); /* For non-IE browsers */
}	 
 
body {
	    background-color:#999999;
		font-family:Calibri;
		font-size:14px;
		line-height:16px;
		color:#000000;
		text-align:center;
		margin-top:0px;
		background-image:url(../images/bg.jpg);
		}
p { margin-bottom:10px;
}		
		
h1 { margin-bottom:10px;
	 font-size:26px;
	 font-family: Calibri;
	 color: #979595
}		
h2{ margin-top:0px;
    font-family: Calibri;
	margin-bottom:10px;
	text-align:left;
	display:block;
	font-size:18px;
	font-weight:bold;
	width:100%;
	color: #474547
}		
					
		
a:link { color:#FFFFFF; text-decoration: none; }		
a:visited { color:#FFFFFF; }	
a:hover { color:#ACA8A8; }	
		
.clear {

		clear:both;
}		
	
.site-container {
		margin:0 auto;
		text-align:left;
	    width:1000px;
	    height:auto;
	
}

.header {
    background-image: url("../../../images/logoshadesoftan2.png");
    background-repeat: no-repeat;
    float: left;
    height: 145px;
    text-align: left;
    width: 1000px;
}

.header-fullwidth {
	width:100%;
	height:auto;	
}

.header-fullwidth .inner {
	    width:1000px;
	    height:auto;
		margin:auto;	
}

.top {
		text-align:left;
	    width:1000px;
	    height:auto;
		float:left;
}


.main {
		text-align:left;
	    width:1000px;
	    height:auto;
		float:left;
		background-image: url("../images/main-bg.jpg");
}

.left {
		text-align:left;
	  	width:225px;
	  	height:auto;
		float:left;		
}

.left ul {
		list-style:none;
}
.left li {
		list-style:none;
}
.left img {
		border-style:none;
}

.content {
		text-align:left;
		width:710px;
	    height:auto;
		float:left;
}
.content-top {
		text-align:left;
		width:100%;
	    height:auto;
		float:left;
		padding-left: 15px;
		padding-top: 15px;
}
.content-body {
		text-align:justify;
		width:auto;
	    height:auto;
		float:left;
		clear:both;
	    padding: 25px;
}

.content-body li {
		margin-left:15px;
}
.content-bottom {
		text-align:left;
		width:97%;
	    height:auto;
		float:left;
		clear:both;
		padding:15px;
}

.right {
		text-align:left;
	    width:290px;
	    height:auto;
		float:right;
		margin-top: 15px;
}

.bottom {
		text-align:left;
	    width:1000px;
	    height:auto;
		float:left;
}

.footer {
		text-align:left;
	    width:1000px;
	    height:300px;
		float:left;
		background-image:url(../images/footer.jpg);
		background-repeat: no-repeat;
		margin-bottom: 10px;
}


.footer, .footer a {
		text-align:center;
		font-size:10px;
}

.footer2 {
	    width:100%;
	    height:auto;
		clear:both;
}

.footer-menu {
	margin-top: 5px;
}


.contact h3 {
		display:none;
}


.addthis_toolbox {


}

.top ul {
width:975px;
	background-image:url(../images/menu-bgSOT.png);
	display: block;
	padding-left: 25px;
    height: 46px;
	font-family: 'Calibri';
	font-size: 18px;
}


.top ul.menu li {
	float:left;
	list-style-type:none;

	
}

.top ul.menu li a {
	color: #fff;
    display: block;
    height: 31px;
    padding-top: 15px;
    text-align: center;
    padding-left: 15px;
	padding-right: 15px;
	margin-left: 0px;
	text-decoration:none;
}

.top ul.menu li a:hover, .top ul.menu li.active a {
color:#fff;	
background-color: #57585a;
}

.cta {
	background-image:url(../images/cta-bg.jpg);
	background-repeat: no-repeat;
	text-align:center;
	font-size:18px;
	font-family: 'Calibri';
	padding-top: 10px;
	height: 26px;
	color:#fff;
	font-weight:bold;
	margin-bottom:7px;
}

.contact_left {
float:left;
width:400px;	
}

.contact_right {
	float:right;
	width:550px;
	padding: 10px;
	border: 1px solid #ccc;
	color: #000000;
	text-align: left;
	font-family: 'Calibri';
	margin-right: 50px;
	margin-top: 0px;
}

.share-text {
	float: left;
	margin-right: 10px;
	margin-top: -15px;
	background-image:url(../images/share-bg.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	height: 31px;
	font-family: 'Calibri';
	font-size: 18px;
}

.share {
width:400px;	
margin-top: 160px;
margin-left: 670px;
position: absolute;
z-index: 100;
}

.html {
	float: left;
	padding-left: 15px;
	padding-top: 2px;
}

.css {
	float: right;
	padding-right: 15px;
	padding-top: 2px;
}

.bullets {
	margin-left: 15px;
	float: left;
}

.page-full-width {
	width: 970px;
}

.page-left {
	float: left;
	width: 455px;
	margin-bottom: 20px;
}

.page-right {
	float: left;
	width: 455px;
	margin-left: 15px;
}

    .card {
        width: 165px;
        height: 80px;
        position: relative;
        display: inline-block;
		float: left;
		margin-left: 15px;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top:  0;
        left: 0;
        z-index: 99;
    }
    .card:hover .img-top {
        display: inline;
    }

.homepage-bullets-1 {
	background-color: #e1dede;
	width: 460px;
	height: 105px;
	padding-top: 15px;
	padding-left: 15px;
}
.homepage-bullets-3 {
	width: 900px;
	height: 300px;
	background-image:url(/images/3bottom.jpg);
	background-repeat: no-repeat;
}
.homepage-bullets-2 {
	background-color: #e1dede;
	width: 460px;
	height: 105px;
	padding-top: 15px;
	padding-left: 15px;
}

.address {
	position: absolute;
	z-index: 150;
	width: 240px;
	background-color: #AAA5A5;
	padding: 10px;
	color: #FFFFFF;
	text-align: left;
	font-family: 'Calibri';
	margin-right: 15px;
	font-size: 14px;
	line-height: 18px;
	margin-top: 25px;
}


.freeparking {
	background-image:url(/images/Maps/freeparking.png);
	background-repeat: no-repeat;
    float: left;
    height: 220px;
    text-align: left;
    width: 755px;
	margin-top: 215px;
	margin-left: 90px;
}


.map {
	position: relative;
	width: 545px;
	height: 400px;
	border: 1px solid #ccc;
	z-index: 200;
}

.blue {
	color: #123a6d;
}

.services-bg {
	background-image:url(/images/page-left2.png);
	background-repeat: no-repeat;
	padding: 25px;
	margin-bottom: 15px;
	font-size: 14px;
	width: 625px;
}

.tel-numbers {
	float: right;
	color: #fff;
	text-align: right;
	font-family: 'Calibri';
	margin-right: 15px;
	font-size: 22px;
	line-height: 24px;
	margin-top: 35px;
}
#content-left {
    width:240px;
    float:left;
    position:absolute;
    top:249px;
    left:20px
}
.body-home #content-left {
    width:200px;
      top: 1290px;
    left:20px
}
    #content-left {
        max-width:728px;
        float:left;
        width:100%;
        position:relative;
        top:inherit;
        left:inherit;
    }
    .body-home #content-left {
        max-width:728px;
        width:100%;
        top:inherit;
        left:inherit;
        position:relative;
    }

/*Tablet View*/
@media (min-width: 401px) and (max-width: 768px){
header {
	background-color: #F9060A;
	height: auto;
	width: auto;
}

/*Mobile View*/
@media (max-width: 400px){
}