/* USE THIS STYLESHEET WITH TEMPLATE.HTM  */

/* -----------------------------------------------------

1.0 UNIVERSAL RESETS
2.0 LAYOUT OR PAGE STRUCTURE
3.0 CONTAINER
4.0 HEADER
5.0 NAVIGATION
6.0 HERO
7.0 FEATURES
8.0 FOOTER
9.0 MISC

/*
*********************************************
1.0 UNIVERSAL RESETS: THESE HAVE BEEN SET IN THE RESET.CSS FILE
*/

/*
*********************************************
2.0 LAYOUT AND PAGE STRUCTURE: 
*/

body{ 
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align:center;
	background-image: url(../images/home_bg.png);
	background-repeat:repeat-x;
	}
h1 {font-size: 135%; margin-bottom: 10px; font-weight: 900;}
h2 {font-size: 125%; margin-bottom: 10px; font-weight: 900;}
h3 {font-size: 115%; margin-bottom: 10px; font-weight: 900;}
p { font-size: 85%; line-height: 1.5em; margin-bottom: 10px;}

a:link { color: #247AFB; text-decoration: none;}
a:visited { color: #247AFB; text-decoration: none;}
a:hover { color: #247AFB; text-decoration: underline;}
a:focus { color: #247AFB; text-decoration: underline;}
a:active { color: #247AFB; text-decoration: underline;}

/*
*********************************************
3.0 CONTAINER: 
*/

#container {width: 875px; text-align: left;	margin: 0 auto;}

/*
*********************************************
4.0 HEADER: 
*/

#header {margin: 0; padding: 0; height: 76px;}
#header .logo{ float: left;}
#header .nav { float: right; padding-top: 25px; padding-right: 45px; font-size: 85%; font-weight: 900;}
#header .nav a  { color: #fff; text-decoration: none;}
#header ul { margin: 0; padding: 0;}
#header li { color:#FFF; display: inline; list-style: none; padding-right: 8px;}

/*
*********************************************
5.0 NAVIGATION:
*/

#navigation { padding: 0; margin-top: 10px; font-size: 85%; font-weight: 900;  }
#navigation a  { color: #fff; text-decoration: none;}
#navigation a:hover  { color: #fff; text-decoration:underline;}
#navigation ul { margin: 0 0 0 20px; padding: 0;}
#navigation li { color:#000; display: inline; list-style: none; padding-right: 20px;}

/*
*********************************************
6.0 HERO:
*/

#hero {height: 299px; margin: 0; padding: 22px 0 0 0; }
#hero .copy { float: left; width: 40%; margin: 25px 0 0 10px;}
#hero .copy h1 { color: #FFF; font-size: 180%; font-weight: 900; line-height: 38px;}
#hero .copy a { color:#006600; font-size: 120%; font-weight: 900;}
#hero .screen { float:right; background:url(../images/screen.png) no-repeat; width: 415px; height: 259px; margin-top: 33px;padding: 0 46px 0 0; }
#hero .screenresult { float:right; width: 415px; height: 259px; margin-top: 33px;padding: 0 46px 0 0; }
#hero #signup { margin: 40px 0 0 30px;}

/*
*********************************************
7.0 FEATURES:
*/

#primary-features { margin: 50px 0 0 10px; }
#primary-features  h2 { color: #0099FF; margin-bottom: 20px;}
#primary-features .feature { float: left; width: 30%; margin-left: 19px; }

#secondary-features { margin: 70px 0 0 10px; }
#secondary-features  h2 { color: #616161; margin-bottom: 20px;}
#secondary-features .feature { float: left; width: 30%; margin-left: 19px;  }

.feature-icon {float: left; margin: 0 11px 8px 0; }

/*
*********************************************
8.0 FOOTER:
*/

#footer { margin: 40px 0 30px 0; padding: 15px 0 30px 0; background:url(../images/footer_border.png) repeat-x; font-size: 75%;  }
#footer .logo { float: left;}
#footer .copyright { float: right; padding-top: 10px; color:#8B8B8B;}

/*
*********************************************
9.0 MISC:
*/
.clear { clear:both;margin:0; padding:0;}
/* my additions */
input[type= password], input[type= text], input[type= button], input[type= checkbox] {border: dotted; border-width: 1px; padding: 0px; background-color: #FFF; vertical-align: center; color: #000000; border-color: #4FA5CB;}
input[type= submit] {color: #000000; border: dotted; border-color: #4FA5CB; border-width: 1px; padding: 0px; background-color: transparent; vertical-align: top;}
input:hover {color: #000000; background-color: #4FA5CB;}
textarea {border: dotted; border-width: 1px; padding: 0px; background-color: transparent; vertical-align: bottom;}
table { background-color: transparent; border-collapse: collapse;}
.center {text-align: center;}
.center table { margin-left: auto; margin-right: auto; text-align: left;}
.center th { text-align: center !important; }
tr { border: 1px solid #316082; vertical-align: center; padding: 1px 4px 1px 4px}
td, th { border: 1px dotted #4FA5CB; font-size: 85%; vertical-align: center; padding: 1px 4px 1px 4px}