/*
Theme Name: Responsive Annapolis Taxi Cabs
Theme URI: http://annapolistaxicabs.com/
Author: Promotion King
Author URI: http://www.promotionking.net/
Description: The 2014 theme for Responsive Annapolis Taxi Cabs Website
Version: 1.5
License: GNU General Public License
*/

@charset "utf-8";
/* CSS Document */

@import url("css/grid.css");


* {margin:0;padding:0;outline:none;border:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

body,td,th, input, select {font-family: Arial, Helvetica, sans-serif;font-size: 14px; color:#000;}
body {background:#fff ;}
h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h1, h2, h3, h4, h5, h6, p {margin-bottom:10px;}
 ul{ list-style:none;}

a {text-decoration:none; color:#000}
a:hover {color:#000; text-decoration:underline;}
.clear {clear:both;}

hr {
clear: both;
padding-top: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e2e2e2;
}

img.alignleft {float:left; margin-right:20px;}
img.alignright {float:right; margin-left:20px;}
.width {width:960px; margin:auto; }

.button-head { background:#ffd800; clear:both; display:block; }
a.button-head { color:#fff; font-size:18px; margin:10px;padding:10px; border-radius:5px;}


header .logo-area .grid {overflow:visible;}
.logo-area{ height:80px;}

header{ background:url(images/head-bg.png) 0 0 repeat-x; display: block; position: relative;padding-top: 60px;}
header .floatleft{ margin:0px 10px;}
header .floatright{margin:0px 10px;}
header .floatright .contact-info{ float:right;}
header .floatright .contact-info .icon{  float:left; font-family:Tahoma, Geneva, sans-serif;}
header .floatright .contact-info .phone{ background:url(../../uploads/2014/07/phone2.png) no-repeat 0px; height:30px; font-size:24px; padding:0px 40px 15px 50px; font-weight: bold;}
header .floatright .contact-info .email{ background:url(images/email-icon.png) no-repeat; height:33px; font-size:18px;padding:0px 10px 15px 50px; }
header .floatright .contact-info .email a{ color:#000;}
.menu{ clear:both; font-family: Arial Rounded MT Bold; padding-top:20px;}
.menu a:hover{ text-decoration:none;}

.header{ background:#000; height:360px; margin-top:20px;}

.feature-box{ background:#ffd800;}
.feature-box .width{ padding:10px;}


.feature-box .floatright a{background:url(images/social.png) no-repeat; display: inline-block; margin-right: 5px; height: 32px; width: 32px;}
.feature-box .floatright a.facebook {background-position:0 0px;}
.feature-box .floatright a.facebook:hover {background-position:0 -43px;}
.feature-box .floatright a.twitter {background-position:-39px 0px;}
.feature-box .floatright a.twitter:hover {background-position:-39px -43px;}
.feature-box .floatright a.linkedin {background-position:-79px 0px;}
.feature-box .floatright a.linkedin:hover {background-position:-79px -43px;}
.feature-box .floatright a.rss {background-position:-119px 0px;}
.feature-box .floatright a.rss:hover {background-position:-119px -43px;}



#fscf_div_clear1_0, #fscf_div_clear1_1, #fscf_div_clear1_3,  #fscf_div_clear1_4, #fscf_div_clear1_5, #fscf_captcha_image_div1  {float:left; clear:none; margin:0px 50px 0px 0px;}
#fscf_captcha_image_div1 { margin:10px 0px 0px 0px;}

.fscf-div-submit { float:left;text-align:center; clear:both;}
#fscf_captcha_field1 .fscf-label, #fscf_captcha_field1{ width:222px;}

#fscf_captcha_image_div1 img{ width:100px; height:40px;}
#fscf_captcha_image_div1 .fscf-image-captcha-refresh{ height:20px; width:20px;}
#fscf_captcha_field1, .fscf-div-field  { float:left; clear:both;}
#FSContact1 #fscf_captcha_field1, .fscf-input-captcha{ margin-left:250px; margin-top:-20px;}

.content-area .width-35 ul.three-col {list-style:url(images/list.png); margin-left:20px;}
.content-area .width-35 ul.three-col li { width:100%; line-height:25px;}

.content-area .post-21 .entry-title {display:none;}
.content-area ul li{line-height:25px;}

.footer{background:url(images/footer-bg.png) #eeeeee 0 0 repeat-x; display: block; position: relative;padding-top: 45px; margin-top:20px;}
.footer-services .width-25{ float:left;}
.footer-services { padding-bottom:30px; border-bottom:1px solid #bebebe;}
.footer-services .width-25 h2, .footer-services .width-25 p, .footer-services .width-25 img{ text-align:center;}
.footer-services .width-25 img{ margin:10px 0;}
.footer-services .width-25:last-child p{ margin:0;}


.footer .copyright {color:#666; text-align:center; padding:10px;}
.footer .copyright a{ color:#666;}

label {width:85px; display:inline-block; line-height:25px; vertical-align:top; font-family: Arial Rounded MT Bold;}
input, textarea, select {background:#fff;  height:25px; border:1px solid #e0e0e0; line-height:25px; padding:0 10px; width:200px; box-shadow:inset #e0e0e0 0px 0px 5px;}
input[type=radio] {background:#E7E7E7; border-radius:5px; padding:0; width:25px; height:10px;}
textarea {height:65px;}
input[type=submit] {width:auto; border-radius:5px; box-shadow:0; border:0;}
.btn_submit1 input[type=submit]  {width:auto; padding:0 20px; cursor:pointer; margin:0;}


.responsive-button{ display:none; margin-top:30px;}

/* Mobile and iPad Portrait */
@media only screen and (max-width: 999px) {
	.header{ height:auto;}
	.width{ width:98%;}
	img {max-width:100%;}
header .logo-area .floatleft, header .logo-area .floatright { float:none; text-align:center;}	
.header{ margin-top:170px;}	
.responsive-button{ display:block;width:98%;}
.menu, header .floatright .contact-info { display:none;}


}
    	

   	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 767px) and (min-width: 474px) {
	.header{ height:auto; margin-top:170px;}
.width{ width:98%;}
	img {max-width:100%;}
	header .floatright .contact-info{ display:none;}
	.grid .grid-col { float:none; width:100%; overflow:auto;}
	header .logo-area .floatleft, header .logo-area .floatright { float:none; text-align:center;}	
.header{ margin-top:170px;}	
.responsive-button{ display:block;width:98%;}
.menu, header .floatright .contact-info { display:none;}

#fscf_div_clear1_0, #fscf_div_clear1_1, #fscf_div_clear1_3,  #fscf_div_clear1_4, #fscf_div_clear1_5, #fscf_captcha_image_div1  {float:none; clear:both; margin:0px 50px 0px 0px;}

    	}
		
			@media only screen and (max-width: 473px) {
.header{ height:auto; margin-top:170px;}
.width{ width:98%;}
	img {max-width:100%;}
	header .floatright .contact-info{ display:none;}
	.grid .grid-col { float:none; width:100%; overflow:auto;}
	header .logo-area .floatleft, header .logo-area .floatright { float:none; text-align:center;}	
.header{ margin-top:170px;}	
.responsive-button{ display:block;width:98%;}
.menu, header .floatright .contact-info { display:none;}
#FSContact1 #fscf_captcha_field1, .fscf-input-captcha{ margin:10px 0px 10px 0px;}


    	}