/*

*/


body {
height:100%;
margin: 0;
padding: 0;  
color: #333;
/*text-align:center;*/
font: 85.5%/1.5em "Droid Sans", helvetica, sans-serif;
}


.post{
margin: 0px 5px 18px 5px;
padding: 10px 15px;
background: #fff;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

	

/* HEADER ELEMENTS */

    #header {
        position:relative;
        margin-left:auto;
        margin-right:auto;
        width:960px;
        height:100px;
    }

    .headerlogo {
        position:absolute;
        margin-top:18px;
        width:335px;
        height:63px;
    }

    .headercopy {
        position:absolute;
        margin-top:48px;
        margin-left:585px;
        width:432px;
        font-size:140%;
        color:#7c7c7c;
    }

    .socialmediabg {
        position:absolute;
        margin-left: 789px;
        width:77px;
        height:28px;
    }

    .socialcopy{
        position:absolute;
        margin-top:2px;
        margin-left:690px;
        width:150px;
        color:#a1a1a1;
        font-size:85%;
    }

    #socialmedia {
        position:absolute;
        margin-top:2px;
        margin-left:600px;
		font-size:130%;
		font-style:bold;
    }

    .copy-container {
        width:550px;
		margin-left:10px
    }

	img {
        border:0;
    }

    h1, h2, h3, h4, h5, h6 {
        color:#fff;
    }

    h1 {
        font-size:200%;
        line-height:1.5em;
        margin:0 0 1.5ex;
    }

	h2 {
        font-size:180%;
        line-height:1em;
        margin:1ex 0 1ex;

    }

    p {
        margin: 0 0 0;
        color:#fff;
        width:480px;
        font-size:130%;
    }
	  ul {
        margin:0 0 1.5em;
        padding:0;
    }

    a {
        color:#000;
    }

    a:hover {
        color: #fff;
    }

/* CONTENT ELEMENTS */
    .outsideContainer{width:100%;min-height:100%;}
    .content {padding-bottom:50px;}

 html>body #agile-apps { height:auto; }

    * html .footer{margin-top:-50px;}
    * html .outsideContainer,html{height:100%;}

	.container-macbook {
        position:absolute;
        width:558px;
        height:332px;
        background: url(/images/macbook.png);
        margin: 56px 0 0 -150px;
        z-index:1;
    }

	.containeroverlay {
        position:absolute;
        width:179px;
        height:267px;
        margin: 75px 0 0 28px;
        z-index:4;
    }

    .containeroverlay ul{padding:0;list-style:none;}
    .containeroverlay ul li{width:179px;margin:0;float:left;}
    .containeroverlay ul li img {width:179px;height:267px;}

	.button {
        float:left;
        margin-top:30px;
        line-height:1.5;
    }

    .button.button-android {
        margin-left: 60px;
    }

    .button img{
        margin:6px 0 10px 0;
    }

    .button a,
    .button a span,
    .button img,
    .button small{
        display: block;
    }

    .wrapper {
        width:960px;
        margin:0 auto;
        height:330px;
        position:relative;
    }
    .wrapper:after {
        clear:left;
        content:".";
        display:block;
        height:0;
        visibility:hidden;
    }

    #agile-apps {
        margin:0;
        padding:0;
        list-style:none;
    }

    #agile-apps > li {
        margin:0;
        padding:0;
        clear:left;
        background-repeat:no-repeat;
        background-position:50% 0;
    }

    #agile-apps .logo-container .wrapper {
        background:none;
        height:0px;
    }

    #agile-apps h2 {
        margin:0;
        padding:2em 0 0.5ex 0;
    }

    #orangebg .wrapper {
        background: url(/images/orange_bg.jpg) ;
		
    }

	#orangebg {
        color:#fff;
        background:#ff6600;
        width:100%;
        height:330px;
		
	}
	

	 .image-container {
        position:absolute;
        width:360px;
        height:330px;
        margin-left:550px;
    }
/* Header Links */ 


/*#logoimg {
 position:relative;
 top:-15px;
 right:0;
 width:433px;
} 
*/
#tabs {
  float:left;
  position:absolute;
  color: #000;
  font-size:120%;
  line-height:16px;
  top:-10px;
  left:500px;
  width:625px
}

#tabs ul {
  margin:0;
  padding:10px 2px 0 2px;
  list-style:none;
}

#tabs li {
  display:inline;
  margin:0;
  padding:0 0px;
  border-left: 1px solid #aaa;
	}
			
#tabs li.first {
  border-left: none !important;
}	

#tabs li.price_profile a {
  color: #81C90F;
  text-decoration: none;
}	

#tabs li.price_profile a:hover {
  border-bottom: 2px solid #81C90F;
}

#tabs a {
  margin:0 3px 0 6px;
  padding:4px 1px;
  color: #000; 
  text-decoration:none;
  font-weight:800;
}

#tabs a:hover {
  border-bottom: 2px solid #81C90F;
}

#sub-header{
margin: -10px 10px 10px 10px;
padding: 5px 5px 5px 5px;
}
		
#content{
clear:both;
margin: 10px 10px;
padding: 5px 5px 0px 0px;
}	

#main {
width: 720px; 
float:left;
margin: 0;
padding: 0px;
overflow:hidden;
}


#sidebar {
padding: 0;
margin: 0 0 0 725px;
}


#leftbar{
margin: 0 190px 0 0;
}

#rightbar{
float:right;
width: 180px;
}

/*  PROFILE PAGE */


#profile-page h1{
        color: #000;
        font-size:200%;
		float:left;
    }

#profile-page-copy {
        color: #000;
        font-size:100%;
		float:left;
    }

 /* FOOTER ELEMENTS */

	#footer{
		width: 99%;
		margin: 10px 1px;
		padding: 5px 5px 0px 0px;
		position:absolute;
		background-color:#000;
	}	

	#footer .wrapper {
        height:40px;
        background-color:#000;
	}

    #footer img {
        position:absolute;
        margin-left:875px;
        margin-top:10px;
    }

    .footercopy {
        position:absolute;
        font-size:13px;
        font-family:arial;
        color:#b7b7b7;
        font-size:100%;
        margin-left:10px;
        margin-top:15px;
    }

	
#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1{
	font-size: 200%;
}
h2{
	font-size: 140%;
}
h3{
	font-size: 120%;
}
h4{
	font-size: 110%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 70%;
}


a{
font-weight:800;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}


blockquote{
padding: 10px 35px 5px 35px;
margin: 3px 30px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

td{
 vertical-align:top;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 5px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}





/* Headings */ 



form#searchform2{
display: block;
float:right;
margin: 0px 10px 0px 5px;
}

#subscribe_h3 {
margin: 0px 10px 0px 5px;
display: block;
float:right;
color: #fff;
font-family: arial, verdana, sans-serif;
font-weight:800;
}

#subscribe_h3 a{
font-weight:800;
color: #fff;
}

#login_subscribe a{
margin: 0px 10px 0px 5px;
display: block;
float:right;
font-weight:100;
color: #fff;
text-decoration: none;
font-family: arial, verdana, sans-serif;
}

#home_tmp{
margin: 0 0 0 0px;
display: inline;
position:relative;
top:10px;
left:0px;
background-color: #222222;
font-family: arial, verdana, sans-serif;
font-weight:800;
font-size: 150%;
}

/*  ********** H3 homepage  *********** */



<!-- top, right, bottom, left -->

#header h3{
font-family: arial, verdana, sans-serif;
margin: 0 0 0 0px;
padding: 5px 0 0 50px;
}

#header h3 a{
font-weight:100;
color: #fff;
text-decoration: none;
font-size: 180%;
}

#header h3 a:hover{
color: #fff;
text-decoration: none;
}

#header h2{
margin: -30px;
font-weight:800;
font-family: arial, verdana, sans-serif;
color: #ccc;
font-size: 100%;
letter-spacing: 1px;
}


h2#sectiontitle{
font-size:120%;
font-weight: 100;
font-family: georgia, arial, verdana, sans-serif;
padding: 6px 6px 6px 10px;
margin: 0px 5px 10px 5px;
background: #ddd;
color: #444;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

/* LOGIN PAGE   */

#login_copy p {
margin: 0px 12px 10px 300px;
padding: 3px 0px 0px 5px;
font-weight:100;
text-align:left;
color: #000;
text-decoration: none;
font-size: 110%;
}

#login_copy h1 {
margin: 0px 12px 10px 225px;
padding: 3px 0px 0px 5px;
font-weight:800;
text-align:left;
color: #000;
text-decoration: none;
font-size: 200%;
}

#login-home-content {
width: 980px; 
float:center;
margin: 0;
padding: 0px;
overflow:hidden;
}

#pricing-copy {
font-weight:100;
color: #000;
text-decoration: none;
font-size: 110%;
}

#pricing-copy h1{
font-weight:800;
text-align:left;
color: #000;
text-decoration: none;
font-size: 200%;
}

#pricing-copy h3{
font-weight:100;
color: #000;
text-decoration: none;
font-size: 110%;
}

#pricing-copy h4{
font-weight:100;
color: #000;
text-decoration: none;
font-size: 100%;
}

/*        line-height:1.5em;
        margin:0 0 1.5ex;
*/

/*  sidebar styles */
/* top, right, bottom, left */

#home-sub-header-right{
border: 0px solid #ddd;
margin: 3px 2px 0px 0px;
padding: 3px 0px 0px 0px;
text-align:center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#home-sub-header-right h1 {
font-weight:150;
color: #fff;
text-decoration: none;
font-size: 275%;
}

#home-sub-header-right h2 {
font-weight:100;
color: #82C90F;
text-decoration: none;
font-size: 150%;
}

#home-sub-header-right p {
margin: 0px 12px 10px 650px;
padding: 3px 0px 0px 5px;
font-weight:100;
text-align:left;
color: #fff;
text-decoration: none;
font-size: 110%;
}


#home-sub-header-right h2 a:hover{
color: #FF8000;
text-decoration: underline;
}

#home-content{
clear:both;
margin: 10px 10px;
padding: 15px 5px 0px 0px;
}

#root-home-main {
width: 980px; 
float:center;
margin: 0;
padding: 0px;
overflow:hidden;
}

#home-main {
width: 980px; 
float:left;
margin: 0;
padding: 0px;
overflow:hidden;
}

/*CARD PAGE*/
#card-page {
width: 980px; 
float:center;
margin: 0;
padding: 0px;
overflow:hidden;
}

#content-inner {
width: 980px; 
float:center;
margin: 0px, 100px;
padding: 0px;
overflow:hidden;
}

#features-sub-header-right p {
margin: 0px 12px 10px 650px;
padding: 3px 0px 0px 5px;
font-weight:100;
text-align:left;
color: #000;
text-decoration: none;
font-size: 110%;
}

#subscribe{
background: #fff;
border: 1px solid #ddd;
margin: 3px 2px 10px 2px;
padding: 3px 0;
text-align:center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


#subscribe p{
margin: 5px 0;
font-size: 100%;
}
#subscribe p a {
font-weight:100;
}
.menu{
padding:0;
font-size:95%;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0;
list-style-type:none;
}

.menu ul li.widget{
padding:0px;
margin:0 0 5px 0;
background: #fff;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menu ul li.widget ul{
	margin: 0;
	padding:0;
}

.menu ul li.widget ul li{
border-bottom:1px solid #eee;
background: #f8f8f8;
padding: 2px 0 2px 15px;
margin:0;
}

.menu ul li.widget ul li ul{
}

.menu ul li.widget ul li ul li{
border-top: 1px solid #eee;
border-bottom: none !important;
padding: 2px 0 2px 15px;
}

.menu ul li.widget h3{
font-family: arial;
font-size:120%;
padding:2px 0 1px 4px;
margin:0;
border: 1px solid #ddd;
color: #333;
font-weight: 800;
font-variant:small-caps;
letter-spacing: 2px;
}

.menu ul li h3 a{
color: #333;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #333;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search, li.widget #tags {
display:block;
padding: 2px 5px;
}


input.searchinput, input.searchsubmit{
background:black;
border: 1px solid white;
color:white;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


#footer a{
font-weight:800;
text-decoration:none;
}


<!-- top, right, bottom, left -->
.c_register-form dd {
	text-align: left;
}
.c_register-form label {
	color: #444;
	margin-top: 5px;
}
.c_register-form input {
	-moz-border-radius: 5px;
	background: #F9FFFF none repeat scroll 0 0;
	border: 1px solid #CCDDDD;
	padding: 4px 8px;
}
.c_register-form fieldset {
	margin-top: 10px;
	padding: 8px;
	background-color: #EEF3F8;
	border: 1px solid #C9D7EB;
}
.c_register-form fieldset legend{
	background-color: #FFF;
	padding: 5px 9px;
	border: 1px solid #C9D7EB;
	font-size: 120%;
}
.c_register-form fieldset.green_fieldset {
	background-color: #E7FFEA;
	border: 1px solid #C2E9C6;
	color: #397941;
}
.c_register-form fieldset.green_fieldset legend{
	background-color: #FFF;
	border: 1px solid #C2E9C6;
}
.c_register-form fieldset dl dd span{ /* comment */
	padding-left: 0px;
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	color: #9AC;
}
dl.c__register-button {
	margin-top: 10px;
}
input.c__register-button {
	height: 40px;
	width: 110px;
	background-color: silver;
	border-color: black;
	font-size: 140%;
	font-weight: bold;
}

/* Extras Stylesheet added 8/6/10 */
#extras {
	margin-top: 10px;
}

.desc {
	font-size:12px;
}

#extras a {
  font-size:14px;
  color: #81C90F; 
  text-decoration:underline;
  font-weight:800;
}

#extras a:hover {
  font-size:14px;
  color: #B8E470; 
  text-decoration:underline;
}


/* Flipcard Stylesheet added 5/27/10 */


.qAnswers {
       	text-align: left;
	font-weight: normal;
}



/* jQuery Image Rotator added 8/1/10 */

.container {
	overflow: hidden;
	width: 500px;
	margin: 0 auto;
}
#image_rotate {
	padding: 0px;
	background: #f0f0f0;
	border: 1px solid #ccc;
}

.main_image {
    width: 500px;
    height: 379px; /* was 354*/
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h3 {
    font-size: 1.6em;
    font-weight: 800;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 100%;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(/resources/icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 0px;}

.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}

.main_image .block a{
	font-weight:100;
	color: #fff;
    border-bottom: 1px solid #fff;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(/resources/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 410px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: left;
    width: 125px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 4px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 9px 10px; /*-- Top Right--*/
    background: #f0f0f0 url(/resources/nav_a.gif) repeat-x;
    width: 105px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 3px 0;
    padding: 0;
}
.image_thumb ul li .block { /*--text under thumb--*/
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 100px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/* show/hide on cards page  */

/* jQuery Image Rotator added 8/1/10 */

.c_container {
	overflow: hidden;
	width: 650px;
	margin: 0 auto;
}
#cardhelp {
	padding: 0px;
	background: #f0f0f0;
	border: 1px solid #ccc;
}

.c_main_image {
    width: 650px;
    height: 150px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.c_main_image h3 {
    font-size: 1.6em;
    font-weight: 800;
    margin: 0 0 0px;
    padding: 0px;
}
.c_main_image p {
    font-size: 100%;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}

.c_main_image .block small {margin-left: 0px;}

.c_main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.c_main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}

.c_main_image .block a{
	font-weight:100;
	color: #fff;
    border-bottom: 1px solid #fff;
}
.c_main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(/resources/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    left: 10px;
}
.c_main_image a.show {background-position: left bottom;}