body {
	background-image: url('images/background.png');
	background-repeat: no-repeat;
	background-position: 0px -8px;
}

.bottombar {
	height: 120px;
	background-image: url(images/bottom.png);
}


.maincontainer {
	width: 1000px;
	position: relative;
	top: 17px;
	margin: auto;
}

.topmain {
	width: 1000px;
	height: 350px;
}

.logo {
	padding-left: 250px;
	height: 140px;

}

.middle{
	width: 1000px;
	height: 370px;
}

img.sample {
	position: relative;
	float: right;
	top: -50px;
}

.imageslider {
	width: 600px;
	height: 350px;
	position: relative;
	top: 30px;
	left: 0px;
	background-color: black;
}

.joinblurb {
	position:relative;
	width: 370px;
	padding-left: 615px;
	top: -330px;
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 45px;
}

p.whatwedot {
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
	line-height:10px;
	color: #eb1c24;
}

.whatwedo {
	position:relative;
	padding-left: 10px;
	width: 600px;
	top: 0px;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 20px;
}

.clients {
	padding-left: 10px;
	width: 600px;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
}

.qr{
	height: 248px;
	width: 248px;
	position: relative;
	float: right;
	top: -55px;
}

.mark {
	position: relative;
	float: right;
	top: -30px;
}

.whymobiler {
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
	height: 85px;
}

.whymobilers {
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
	line-height: 37px;
}

.whymobiles {
	text-align: left;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
	line-height: 37px;
}

.whymobilel {
	text-align: left;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 20px;
	line-height:30px;
	width: 1000 px;
	height: 220px;
}

.whymobileb {
	text-align: left;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 20px;
	color: #b7d7f7;
}

.servicess {
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
	height: 400px;
}

.servicesq {
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
}

.servicessb {
	text-align: left;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
}

.servicesfig {
	height: 400px;
	width: 600px;
	position: relative;
	float: left;
	top: -32px;
}

.packages {
	position: relative;
	padding-left: 160px;
	width: 680px;
}

.abouts {
	text-align: left;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
	height: 40px;
}

.aboutm {
	text-align: left;
	font-family: "Times New Roman";
	font-size: 17px;
	line-height: 23px;
}

.thomas {
	position: relative;
	top: 410px;
	left: 200px;
}

.contacts {
	text-align: left;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 30px;
	height: 270px;
}

.contactr {
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 20px;
	height: 270px;
}

.contactp {
	position: relative;
	left: 165px;
	top: 9px;
}

.portfolios {
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Arial", "Times New Roman";
	font-size: 27px;
	height: 270px;
}
	
.portfoliop {
	text-align: center;
	position: relative;
	padding-left: 200px;
}

.portfolior {
	width: 600px;
	height: 500px;
}
	

/* Sign Up Button*/
.cta-button {
	position: relative;
	left: 700px;
	top: -50px;
  display:block;
  width:200px;
  height:50px;
  background:url(images/call_to_action_sprite.jpg) no-repeat 0 -50px;
}
.cta-button a {
  display:block;
  width:100%;
  height:100%;
  background:url(images/call_to_action_sprite.jpg) no-repeat 0 0;
  text-indent:-9999px;
}
.cta-button a:hover {
  background-position: 0 50px;
}

/* SLIDER */
/* SLIDER */

.window {
	height:100px;	width: 600px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	top: 0; left: 0;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}



/* FOOTER */
/* FOOTER */

.alignf{
	width: 715px;
	position:relative;
	margin-left: auto;
    margin-right: auto;
}

#footer{
	height:85px;
	width:715px; 
	margin-top:18px; 
	position: relative;
}
#footer p{padding-top: 20px; font:15px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#cdcdcd;}
#footer p span{font:15px Trebuchet MS, sans-serif;}
#footer p a{font:15px Trebuchet MS, sans-serif; font-weight:normal; color:#cdcdcd; text-decoration:none; text-align:center; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#869496; color:#fff}