/*

Theme Name: Hotswots

Theme URI: http://webkumpany.com/


Author: the Webkumpany team

*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */


html {
	margin:0px;
	padding:0px;
}
a img {
	border:none;
}
ul {
	margin:0px;
	padding:0px;
}
ul li {
	margin:0px;
	padding:0px;
	color: #6B757A;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
}
a {
	color:#00385B;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration:underline;
}
p {
	color: #6B757A;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	margin-bottom:10px;
	padding: 0;
}
#contactform {
	color: #6B757A;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	padding: 0;
}
#banner-txt H2 {
	font-family:calibri;
	font-size:36px;
	font-weight:bold;
	color:#8dc63f;
	text-align:center;
}
#banner-txt p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:white;
	line-height: 30px;
	text-align:center;
}
.banner-white {
	color:white;
}
.main-portfolio {
}
.main-portfolio ul {
	list-style:none;
	margin:0px;
}
.main-portfolio ul li {
	display:inline-block;
	margin:0px 160px 30px 0px;
	padding:0px !important;
}
.main-portfolio ul li a {
	display:block;
}
#portfol-social {
	background:url(images/socialmedia1.png) no-repeat;
	width:141px;
	height:176px;
}
#portfol-social:hover {
	background:url(images/socialmedia2.png) no-repeat;
	width:141px;
	height:176px;
}
#portfol-newslet {
	background:url(images/newsletter-design1.png) no-repeat;
	width:141px;
	height:176px;
}
#portfol-newslet:hover {
	background:url(images/newsletter-design2.png) no-repeat;
	width:141px;
	height:176px;
}
#portfol-webdesign {
	background:url(images/webdesign1.png) no-repeat;
	width:141px;
	height:176px;
}
#portfol-webdesign:hover {
	background:url(images/webdesign2.png) no-repeat;
	width:141px;
	height:176px;
}
#portfol-branding {
	background:url(images/branding1.png) no-repeat;
	width:141px;
	height:176px;
}
#portfol-branding:hover {
	background:url(images/branding2.png) no-repeat;
	width:141px;
	height:176px;
}
#mob-app {
    background: url("http://hotswots.com/wp-content/uploads/2013/10/Mob-app-dev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 176px;
    width: 141px;
}
#mob-app:hover {
    background: url("http://hotswots.com/wp-content/uploads/2013/10/Mob-app-dev2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 176px;
    width: 141px;
}
#portfolio-new ul li {
	list-style:none !important;
	float:left;
	margin-right:54px;
}
#portfolio-socialmed ul li {
	list-style:none !important;
	float:left;
	margin-right:22px;
}
.portfolio-pagination {
}
.portfolio-pagination ul {
}
.portfolio-pagination ul li {
	list-style:none !important;
	display:inline-block;
	margin-right:5px;
}
.portfolio-pagination ul li a {
}
.portfolio-pagination ul li a:hover {
	color:#6DB942;
}
#portfolio-div ul li {
	list-style:none !important;
	float:left;
}
#empty_div {
	height: 99px;
}
.alignright {
	float:right;
	padding:10px;
}
.alignleft {
	float:left;
	padding:10px;
}
.clear {
	font-size:0px;
	clear:both;
}
.bluebold {
	color:#00385B;
	font-weight:bold;
}
h1 {
	color:#6db942;
	font-size:26px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h3 {
	color:#555;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:10px 0px;
	margin:0px;
}
h2 {
	color:#555;
	font-size:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:10px 0px;
	margin:0px;
}
body {
	background-color:#ecf0f2;
	margin:0px;
	padding:0px;
}
#header_wrap {
	background:url(images/header_bg.jpg) repeat-x;
	height:367px;
}
#menu_wrap {
	background:url(images/menubg.jpg) repeat-x;
	height:49px;
}
#inner_header {
	width:1000px;
	margin:auto;
}
#left_inner_head {
	width:419px;
	float:left;
}
#right_inner_head {
	width:530px;
	float:right;
}
#callnow {
	float:right;
	color:white;
	margin-top:10px;
	background:url(images/callus_icon.png) no-repeat;
	padding-left:25px;
	padding-right:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}
#logo {
	width:407px;
	margin-top:15px;
}
#slider {
	margin-top: 10px;
	width: 342px;
}
#shNext {
	margin-left: -5px;
}
#shPNNav {
	margin-top: -13px;
	position: relative;
	text-align: center;
	z-index: 10000;
}
#intro_text {
	margin-top: 0px;
}
#highlighted {
	color: white;
	font-family: arial;
	font-size: 52px;
	font-weight: bold;
	margin-top: 14px;
}
#sub-head {
	color: white;
	font-family: verdana;
	font-size: 20px;
	margin-top: 14px;
}
#quote_btn {
	width: 315px;
	float: right;
	margin-top: 70px;
}
/*******navigation*********/ 


#menu_wrap {
}
#nav_left {
	background:url(images/nav_left.png) no-repeat;
	width:7px;
	height:60px;
	float:left;
}
#nav_right {
	background:url(images/nav_right.png) no-repeat;
	width:7px;
	height:60px;
	float:right;
}
#main_menu {
	background:url(images/nav_center.png) repeat-x;
	width:1000px;
	margin:auto;
	height:60px;
}
#main_menu ul li a {
	padding-top:20px;
	color: #FFFFFF;
	padding-left:6px;
	padding-right:4px;
	display: block;
	margin-left:-2px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding-bottom:30px;
	text-decoration: none;
}
#main_menu ul .current_page_item a {
	color:#024369 !important;
}
#main_menu ul li ul .current_page_item a {
	background:none !important;
}
#main_menu ul .current_page_item a {
	background:url(images/nav.png) repeat-x !important;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}
#main_menu ul .current_page_item ul li a {
	background:none !important;
}
#main_menu ul .current_page_item:hover #post-menu {
	width:13px !important;
}
#main_menu ul .current_page_item #post-menu {
	margin-left:0px !important;
}
#main_menu ul li a:hover {
	background:url(images/nav.png) repeat-x;
	color:#024369;
	text-decoration:none;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}
#main_menu ul li li a {
	display: block;
	float: none;
	font-size: 14px;
	padding: 10px;
}
#main_menu ul li li a:hover {
	text-decoration:none;
}
#main_menu li ul li {
	color:#4b9123;
}
#main_menu li ul li:hover {
	color:#4b9123;
	text-decoration:none;
	background:url(images/sub-menu-hover.png) repeat-x !important;
}
#main_menu ul li {
	float: left;
	margin-top: -11px;
	list-style: none outside none;
}
#main_menu ul li:hover a {/* turn currently hovered menu anchor to on position*/
	background:url(images/nav.png) repeat-x;
}
/* now turn off sub levels because they will be turned on by the above rule*/ 

#main_menu ul li:hover li a {
	background:transparent
}
/*	#main_menu ul li:last-child { background:none; }*/ 


#main_menu li:hover ul, #main_menu li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width:inherit;
}
#main_menu li:hover li, #main_menu li.hover li {
	float: none;
}
#main_menu li:hover li a, #main_menu li.hover li a {
	border:0;
}
#main_menu li ul {
	width:125px;
	display:none;
	z-index:1000;
	position:relative;
}
#main_menu li ul li a:hover {
	background:none;
}
#main_menu li ul li {
	background: none repeat scroll 0 0 #4B9123;
	height: 40px;
	margin-top: 0;
	width: 200px;
}
 #main_menu li ul li:ist-child {
margin-top: 59px;
}
#main_menu li li a:hover {
	background-color: #072C74;
	text-decoration:underline;
}
#main_menu li:hover ul {
	display:block;
	margin-top:60px;
}
/*******navigation*********/ 

#pre-loader {
	display:none;
}
#content_body {
	width:1000px;
	margin:auto;
}
#right_body {
	background: url("images/wdgt_bg.jpg") repeat-y scroll 0 0 transparent;
	float: right;
	padding-left: 16px;
	padding-top: 13px;
	width: 303px;
}
#search-bar {
	float: right;
	width: 300px;
}
#left_body {
	width:636px;
	float:left;
	padding-bottom:10px;
	padding-top:16px;
}
#left_body ul {
	margin-bottom:10px;
	padding-left:22px;
}
#footer_top {
	background:url(images/footer-top.jpg);
	height:5px;
}
#footer_wrap {
	background:#00395c;
}
#right_body h3 {
	color: #00385B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 6px;
}
#right_body h1 {
	color: #00385B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 6px;
}
#con-b {
	color: #00385B;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 11px;
}
#right_body h2 {
	color: #00385B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	padding:0px;
	margin:0px;
	font-weight: bold;
}
#social-icons ul li {
	list-style:none;
	float:left;
	padding-left: 6px;
}
#social-icons ul li img {
	width:43px;
}
#right_body li {
	list-style:none;
	padding-bottom:15px;
}
.fields {
	background: url("images/fields-bg.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #6B757A;
	font-size:13px;
	height: 30px;
	margin-bottom: 1px;
	margin-top: 12px;
	width: 185px;
	padding-left: 10px;
}
#contact-form-1 tr td p {
	color: #003D60;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
}
.wpcf7-submit {
	background: url("images/submit.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	display: block;
	float: left;
	font-size: 0;
	height: 44px;
	margin-bottom: 10px;
	margin-left: 56px;
	margin-top: 14px;
	width: 286px;
}
#footer_inner {
	width:1000px;
	margin:auto;
}
#footer_menu {
	float: left;
	margin-top: 10px;
	width: 1000px;
}
#b-f-menu h3 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
#footer_menu ul li {
	border-bottom: 1px solid;
	border-top: medium none;
	list-style: none outside none;
	margin-left: 22px;
	width: 300px;
}
#footer_menu ul li ul li {
	margin-left:0px;
}
#b-f-menu li {
	float:left;
	width: 237px;
	list-style:none;
}
#footer_menu ul li a {
	color: #6DB942;
	display: block;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: 8px 10px;
	text-decoration: none;
}
#footer_menu ul li a:hover {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
	text-decoration: none;
}
#copyright {
	margin-top: 15px;
	color: #6DB942;
	text-align:center;
	padding-bottom:10px;
	font-size:12px;
}
#copyright a {
	color:#6DB942;
	text-decoration:none;
}
#copyright a:hover {
	text-decoration:underline;
}
.menu-header {
	float: left;
	width: 700px;
}
#searchform #s {
	background: url("images/searrch-bg.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	height: 28px;
	margin-top: 8px;
	padding-left: 10px;
	width: 260px;
}
#search-3 {
	list-style:none;
}
#pre-menu {
	float: left;
	height: 10px;
	width: 15px;
}
#post-menu {
	float: left;
	margin-left:-2px;
	height: 10px;
	width: 15px;
}
#main_menu ul li:hover #pre-menu {
	background:url(http://hotswots.com/wp-content/themes/hotswots/images/left-1.png) no-repeat left top;
}
#main_menu ul li:hover #post-menu {
	background:url(http://hotswots.com/wp-content/themes/hotswots/images/right-1.png) no-repeat right top;
}
#main_menu ul li ul li #pre-menu {
	display:none;
}
#main_menu ul li ul li #post-menu {
	display:none;
}
#small_thumb {
	float: right;
	margin-top: -81px;
	position: relative;
	width: 144px;
	z-index: 1000;
}
#greenish {
	color: #8DC63F;
	font-family: verdana;
	font-size: 75px;
	font-weight: bold;
}
#web-txt {
	color: #ECF0F2;
	font-family: verdana;
	font-size: 79px;
	font-weight: normal;
}
#design {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:52px;
	color:#ecf0f2;
}
#sub-head {
	font-family:Calibri;
	color:#8dc63f;
	font-size:36px;
}
#sub-headone {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ecf0f2;
}
#left_body ul li {
	margin-left: 0px;
	padding-bottom: 8px;
	line-height: 17px;
	list-style: url(images/bullet.png);
}
.logo_footerb { /*float:right; display:none;*/
}
.name {
	margin-bottom: 35px;
	font-family:arial;
	color:#00385B;
}
div.wpcf7-response-output {
	margin-top:3em 0.5em 1em !important;
}
#wrapper-hosting {
	float: left;
	margin: auto auto 30px;
	width: 650px;
}
#header-hosting {
	border-bottom: 1px solid #C8C8C8;
	height: 111px;
	margin: auto;
	width: 605px;
}
.col1 {
	display: block;
	float: left;
	margin: auto;
	text-align: center;
	width: 145px;
}
.col1 p {
	color:#7db83b;
}
.col2 {
	width:168px;
	float:left;
	margin:auto;
	display:block;
	text-align:center
}
.col3 {
	width:168px;
	float:left;
	margin:auto;
	display:block;
	text-align:center
}
.col4 {
	width:154px;
	float: left;
	margin: auto;
	display: block;
	text-align: center;
	border-right: none !important;
}
.odd {
	background: #f3f3f3;
	width: 638px;
	height: 43px;
	border-left: 4px solid;
	border-right: 6px solid;
	border-color: 
 rgba(128, 128, 128, 0.32);
	margin-top: -5px;
}
.even {
	background:#FFFFFF;
	height: 37px;
	float: left;
	width: 638px;
	border-left: 4px solid;
	border-right: 6px solid;
	border-color:rgba(128, 128, 128, 0.32) !important
}
.prices ul li div {
	list-style:none;
	border-right:1px solid;
	border-color:#A4A4A4;
	height:37px;
}
.prices ul li {
	list-style:none
}
.prices {
	float: left;
	border-color:#A4A4A4 !important;
}
.prices ul li p {
	margin:0px;
	padding-top:6px;
	font-family: calibri;
	font-size: 15px;
	font-weight: bold;
}
#last_li {
	border-bottom: 6px solid !important;
}
.prices ul li {
	list-style:none !important;
}
#post_image img {
	float: left;
	height: 150px;
	width:150px;
	margin-right:8px;
	border:1px solid #04537e;
	padding: 7px;
}
#bloag_post_wrap {
	clear: both;
	height: auto;
	margin-bottom: 7px;
	margin-top: 10px;
	overflow: hidden;
}
#bloag_post_wrap h1 {
}
.blog-page hr {
	margin-bottom:5px;
}
#bloag_post_wrap p {
	padding: 8px 0 0;
}
#bloag_post_wrap h1 a {
	font-size: 22px;
	color: #6DB942;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#wrapper-hosting ul li {
	padding-bottom: 0 !important;
}
#respond .required {
	color: #FF4B33;
	font-weight: bold;
}
#respond input {
	margin: 0 10px 10px;
	width: 55%;
}
#respond p {
	margin: 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
.entry-utility {
	display:none;
}
#nav-above {
	display:none;
}
#nav-below {
	display:none;
}
#respond textarea {
	margin-left: 3px;
	width: 73%;
}
#respond label {
	color: #888888;
	float: left;
	font-size: 12px;
}
#respond .form-allowed-tags {
	color: #888888;
	font-size: 12px;
	line-height: 18px;
}
#help-img {
	margin-left:-2px;
}
.textcolor {
	background-color: #00395C;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	height: 80px;
	padding-left: 22px;
	padding-top: 15px;
	width: 600px;
	margin-top: 33px;
}
.greentext {
	color:#33CC00;
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.sametex {
	color:#FFFFFF;
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.buttoncolor {
	height: 32px;
	margin-bottom: 18px;
	margin-left: 339px;
	margin-top: -20px;
	padding-left: 4px;
	width: 129px;
}
.buttoncolor a:hover {
	background-color:#FF0000;
	text-decoration:none;
}
.white {
	background-color: #CC3333;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 1px;
	font-size: 22px;
}
.imgarrow {
	margin-left: 396px;
	margin-top: -8px;
}
#rps .slider {
	background: none repeat scroll 0 0 #FFFEFE;
	font-family: Arial, Verdana;
	font-size: 12px;
	left: 0;
	position: absolute;
	top: 0;
}
.imgmistakes {
background: url("http://hotswots.com/wp-content/uploads/2013/04/option-Box_03.jpg") no-repeat scroll 0 0 transparent;
width:310px;
height:206px;
margin-left: -10px;
}

.lowermistakes{ float: left;
    margin: 105px 0 0 21px;
    padding-top: 12px;}

.fieldwebmistakes{
background:#f1f5f7;
border:1px solid #aebbc3;
width:134px;
height:23px;
}

.buttonmistakes {
background:url(images/mistakesbtn.png) no-repeat;
border:none;
cursor:pointer;
width:90px;
height:32px;
float:right;
margin:5px 11px 0px 0px;
}
#right_body ul li {
	list-style:inside;
}
#social-icons ul li {
	list-style:none;
}

#digdig-manual{ overflow:hidden; margin:15px 0px;}
#digdig-manual ul{ padding:0px;}
#digdig-manual ul li{ list-style:none; float:left;}