/**********************************************************
/**********************************************************
/******* Developer		  : Denis Koo           ***********
/******* Date	  		  : 03/05/2010          ***********
/******* Last Update	  : 03/05/2010          ***********
/**********************************************************
***********************************************************/
body{
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
}

img{	
	border:none;
	outline:none;
}

a:link, a:active, a:visited, a:focus{
	text-decoration:underline;
	color:#00baff;
}

a:hover{
	color:#000000;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#000000;
}

a:active
{
outline: none;
}

/*
a:focus
{
-moz-outline-style: none;
}
*/
.topcontain{
    position:relative;
    width:166px;
    float:left;

}
.topseo{
    font-family: /*'Carme',*/ tahoma, ariel, cursive;
    position:absolute;
    top:0px;
    width:166px;
    text-align:center;
    padding-top:111px;
    z-index:2000;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
}
.topseobutton{
    position:absolute;
    top:0px;
    width:166px;
    height:163px;
    z-index:3000;
}
.tcontain2{
    margin-left:10px;
}
.align-text-center{
	text-align:center;
    width:342px;
    margin-left:auto;
    margin-right:auto;
}


h1,h2{
	color:#00baff;
}

h3{
	color:#636363;
}

h2{
	font-size:28px;
}

h3{
	font-size:24px;
}

h4{
	font-size:20px;
	color:#858585;
}

hr {
  border: 0;
  width: 100%;
  color:#eeeeee;
  background-color:#eeeeee;
  height:1px;
}

/******* begin//Header Section */

#rotapix-slogan{
	margin-top:17px;
	margin-bottom:0;
	color:#B4B4B4;
	font-size:18px;
}

#rotapix-slogan-sub{
	color:#7e7e7e;
	font-size:18px;
	font-style:italic;
}

.header-full-width{
	width:100%;
	clear:both;
	background-color:#282828; /* Shade of Black */
	height:120px;
}

.header-top{
	width:960px;
	margin:0 auto;
}

#header-logo{
	margin-top:15px;
	margin-left:10px;
}

#phone-num{
	font-size:30px;
	margin-top:10px;
}

.align-right{
	text-align:right;
}

.nav-left{
	background-image:url('../img/rounded-border-left.png');
	background-repeat:repeat-x;
}
.nav-right{
	background-image:url('../img/rounded-border-right.png');
	background-repeat:repeat-x;
}

.margin-left-20{
	margin-left:20px;
}

.pad-top-20{
	padding-top:20px;
}



#youtube-vid{
	width:300px; height:246px;
}

.twtr-ft{display:none;}
.twitter-widg{
	width:250px;
	margin-left:35px;
}
.twit-pix{
	position:relative;
	top:-148px;
}


.float-left{
	float:left;
}

.float-left{
	float:left;
	position:relative;
}

#nav-left-tweak{
height:33px;margin-right:0px;width:80px;
}

#main-nav-tweak{
height:32px;background-color:#282828;margin-left:0px;margin-right:0px;
}

#nav-right-tweak{	
height:33px;margin-left:0px;width:80px;
}
/******* end//Header Section */

/******* begin//Slider Section */

.slider-full-width{
	width:100%;
	clear:both;
	background-image:url('../img/slider-bg.png');
	height:300px;
}

.main-full-width{
	width:100%;
	clear:both;
	height:125px;
	background-image:url('../img/background-alldiv.png');
	background-repeat:no-repeat;
}

.padtop20px{
	padding-top:20px;
}

p {
color:#5c5c5c;
}

.footer-full-width{
	width:100%;
	clear:both;
	background-color:#282828; /* Shade of Black */
}

.align-right{
	text-align:right;
}

.footerlinksanchor a:active, .footerlinksanchor a:focus, .footerlinksanchor a:visited, .footerlinksanchor a:link{
	color:#eaeaea;
	text-decoration:none;
}
.footerlinksanchor a:hover{	
	text-decoration:underline;
	border-top-width:0px;
}

.white-col{
	color:#ffffff;
}

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

.center-all{
	text-align: center; 
	margin: 0 auto;
}

#contact-side-bar
      {
        background:transparent url('../img/contact-side.png') no-repeat scroll 0px 0px;
        height:227px;
        left:0;
        position:fixed;
        top:170px;
        width:52px;
      }
div#contact-side-bar:hover
{
background-position:-0px -228px;
}

#contact-side-bar a
{
display:block;
height:227px;
width:52px;
}

.read-blog {
	background: #ffffff url("../img/read-blog.png") no-repeat;
	width:202px;
	height:72px;
	
}
.read-blog:hover {
	background: #ffffff url("../img/read-blog.png") 0px -72px no-repeat;
}
.read-blog a {
	text-indent: -99999px;
	display:block;
	width:202px;
	height:72px;
	border:0 none;
}

#main-content-margin-top{
	margin-top:20px;
}

.breadcrumbs{
	font-size:10px;
	color:#a3a3a3;
}

 .bigdef{
	font-size:14px;
 }
 
 .margin-top-30{
  margin-top:30px;
 }
 
  .margin-bottom-30{
  margin-bottom:30px;
 }
 
 .margin-left-80{
  margin-left:80px;
 }
 
 
 
.f1 {
	/*padding-left:20%;
width:30%;*/
width:48%;
	padding-left:2%;
	float:left;
	margin-bottom:2px;
	padding-bottom:1px;
}
.odd {
	background-color:#f9f9f9;
}
.f2 {
	width:50%;
	float:left;
	margin-bottom:2px;
	padding-bottom:1px;
}
.f2 input {
	border:solid #c4c4c4 1px;
}
.f1 span {
	color:#c70000;
	font-weight:900;
}

.ranking-form {
	border:dotted #eeeeee 1px;
	padding:10px;
	width:600px;
	margin:0 auto;
}

/* Services boxes */

.leftBoxSer {
	margin-right:30px;
	width:390px;
	float:left;
}
.rightBoxSer {
	width:460px;
	;
	float:left;
}
.dnrbut, .wdbut, .whbut, .ombut {
	width:220px;
	height:91px;
	float:left;
}
.dnrbut a, .wdbut a, .whbut a, .ombut a {
	border:0 none;
	text-indent:-99999px;
	width:220px;
	height:91px;
	display:block;
}
.dnrbut, .wdbut, .whbut, .ombut, .dnrbut a, .wdbut a, .whbut a, .ombut a {
	width:220px;
	height:91px;
}
.dnrbut {
	background: #ffffff url("../img/button-template.png") -2px -2px no-repeat;
}
.dnrbut:hover {
	background: #ffffff url("../img/button-template.png") -224px -2px no-repeat;
}
.wdbut {
	background: #ffffff url("../img/button-template.png") -2px -277px no-repeat;
	margin:0 0 10px 10px;
}
.wdbut:hover {
	background: #ffffff url("../img/button-template.png") -224px -277px no-repeat;
}
.whbut {
	margin-left:10px;
	background: #ffffff url("../img/button-template.png") -2px -94px no-repeat;
}
.whbut:hover {
	background: #ffffff url("../img/button-template.png") -224px -94px no-repeat;
}
.ombut {
	background: #ffffff url("../img/button-template.png") -2px -186px no-repeat;
	margin-bottom:10px;
}
.ombut:hover {
	background: #ffffff url("../img/button-template.png") -224px -186px no-repeat;
}

.readmore:hover,.cs_article a:hover{
	text-decoration:none;
}

.socialpadding{
    width:67px;
    padding-top:30px;
    padding-bottom:30px;
}

p.button1{
    background-image:url('/includes/img/button1.png');
    background-repeat:no-repeat;
    width:227px;
    height:53px;
    font-size:23px;
    color:#fff;
    padding:9px 0 0 3px ;
    margin:10px 0 15px 0;
    text-align:center;
    position:relative;
    float:left;
}

.button1:hover{
    background-image:url('/includes/img/button2.png');
    background-repeat:no-repeat;
}

div#domainSearchBox ul.tlds {
list-style: none outside none;
margin: 0;
padding: 20px 0 20px 50px;
width: 400px;
}


div#domainSearchBox div {
display: inline;
}
.www {
visibility: visible;
font-size: 16px;
}
div#domainSearchBox div {
display: inline;
}
.domain input[type="text"] {
font-size: 14px;
padding: 8px;
width: 300px;
}
input[type="text"], input[type="password"], textarea {
border: 1px inset;
}
input[type="text"], input[type="password"], textarea {
background-color: white;
border: 1px solid #BBB;
font-size: 13px;
text-align: left !important;
}
input, input:active, input:focus {
outline: 0;
outline-style: none;
outline-width: 0;
}
div#domainSearchBox div {
display: inline;
}
.search {
background: none;
display: inline;
float: none;
height: auto;
margin: 0 0 0 0;
padding: 5px;
width: auto;
}
div#domainSearchBox ul.tlds {
list-style: none outside none;
margin: 0;
padding: 20px 0 20px 50px;
width: 400px;
}
div#domainSearchBox ul.tlds li {
color: #333;
float: left;
line-height: 2em;
margin: 0;
padding: 0;
width: 95px;
}
.clearboth{
    clear:both;
    padding-bottom:15px;
}
.domainregh2{
    padding-left:20px;
}