header, footer, nav, section { 
	display: block;
}

body {
    background: #fff;
    font: 12px Helvetica;
    margin: 0;
    padding: 0;
}

#container  {
}

#container header {
    width: 940px;
    margin: 1px auto 0 auto;
    background: #ffffff;
    height: 80px;
    
}
	#logo {
        float: left;
        width: 400px;
	}
	#logoh h1 {
		margin: 0;
	}
	
	#logo a {
        /* text-indent: -999px; */
        display: block;
        margin: 20px 0 0 0;
        text-decoration:none;        
        font: 30px Helvetica;
        color: #038203;
        width: 400px;
        -height: 50px;
        font-weight: bold;
        text-shadow: rgba(0,0,0,0.1) 0 1px 2px;
			
	}
	#logo p {
		/* display: none; */
		color: #999;
	}

nav#menu {    
    float: left;
    width: 540px;
    position: relative;
}
    #main-menu {
        float: right;
        margin: 28px 0 0 0;
        padding: 0;
    }
    #main-menu li {
        float: left;
        display: block;
        list-style-type:none;
        margin: 0;
        padding: 0;        
    }
    #main-menu li a {
        float: left;
        display: block;
        margin: 0  0 0 10px;
        text-decoration: none;
        padding: 5px 6px; 
        color: #333;
        font-weight: bold;
    }
    #main-menu li a:hover {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;   
        
		background: #333; /* for non-css3 browsers */		
		background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #333333,  #55555); /* for firefox 3.6+ */    
	
        color: #eee;          
    }
    #main-menu li a.selected {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;   
        
        background: #038203;
        color: #eee;                  
    }

    #secondary-menu {
        position: absolute;
        right: 5px;
        top: 5px;
        padding: 0;
    }
    #secondary-menu li  {
        float: left;
        display: block;
        list-style-type:none;
        margin: 0;
        padding: 0;        
    }
    #secondary-menu li a {
        font-size: 11px;
        float: left;
        display: block;
        margin: 0  0 0 10px;
        text-decoration: none;          
        color: #333;
    }  
    #secondary-menu li a:hover {
        text-decoration: underline;          
    }        

#main  {
	width: 1000px; 
	margin: 0 auto;
    padding: 20px 0;
    min-height: 400px;
    background: #fff;
}

#feature-area {
	background: #038203;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#038203', endColorstr='#019901'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#038203), to(#019901)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #038203,  #019901); /* for firefox 3.6+ */    	
	
	border-top: solid 1px #026003;
}
#feature-area-content {
	width: 940px; 
	margin: 0 auto;
	padding: 10px 0 10px 0;
}
#feature-area-content .location {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 2px;	
}


#container footer {
    background: #dddddd;
    border-top: solid 1px #999;   
}
#container footer div {
    width: 940px; 
    margin: 0 auto;
    padding: 10px 0 40px 0;
}
#container footer a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
/* main site */
code {
	font-family: Consolas, Monospace;
	color: #efefef;
	text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
}

#main {	
	line-height: 1.5em;	
}
#main p {
	margin: 10px 0;
}
a {
	color: #038203;
}

#main ul {
	margin: 10px;
	list-style-type: square;
}
#main ul li {
	margin: 0 0 0 10px;
	list-style-type: square;
}

.button {
	display: inline-block;
	line-height: 1.0em;
	font-size: 13px;
	text-decoration: none;	
	color: #fff;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
    
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 2px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 2px;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 2px;
     	
    border: solid 1px #e07212;
}
.button span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  	
	display: inline-block;
	padding: 6px 8px;	
    border-top: solid 1px #ffffff;
    
	background: #e07212; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fccc60', endColorstr='#e07212'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fccc60), to(#e07212)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fccc60,  #e07212); /* for firefox 3.6+ */    
}



/* HOME */
#showcase-image {
	float: left;
	width: 460px;	
}
#showcase-content {
	float: right;
	width: 460px;	
	color: #fff;
	text-shadow: #333 1px 1px 2px;
	line-height: 1.5em;	
	font-size: 14px;	
	padding: 0 0 10px 0;
}
#showcase-content h2 {
	font-size: 30px;
	margin: 20px 0 0 00;
}
#showcase-content p {
	margin: 20px 0 0 0;
}
#buttons {
	margin: 20px 20px 0 40px;
}
#buttons a {

}



#download-button  {
	border: solid 1px #136bdd;
	margin: 0 10px 0 0;
}

#download-button span {
	background: #136bdd; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6197d8', endColorstr='#136bdd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6197d8), to(#136bdd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6197d8,  #136bdd); /* for firefox 3.6+ */    	
}

.latest-info {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
    padding: 15px;
	
	background: #ccc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eeeeee,  #dddddd); /* for firefox 3.6+ */    		
}


/* demos */
#side-nav {
	background: #eee;
}
#side-nav h4 {
	background: #81a9e2;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 8px;	
	border: solid 1px #5984c1;
	border-color: #bad0ef #5984c1 #5984c1 #bad0ef;
	text-shadow: #5984c1 0 1px 1px;
}

#side-nav ul {
	margin: 0;
	padding: 15px;
	list-style-type: none;
}
#side-nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#side-nav ul li a {
	padding: 4px 0;
	display: block;
	border-bottom: solid 1px #ccc;
	text-decoration:none;
	color: #333;
	font-weight: bold;
}
#side-nav ul li a:hover {
	background: #ddd;
}

.example-code {
	background: #ea8c3f;
	margin: 0 0 20px 0;
}
.example-code .title {
	padding: 4px;
	border: solid 1px #d67b31;
	border-color: #ea8c3f #d67b31 #d67b31 #ea8c3f;
}
.example-code .code {
	display: block;
	padding: 10px;
	color: #333;
	text-shadow: rgba(255,255,255,0.4) 1px 1px 1px;
	background: #efd6c2;
	overflow: hidden;
}


/* features */
#features {
	border-collapse: collapse;
	border: solid 1px #ccc;
	width: 100%;
}
#features td, #features th {
	padding: 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: baseline;
}
#features td:first-child {
	text-align: left;
	vertical-align: top;
}

.error-message {
	border: solid 1px #440000;
	padding: 15px;
	background: #ff9999;
}



/* purchase */

h3 {
	margin: 10px 0 20px 0;
	font-size: 18px;
}

.version {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	mtext-shadow: rgba(0,0,0,0.5) 0 -1px 1px;
	margin: 10px 0 0 0;
}
.product {
	margin: 0 0 20px 0;
}

small {
	font-size: 95%;
	font-style: italic;
	color: #999;
}
#purchase-instructions {
	margin: 40px 0 0 0;
}


/* contact */
.form-table {
}
.form-table tbody th {
	width: 100px;
	text-align: right;
	padding: 2px 5px 0 0 ;
}

#features {
}
#features