html {font-size:62.5%;}

h1 {font:3em/150% "Helvetica Neue",  Helvetica, Arial, Verdana, "Times New Roman", Times, serif; padding-bottom:0.5em; color:#1e6278;}
h2 {font:1.7em/150% "Helvetica Neue",  Helvetica, Arial, Verdana,  "Times New Roman", Times, serif; padding-bottom:0px; color:#1e6278; }

h3 {font:1.3em/150%  "Helvetica Neue", Helvetica,  Arial, Verdana, "Times New Roman", Times, serif; margin-bottom:0.8em;color:#568202; }
h4 {font:1.1em/100% "Helvetica Neue", Helvetica,  Arial, Verdana, "Times New Roman", Times, serif; color:#1e6278;  padding-bottom: 0px ; margin-bottom: 15px;  line-height:150%; }
h5{font-weight: bold; padding-bottom:5px; border-bottom:1px solid #d9d9d9; margin-bottom:10px;color:#1e6278;}
p {margin-bottom:1em;}
a {color:#0388a5; text-decoration:none; overflow:hidden; }
a:hover{color:#5c8701;}
hr {border:0; border-bottom: 1px solid  #d9ecaa; color:#d9ecaa; height: 1px; padding-top: 20px; }
blockquote {font: italic 1em Georgia, Verdana,  "Times New Roman", Times, serif; line-height: 150%; margin-bottom: 1em;  }
em{font: italic 1em  Georgia, Times, "Book Antiqua", serif;}
blockquote p{margin:0; padding: 5px 10px 5px 0;}
span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;

	}
strong {font-weight:bold;}
.red {color:red;}
.tip {padding:15px; background:#fffdec; border:2px solid #e3a179; margin-bottom:20px;}
.success {padding:15px; background:#defbff;border:2px solid #018fa4; color:#018fa4; margin-bottom:20px; font-size:1.2em;}
.heading {font-family: "Helvetica Neue", Helvetica, Verdana, "Times New Roman", Times, serif; text-transform: uppercase; text-align: center;}
.center {text-align: center; color: #007f9d; margin-bottom: 2em;}
.error {background:#fdd8bf; color:red; border:2px solid red; padding:15px; margin-bottom:20px; font-size:1.2em;}
.bullet {margin-bottom:10px;}
.bullet li {padding: 5px 0 5px 20px; background: url(../images/bullet.png) 0 8px no-repeat; 
}
.checksum {color:#a6a6a6; font-style:italic;}
.padding {padding:15px 25px;}
.center {text-align:center;}
ol {margin: 0px 0 10px 0; list-style:decimal; padding-left: 10px;}
ol li {margin: 5px 0 5px 10px;}
#load {width:60px; height:60px; background:#09afc8  url(../images/load.gif) center no-repeat; text-indent:-9999px; position: fixed; top:450px; margin-left:448px;border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; z-index:10; opacity:0.8; -moz-opacity:.8; display:none;  }

/* initial style form */


#wrap {width:970px; margin:0px auto; }


#header { width: 930px; height: 120px;}
#header h1 a { background: url(images/tapmedia-logo.png); width: 100px; height: 106px; margin: 0px 0 0 7px; float: left; overflow: hidden; text-indent: -500px; display: inline; }
#header ul  {float:right}
#header ul li { display: block; float: left; padding: 0 10px; }
#header ul li a { display: block; float: left; height: 33px; line-height: 33px; color: #ffffff; font-size: 15px; text-decoration: none; font-weight:bold; text-transform: uppercase; padding: 0 16px; }
#header ul li a:hover { color: #454545; }
#header ul li.current_page_item a, #header ul li.current_page_item a:hover { color: #690167; background: none; }


/*=== SUBPAGE ==*/
#body-top {height:5px; background:url(images/body-top.jpg) 2px 0 no-repeat;}
#body { background:url(images/body-bg.jpg) 2px 0 repeat-y; }
#body-bottom {height:12px; background:url(images/body-bottom.jpg) 2px 0 no-repeat;}
.banner {margin-left:-22px; margin-top:-20px;}



		#signup-heading {width:290px; height: 50px; background: url(../images/sprite-icons.jpg) 0px -600px no-repeat; display: block; text-indent: -9999px; margin: 0 auto 5px auto; padding: 0;}
		#signup-top {width: 960px; background: url(images/blue-bg.gif) no-repeat top left; height: 10px; margin-bottom: 20px;}
		#signup-intro {width: 450px; float:left; margin-right:28px;}
		#signup-intro h2{color:#014f86;}
		#signup-outline {padding: 4px; background: #255488;width: 432px; float: right; border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius: 10px;}
		.package li {padding: 5px 0 5px 20px; background: url(../images/bullet.png) 0 8px no-repeat; 
		}
		ul.package {border-bottom:1px solid #d9d9d9; margin-bottom:10px; padding-bottom:5px;}
		#signup-form {width: 390px;   background: #aec8dd; border: 1px solid #255488; padding: 20px;border-radius:10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;}
		#signup-form dl {overflow: hidden; line-height: 150%; margin-bottom:10px;}
		#signup-form dt {float:left; display: block; width: 120px;padding: 8px 0 0 0; clear:both;}
		#signup-form dd {display: block; width: 240px; margin-left:140px; margin-bottom:10px;}
		#signup-form .text {background: #fff; padding: 5px; border:1px solid #255488; display: block; width: 222px; display:block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		#signup-form .text:focus { border:1px solid #255488;background:#eeffff;}
		#signup-form .input {background: #255488; display: block; padding: 3px; border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
		#signup-form  input {font:1.2em Verdana, Arial, Tahoma, sans-serif;}
		.checkbox {margin:0;vertical-align: middle; vertical-align: top; width:auto; margin-top: 2px;}
		#signup-form #contact_subject.text{width:230px;}
		#signup-bt {width: 180px; height: 40px; background: url(images/submit-button.jpg) no-repeat 0px 0px; display: block;  margin:0 auto;border:0; margin-top: 10px;cursor: pointer; text-indent:-9999px;}
		#signup-bt:hover, #signup-bt.hover {background-position:-182px 0px; cursor: pointer;}
		#captcha_img {margin-bottom: 3px;}
		#signup-form h2 {text-align:center; text-transform:uppercase; margin-bottom:10px;}
		
		 .textarea {background: #fff; padding: 5px; border:1px solid #255488; width: 222px;border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		 .textarea:focus { border:1px solid #255488; background:#eeffff; width:222px;border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}

		#cols-top {height:5px; background:url(../images/sub-body-top.png) 2px 0 no-repeat;}
		#cols { background:url(../images/sub-body-bg.png) repeat-y 2px 0; overflow:hidden;}
		#cols-bottom {height:12px; background:url(../images/sub-body-bottom.png) 2px 0 no-repeat;}	
		#left {width:245px; float:left;}
		#right {width:675px; float:right; margin-right:30px; padding:15px 0;}
	


	#footer {width: 925px; height:180px; padding: 20px 20px 10px 20px; overflow: hidden; clear:both; margin:20px 0 0 2px;  background:#aec8dd url(images/footer.jpg) 0 0; overflow: hidden; }

	#footer-links {float:left; }
	#footer-links li {float:left; width: 180px; padding-right: 10px; color: #1e6278; line-height: 100%;}
	#footer-links li ul {margin-top:10px;}
	#footer-links h1 {font-size:11.3px; font-weight:bold; width:170px; line-height: 137%;}
	#footer-links h2 {font-size:15px; font-weight:bold; width:180px; padding-top:0px;}

	.icon {float:right;padding-top:5px;padding-left:5px;padding-bottom:5px;}
	.twitter {margin-left:13px;}
	.last {width:100px;}
	#footer-links li li {float:none; padding-right: 0; text-transform: none; line-height: 175%;}
	#footer-links a {color:#546b75;}
	#footer-links a:hover{color:#034657;}
#credit a {color:#546b75; padding-bottom:20px;}
#credit a:hover{color:#5c8701;}


	#credit {margin:  0 0 20px 4px;  width:965px; background: url(../images/footer.png) 0 -385px no-repeat; padding-top:20px; }
	#credit a {color:#00596d;}
	#credit-left {width:600px; float:left;text-align:left;}
    #credit-right { float:right;margin:5px 2px 0 0;}
	#credit-right a{width:90px; height:50px; background:url(../images/sprite-icons.jpg) no-repeat -150px -700px;display:block; text-indent:-9999px;}

	

.column {
	margin-top: 35px;
	width: 440px;
	position: relative;
	z-index: 50;
}



.left {
	margin-right: 30px;
	float: left;
}

.right {
	float: right;
}

.app-columns {
	margin-left: -2px;
	padding: 5px 5px 10px 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ebebeb;
}




.button {
	display: block;
	height: 21px;
	text-indent: -999em;
	margin-bottom: 10px;
	background-position: left;
}

.button:hover {
	background-position: center;
	cursor: pointer;
}

.button:active {
	background-position: right;
}



.more-info {
	background-image: url(images/button_more_info.png);
	width: 81px;
}

    .app{
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 5px;
	height: 90px;
	overflow: hidden;
	line-height: 1.4;
}

.app h3 {
	font-size: 1em;
	margin: 0 0px 1px;
}

.app h3 a.title {
	font-size: 1em;
	font-weight: bold;
	margin: 0 7px 0 0;
	color: #191919;
	line-height: normal;
	display: inline;
}

.category {
	color: #b3b3b3;
}

.app img {
	float: left;
	margin: 2px 15px 0 0;
}

.app .button {
	float: right;
	margin: 10px 0 30px 20px;
}

/* styles links to look like h3 titles */
a:link.title,
a:visited.title {
	font-size: 1.5em;
	margin: 0 0 5px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #191919;
	text-decoration: none;
	display: block;
}

/* inline links with arrow */
a:link.arrow-right,
a:visited.arrow-right {
	background: url(../images/arrow_right.png) no-repeat right center;
	padding-right: 7px;
}

a:hover.arrow-right {
	background: url(../images/arrow_green_right.png) no-repeat right center;
}

a:link.arrow-left,
a:visited.arrow-left {
	background: url(../images/arrow_left.png) no-repeat left center;
	padding-left: 8px;
}

a:hover.arrow-left {
	background: url(../images/arrow_green_left.png) no-repeat left center;
	padding-left: 8px;
}


#footer-archive {width: 200px; float:right; color:#747474;
	
}
#footer-archive li {padding-left: 20px; background: url(../images/sprite.png) -800px -245px no-repeat;}
.post-thumb {
	float: right; margin:0 20px 20px 20px;
}

#commentform #submit {width: 160px; height: 40px; background: url(../images/sprite.png) no-repeat -1500px -650px; display: block; text-indent: -9999px; margin-left: 230px;border:none; margin-top: 10px;cursor: pointer;}
#commentform #submit:hover, #submit-bt.hover {background-position: -1500px -700px; cursor: pointer;}

.box {clear:both;}
.clearfix:after, #footer:after, .clear-block:after, #article-right h3:after, #home-right h3:after, #recent-view:after, .fieldset-wrapper:after,.form:after, #header:after,.post:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }




.clearfix,.clear-block,#footer,#article-right h3, #home-right h3,#recent-view , .fieldset-wrapper, .form, #header,.post{display: inline-block;}  /* for IE/Mac */

.clear {clear:both;}