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

body {
	margin:0px;
	padding:0px;
	background-color: #1c87b9;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
.app_screens   h3 {
	font-size: 14px;
	font-weight: bold;
	color: #1C87B9;
	margin-top: 5px;
	margin-bottom: 10px;
}
#header {
	background-image: url(images/header_bg.png);
	background-repeat: no-repeat;
	height: 167px;
	width: 828px;
	float: left;
	margin: 0px 0px 10px;
	padding: 0px;
	clear: both;
}
#head_left {
	float: left;
	height: 123px;
	width: 232px;
	margin-top: 15px;
	margin-left: 25px;
}
#head_right {
	float: right;
	width: 500px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav li {
	float: right;
	margin-right: -5px;
	margin-left: -3px;
}
#nav {
	width: 500px;
}

#home_btn {
	background-image: url(images/nav_home.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 43px;
	width: 57px;
}
#home_btn:hover {
	background-position: 0px -43px;
}
#home_btn span {
	display: none;
}
#contact_btn {
	background-image: url(images/nav_contact.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 58px;
	width: 101px;
}
#contact_btn:hover {
	background-position: 0px -58px;
}
#contact_btn span {
	display: none;
}
#about_btn {
	background-image: url(images/nav_about.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 57px;
	width: 98px;
}
#about_btn:hover {
	background-position: 0px -57px;
}
#about_btn span {
	display: none;
}
#blog_btn {
	background-image: url(images/nav_blog.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 61px;
	width: 98px;
}
#blog_btn:hover {
	background-position: 0px -61px;
}
#blog_btn span {
	display: none;
}
#careers_btn {
	background-image: url(images/nav_careers.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 57px;
	width: 96px;
}
#careers_btn:hover {
	background-position: 0px -57px;
}
#careers_btn span {
	display: none;
}

#container {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
}
#content_top {
	background-image: url(images/content_top.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 828px;
	float: left;
}
#content {
	background-image: url(images/content_mid.png);
	background-repeat: repeat-y;
	width: 783px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 25px;
	float: left;
}
#content_bottom {
	background-image: url(images/content_bottom.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 828px;
	float: left;
}
.application_top {
	background-image: url(images/post_top.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 774px;
	float: left;
	margin: 5px 0px 0px;
	padding: 0px;
}
.application {
	background-image: url(images/post_mid.png);
	background-repeat: repeat-y;
	width: 774px;
	float: left;
}
.application_bottom {
	background-image: url(images/post_bottom.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 774px;
	margin-bottom: 15px;
	float: left;
}
.app_left {
	float: left;
	height: 100px;
	width: 100px;
	margin-top: -15px;
	margin-left: -5px;
	margin-right: 15px;
	padding-bottom: 75px;
}
.app_mid h2 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 0px;
}
.app_mid p {
	font-size: 14px;
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 8px;
}
.app_mid {
	width: 375px;
	float: left;
}
.app_screens {
	float: right;
	width: 165px;
	margin-right: 45px;
}
.screens {
	height: 25px;
	width: 165px;
	float: left;
	margin-bottom: 10px;
}
.screens img {
	border: 1px solid #1C87B9;
}
.screens div {
	float: left;
	height: 24px;
	width: 47px;
	margin-right: 8px;
}
#message {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 25px;
	color: #FFFFFF;
	line-height: 24px;
	float: left;
	width: 788px;
	margin-left: 20px;
}
#footer {
	background-image: url(images/footer_bg.png);
	background-repeat: no-repeat;
	height: 99px;
	width: 822px;
	float: left;
}
#footer_left {
	float: left;
	height: 49px;
	width: 199px;
	margin-top: 15px;
	margin-left: 15px;
}
#footer_right {
	float: right;
	width: 375px;
}
#footer_right ul {
	margin: 30px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#footer_right li {
	display: inline;
	margin-right: 35px;
	float: left;
}
#contact_btn_footer {
	background-image: url(images/footer_nav_contact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 26px;
	width: 55px;
}
#contact_btn_footer:hover {
	background-position: 0px -26px;
}
#contact_btn_footer span {
	display: none;
}
#about_btn_footer {
	background-image: url(images/footer_nav_about.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 26px;
	width: 39px;
}
#about_btn_footer:hover {
	background-position: 0px -26px;
}
#about_btn_footer span {
	display: none;
}
#blog_btn_footer {
	background-image: url(images/footer_nav_blog.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 26px;
	width: 30px;
}
#blog_btn_footer:hover {
	background-position: 0px -26px;
}
#blog_btn_footer span {
	display: none;
}
#twitter_btn_footer {
	background-image: url(images/footer_nav_twitter.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 26px;
	width: 80px;
}
#twitter_btn_footer:hover {
	background-position: 0px -26px;
}
#twitter_btn_footer span {
	display: none;
}
#other_apps {
	width: 695px;
	clear: right;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#other_app_row {
	float: left;
	width: 696px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.app_descrip {
	font-size: 14px;
}
#other_app_left {
	padding: 0px;
	float: left;
	width: 218px;
	margin-top: 0px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#other_app_right {
	padding: 0px;
	float: right;
	width: 218px;
	margin: 0px;
}
.app_icon {
	height: 165px;
}
.buy_btn {
	height: 26px;
	width: 174px;
	margin-top: 10px;
	margin-bottom: 15px;
}
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
#slider_container {
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width: 696px;
	position: relative;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(images/btn_prev.png) no-repeat 0 0;
		}	
	#nextBtn a, #slider1next a{
	background:url(images/btn_next.png) no-repeat 0 0;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* wp styles */

h1, h2, h3, ul, li, p, form
   {
   margin: 0px;
   padding: 0px
   }
hr
   {
   display: none;
   }
a{
   text-decoration:none;
   color: #fff;
   }
a:hover{
   text-decoration:underline;
   }
.space
   {
   clear: both;
   }
#page
   {
   margin: 0px auto;
   padding: 0;
   }

#top_sidebar
   {
   color: #fff;
   font-weight: bold;
   height: 10px;
   padding-right: 155px;
   text-align: right;
   }

.blogcontent, .widecolumn
   {
   float: left;
   padding: 10px 0px;
   width: 635px;
   }
 .blogcontent form
   {
   color: #fff;
   padding: 10px 50px 0px 90px;
   }

   .blogcontent input
   {
   background-color: transparent;
   border: 1px solid #214b73;
   color: #fff;
   }

   .blogcontent #searchsubmit
   {
   background: #b1b1b1;
   color: #214b73;
   font-weight: bold;
   padding: 2px;
   }

   .blogcontent h2
   {
   color: #1c87b9;
   font: bold 18px  Georgia, Arial;
   padding: 0px 50px 0px 90px;
   }

   .blogcontent small a
   {
   font-size: 12px;
   padding: 0px 50px 0px 90px;
   }
.post
   {
   padding: 0px 50px 0px 0px;
   text-align: left;
   }
 .post h2
   {
   color: #1c87b9;
   padding: 0px;
   margin: 15px 0px 15px 0px;
   }

 .post .post_title
   {
   float: left;
   width: 90%;
   }

   .post_title h2
   {
   color: #fff;
   font: normal 24px Georgia, Arial;
   padding: 0px;
   margin: 15px 0px 5px 0px;
   }

   .post_title a
   {
   text-decoration: none;
   }

   .post_title a:hover
   {
   color: #fff;
   }

   .post_title small
   {
   color: #385673;
   font: normal 12px Georgia, Arial;
   }

   .post_title small a
   {
   color: #385673;
   font: normal 12px Georgia, Arial;
   padding: 0px;
   margin: 0px;
   }

   .post .postmetadata
   {
   float: left;
   height: 34px;
   padding: 12px 10px;
   width: 25px;
   }

   .postmetadata a
   {
   color: #416fa3;
   text-decoration: none;
   }

   .postmetadata span
   {
   color: #416fa3;
   font: normal 12px Georgia, Arial;
   padding-left:5px;
   }
 .entry
   {
   color: #c3c3c3;
   font: normal 12px Arial;
   padding: 20px 0px;
   }
 .entry a
   {
   color: #385673;
   font: normal 12px Georgia, Arial;
   padding: 0px;
   margin: 0px;
   }

   .entry a:hover
   {
   color: #69c;
   }

   .entry blockquote
   {
   border: 2px dashed #042748;
   padding: 8px;
   }

   .entry img
   {
   float: left;
   padding: 0px 20px 0px 0px;
   }

   .entry ul
   {
   padding-left: 20px;
   }

   .entry li
   {
   list-style-type: disc;
   }

   .entry ol li
   {
   list-style: decimal;
   } 

   .entry p
   {
   text-align: justify;
   padding: 0px;
   margin: 15px 0px 15px 0px;
   }

   .entry span
   {
   color: #b31414;
   }
#sidebar
   {
   background: url('./images/pngs/bg-325x1.png') repeat-y top left;
   float: left;
   padding: 0px 20px;
   text-align: left;
   width: 285px;
   }
 #sidebar ul
   {
   list-style: none;
   margin: 0px;
   padding: 5px 0px;
   }

   #sidebar li
   {
   margin: 0px;
   padding: 0px 0px 0px 20px;
   }

   #sidebar li h2
   {
   color: #fff;
   font: normal 18px Rockwell, Georgia, Arial;
   margin: 0px;
   padding: 10px 0px;
   }
  #sidebar ul ul
   {
   list-style: none;
   margin: 0px;
   }

   #sidebar ul ul li
   {
   margin: 0px;
   padding: 0px 0px 0px 30px;
   }

   #sidebar ul ul li a
   {
   color: #69c;
   font: normal 12px Arial;
   text-decoration: none;
   }

   #sidebar ul ul li a:hover
   {
   color: #b31414;
   }

#search
   {
   font: bold 12px Arial;
   color: #fff;
   padding: 0px 0px 15px 15px;
   }
 #search input
   {
   background-color: transparent;
   border: 1px solid #214b73;
   color: #fff;
   }
 #search #searchsubmit
   {
   background:#0B192C;
   color: #FFFFFF;
   font-weight: bold;
   padding: 2px;
   }

   .column1 .bottom
   {
   padding: 50px 0px 0px 40px;
   }

   .column1 a
   {
   color: #fff;
   font: normal 12px Arial;
   text-decoration: none;
   }

   #footer .column2
   {
   float: left;
   font: normal 12px Arial;
   padding: 35px 0px 0px 0px;
   width: 250px;
   }

   .column2 h2
   {
   color: #457db9;
   font: normal 20px Rockwell;
   }

   .column2 ul
   {
   list-style: none;
   }

   .column2 a
   {
   color: #fff;
   font: normal 12px Arial;
   text-decoration: none;
   }