* {
	margin:0;
	padding:0;
		}
html {
    -webkit-text-size-adjust: 100%; /*fixes font size increase in iphone landscape mode*/
}
 
html, body {
		height:100%;
		}
		
		
 
@font-face {
 font-family: 'cabin-regular';
 src: url(fonts/cabin-regular-webfont.eot); /* For Internet Explorer 6+ */
}
@font-face {
 font-family: 'cabin-regular';
 src: url(fonts/cabin-regular-webfont.ttf); /* For non-IE browsers */
}	

@font-face {
 font-family: 'Roboto-BoldCondensed-webfont';
 src: url(fonts/Roboto-BoldCondensed-webfont.eot); /* For Internet Explorer 6+ */
}
@font-face {
 font-family: 'Roboto-BoldCondensed-webfont';
 src: url(fonts/Roboto-BoldCondensed-webfont.ttf); /* For non-IE browsers */
}	

 
 
body {
	    background-color:#D8D8D8;
		font-family:cabin-regular;
		font-size:13px;
		line-height:16px;

}

ul.list_style_1 li {
  float: left;
  line-height: 20px;
  margin-left: 15px;
  padding-right: 10px;
  text-transform: uppercase;
  list-style-type:circle;
  width: 250px;
}



.site_wrapper {
	width:80%;
	margin:auto;
	background-color:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
	padding:20px;
	max-width:1200px;
	
}

@media all and  (max-width: 600px)  {
	.site_wrapper {
	  margin-top: 0;
	  padding: 10px 0 0;
	  width: 100%;
	  margin:auto;
	  
	}
}
/*COLOR */ 

h1, h2, .hilite, .company-name {

	color:#0189FF;

}


.cta {
  	font-size: 20px;
	line-height:20px;
}
@media all and  (max-width: 600px)  { 
.cta {
	font-size:18px;	
	
}}



.company-name {
  font-family: 'Roboto-BoldCondensed-webfont';
  font-size: 36px;
  line-height: 32px;
}

.header_left {
	float:left;
	width:50%;
}

.header_right {
	float:right;
	width:50%;
}


.phone {
  background-image: url("images/phone-icon.png");
  background-repeat: no-repeat;
  float: right;
  font-size: 30px;
  height: 30px;
  margin-top: -4px;
  padding-left: 50px;
  padding-top: 5px;
}



@media all and  (max-width: 1000px)  {
	.header_left, .header_right {
		width:100%;
		text-align:center;
	}
		.phone {
		  float: none;
		  margin: 20px auto auto;
		  width: 200px;
		}
		.email {
		  clear: both;
		  margin-top: -20px;
		}		
}

@media all and  (min-width: 1000px)  {
	.email {
	  float: right;
	  text-align: right;
	  margin-top: -5px;
	   clear: both;
	}
}





.company-tagline {
  margin-top: 10px;
  top: 40px;
}








h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:10px;
	margin-top:10px;
	line-height:18px;
}

h2 {
  font-family: roboto-boldcondensed-webfont;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-left: 15px;
}

p {
	margin-bottom:10px;
	line-height:18px;
}

/*.right li {
    float: left;
    line-height: 18px;
    margin-bottom: 10px;
    width: 50%;
}*/

ul.bottomlist li {
  float: left;
  padding-right: 30px;
  text-align: center;
}

ul.bottomlist {
	width:90%;
	margin:auto;
	margin-bottom:20px;
}

.header {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
  padding: 10px;
  position: relative;
}

ul.left_list {
	clear:both;
}





.top {
  background-color: #E5E4E1;
/*  background-image: url("images/transparent-image.png");
  background-position: right bottom;
*/  background-repeat: no-repeat;
  margin-bottom: 20px;
  padding: 20px;
  	position:relative;

}

.top_inner {
		background-image:url(images/big-image.jpg);
	background-repeat:no-repeat;
	height:100%;
}




.top_left {
	width:65%;
	float:left;
}

.top_right {
  background-color: #E5E4E1;
  float: right;
  padding-left: 20px;
  width: 30%;
}
a.for-sale-badge {
  position: absolute;
  display:block;
  right: 35%;
  top: 30px;
}

a img {
	border:none;
}
ul.list_style_1 {
	padding-left:20px;
}

@media all and  (max-width: 1000px)  {
	.top_left {
	  float: left;
	  height: 300px;
	  width: 100%;
	}
	
	.top_right {
	  background-color: #E5E4E1;
	  float: right;
	  padding-left: 0;
	  width: 100%;
	}
	a.for-sale-badge {
	  position: absolute;
	  right: 2%;
	  top: 30px;
	  display:block;
	}
}

.top img {
  float: left;
 
  max-width: 100%;
}

.left {
  float: left;
  padding-left: 20px;
  width: 65%;
  margin-bottom:-20px !important;
}

.right {
	float:left;
	width:30%;
	
}

a:link {text-decoration: none; color:#000000;}

@media all and  (max-width: 1000px)  {
	.left {
  width: 96%;
}

.right {
  margin: auto;
  width: 90%;
  
}

}

.main img {
  float: left;
  margin-bottom: 20px;
  margin-left: -20px;
  max-width: 49%;
  padding-right: 20px;
}
.main img.last {
  clear: both;
  float: left;
  margin-right: 0;
}

.share {
  margin: 20px auto auto;
  width: 300px;
}

@media all and  (max-width: 600px)  {
		.left {
	  margin: auto;
	  width: 90%;
	}
	.main img {
		display:none;
	}
/*	.right {
	  margin: auto;
	  width: 90%;
	}
*/	
}

.main {
	width:100%;	
}

.right ul {
	/*margin-left:10px;*/
}


@media all and  (max-width: 1000px)  {
	.right ul {
		/*margin-left:10px;*/
		/*width:90%;
		margin:auto;
		margin-top:30px;*/
	}
	
/*	.right li {
	  float: left;
	  padding-right: 20px;
	  width: 45%;
	}
*/}

@media all and  (max-width: 600px)  { 
	.right ul {
		/*margin-left:10px;*/
		width:100%;
		float:none;;

	}
	.right li {
/*		  float: left;
	width:100%
*/		}

}



.footer {
  border-top: 1px solid #CCCCCC;
  margin-top: 30px;
  padding: 20px 10px;
  text-align: center;
}

.footer p {
  font-size: 18px;
  line-height: 20px;
  padding-top: 10px;
   font-family: 'Roboto-BoldCondensed-webfont';

}

@media all and  (max-width: 600px)  { 
.footer p {
  font-size: 14px;
}
}


.site_wrapper,
.header,
.top,
.left,
.right,
.footer,
.top_right,
.main
 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}





a.for-sale-badge {
	background-image:url(images/domain-for-sale-badge.png);
	width:	134px;
	height:149px;
}

a.for-sale-badge:hover {
	background-image:url(images/domain-for-sale-badge-hover.png); {
		
	}