/* common */
*{padding:0; margin:0; border:0; }
p{padding:0 0 15px 0; }
.clear{clear:both;}
.push{clear:both;}


/* GLOBAL CSS STYLES */
html{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; height: 100%;}
body { background: #fff url(images/bg-top-default.gif) repeat-x; color: #585858; font-size: 1.2em; height: 100%;}
body.noback { background: #fff url(images/bg-top-topservice.gif) repeat-x;}
body.lowback{
    background: #fff url(images/bg-top-low.gif) repeat-x;
}

a { color: #E20879; text-decoration: none; }
a:hover { text-decoration: underline; }

h2{font-size: 1.5em; padding: 10px 0 20px 0; font-weight: normal;}

#mainwrap { width: 930px; margin: 0 auto -30px; min-height: 100%; height: auto !important; height: 100%;}

#logo { width: 212px; height: 70px; padding: 28px 0 0 0; float: left; }
#mainmenu { width: 700px; height: 68px; color: #fff; float: right; }
  #mainmenu ul { float: right; list-style: none none; height: 20px; margin: 65px 0 0 0;}
  #mainmenu ul li { float: left; list-style: none none; padding: 0 0 0 63px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; display: block; height: 20px;}
  #mainmenu ul li a { color: #6a6a6a; padding: 0 0 3px 0; text-transform: lowercase; height: 20px;}
  #mainmenu ul li a:hover, #mainmenu ul li a.active{color: #000; background: url(images/mainmenu-border.gif) repeat-x left bottom; text-decoration: none; }
 
  
#footer { width: 100%; background: url(images/bg-footer.gif) repeat-x left bottom;}
#footer, .push { height: 30px; }
#footer-content{ margin: 0 auto; width: 930px;}
#footer p{ font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 350px;}

  
/********************** HOME PAGE ************************/
#home-flash { width: 930px; height: 280px; margin: 0 auto; }

#flash{width: 930px; height: 280px;}
#demo{width: 930px; height: 365px; position: relative; bottom: 7px;}

/****************** INSIDE PAGE **********************/
#banner{width: 930px; height: 280px; margin: 0 0 20px 0; }
#maincontent{width: 930px; background: #fff;}

#sidemenu{float: left; width: 250px; padding: 15px 0 0 0;}
#sidemenu ul{list-style: none;}
#sidemenu ul li{padding: 10px 20px 10px 20px; background: url(images/tick.gif) no-repeat left center; border-bottom: 1px solid #adadad; }
#sidemenu ul li a{ color: #474747;}
#sidemenu ul li a span{color: #003a67;}

#content{float: right; width: 580px; padding: 0 0 20px 0; }
#content h1{font-size: 1.8em; color: #000; margin: 10px 0 15px 0; font-weight: normal;}
#content h1.homeh1{font-size: 1.2em; color: #828282; margin: 10px 0 15px 0; font-weight: normal;}
#content p, #content ul {line-height: 1.6;}
#content ul{list-style: disc outside; margin: 0 0 15px 20px;}
#content p a img{float: left;}

#banner a{display: block; float: right; position: relative; width: 300px;
height: 200px;}

#reseller{float: right; margin: 10px 0 0 0;}

#contactbox{width: 270px; height: 147px; display: block; margin: 0 0 40px 0;}
#contactbox a{display: block; float: left; width: 130px; height: 30px; position: relative; top: 100px;}

#offerbox{width: 273px; height: 147px; display: block; background: url(images/offerbox.gif); margin: 0 0 40px 0;}
#offerbox a{display: block; float: left; width: 130px; height: 30px; position: relative; top: 100px;}
/********************** CONTACT FORM *********************/

#contactwrap{
	width: 570px;
	float: left;
	margin: 0 0 20px 0;
}

#contactwrap form{
	width: 570px;
	margin: 15px 0 40px 0;
	clear: left;
}

#form-left{
	width: 170px;
	float: left;
}

.recform-left{
  width: 180px;
	float: left;
}

.recform-message, .recform-message #messagediv, .recform-message textarea{
  width: 480px;
  float: left;
}

.rec-message{
  width: 500px;
  float: right;
  position: relative; left: 10px;
}

#form-right{
	width: 170px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select,option{
  height: 18px;
}

input, select, textarea{
	border: solid 1px #ddd;
	background: transparent url(images/contact-input-back.gif) repeat-x;
	width: 160px;
}

option{background: white;}


#messagediv{
  width: 380px;
  float: left;
}

#contactwrap textarea{
	width: 400px;
	background: transparent url(images/contact-textarea-back.gif) repeat-x left bottom;
}

#domaindiv{
  float: right;
  position: relative; right: 8px;
}

#submitdiv input, #kcsubmitdiv input{
	float: right;
	background: url(images/contact-send-button.gif) no-repeat;
	width: 78px;
	height: 29px;
	border: 0;
	color: white;
	font-size: 1px;
}

#kcsubmitdiv input{
  float: left;
}

#contactwrap #submitdiv input{
  position: relative; top: 20px; right: 50px;
}

#recommendwrap #submitdiv input{
	float: left;
	background: url(images/contact-send-button.gif) no-repeat;
	width: 78px;
	height: 29px;
	border: 0;
	color: white;
	font-size: 1px;
	position: relative; bottom: 30px;
	padding: 0; margin: 0;
}

#errorwrap{
	width: 300px;
	padding: 10px 10px 10px 70px;
	min-height: 78px;
	margin: 0 0 20px 0;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
}

/****************** TEMPLATES ******************/
#confirmright{
  float: right;
  width: 425px; 
  position: relative; right: 80px;
}

#confirmright img{
  border: solid 1px #ddd;
  padding: 0 0 0 0;
  float: left;
}

#confirmleft{
  float: left;
  width: 410px;
}

#confirmleft #contactwrap{
  width: 400px;
}

#confirmleft #contactwrap form{
  width: 400px;
}

#confirmleft #contactwrap #submitdiv input{
  position: static; margin: 10px 10px 0 0;
}

#confirmleft #contactwrap textarea{
  width: 390px;
}
.botbut
{
margin-top: 30px;
padding-bottom: 30px;
margin-right: 50px;
}
.foot
{
color: #e40474;
}