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


#footer {	 
	background:url(../gss_footer.png);
	float: left; 
	width: 1010px;
	height: 42px;  
	margin: 30px 0 30px 0; 
	text-align: left; 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 27px 0 0 20px;
  }

img.bp{
     padding: 10px;  
     border: 1px solid #CCCCCC;
     border-radius: 10px; 
		}

body {
	text-align: center; 
	margin: 0px;
	}
	
#container {
	width: 1030px; 
	}	
	
#header {
	width: 1030px; 
	height: 85px;
	margin-top: 0px;
	}
	
#logo {
	float: left; 
	margin-top: 20px;
	}	

#logo_sub {
	float: left; 
	margin: 20px 0 -32px 0;
	}
	
#container_sub {
	position: relative;
	width: 1030px; 
	}		
	
@font-face {
  font-family: Baskerville;
  src: url(http://www.greystarsolutions.com/new_i_images/Baskerville.ttc) format("truetype");  
}

h1 {
  
  font-family: georgia,garamond,serif;
  margin: 10px 0 10px 0;
  font-size: 2.2em;
  color: #1e68be;
}	

h2 {
  font-family: georgia,garamond,serif;
  font-size: 2.2em;
  color: #707070;
}	

h3 {
  font-family: georgia,garamond,serif;
  font-size: 1.2em;
  color: #358E1B;
  margin: 30px 0 10px 0;
}	


h4 {
  font-family: georgia,garamond,serif;
  font-size: 1.0em;
  color: #65318f;
  margin: 10px 0 10px 0;
}	


a { 
	font-family: Arial, Helvetica, sans-serif;
	color: #246abb;
	text-decoration: none;
}

		
 p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #6b6b6b;
    line-height: 1.5em; 
	margin: 0 0 15px 0;  
}

 p.form { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #6b6b6b;
    line-height: 1.5em; 
	margin: 15px 0 15px 0;
}

 p.form_req { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #358E1B;
	float: left;
}

ul.bp {
    list-style: none outside url("../check.png");
    margin: 10px 7px 20px 30px;
	font-size:16px;
	color: #6b6b6b;
	float: left;
	width: 100%;
    }
    
    
ul.bp_bad {
    list-style: none outside url("../bad_x.png");
    margin: 10px 7px 20px 30px;
	font-size:16px;
	color: #6b6b6b;
	float: left;
	width: 100%;
    }       


ul {
    list-style: none outside url("../check.png");
    margin: 10px 7px 0 30px;
	font-size:16px;
	color: #000;
	float: left;
	width: 360px;
	float: left;
}


li {
    padding: 3px 3px 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	color: #000;
}

#top_nav {
	float: right;
	margin-right: 12px;
}

#top_nav a {
	color: #246abb;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
    line-height: 1.5em;
	text-decoration:none;
	margin: 0 0 0 0px;
	padding-left: 10px;
}

#top_nav a:hover {
	color: #003366;
}

#demo_log {
	float: right; 
	padding-top: 12px;
	background:url(../top_tab.png); 
	width: 1030px; 
	height: 36px; 
	position:absolute;
	text-align: right;
}

#demo_log a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
    line-height: 1.5em;
	text-decoration:none;
	margin: 20px 0 0 0;
	padding: 10px 30px 16px 0px;
	background: url(../w_grad.png);
}

#demo_log a:hover {
background:url(../w_gra.png);
}


#testimonials {
	float: left;
	margin: 0 20px 0 0;
}

#testimonials a {
    background:url(../test_jobs_btns.png);
    background-position: 0px 0px;
	width: 391px;
    height: 158px;
	display: block;
}

#testimonials a:hover {
	background:url(../test_jobs_btns.png);
     background-position: 0px 158px;
	 display: block;
}

#careers {
	float: left;
	 margin: 0px;
}

#careers a {
    background:url(../test_jobs_btns.png);
    background-position: 392px 0px;
	width: 391px;
    height: 158px;
	display: block;
}

#careers a:hover {
	background:url(../test_jobs_btns.png);
     background-position: 392px 158px;
	 display: block;
}


#commission {
	float: left;
	margin: 0 47px 0 0;
}

#commission a {
    background:url(../icons_1.png);
    background-position: 0px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#commission a:hover {
	 background:url(../icons_1.png);
     background-position: 0px 161px;
	 display: block;
}


#down_line {
	float: left;
	margin: 0 47px 0 0;
}

#down_line a {
    background:url(../icons_1.png);
    background-position: -168px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#down_line a:hover {
	 background:url(../icons_1.png);
     background-position: -168px 161px;
	 display: block;
}

#international {
   
	float: left;
	margin: 0 47px 0 0;
}

#international a {
    background:url(../icons_1.png);
    background-position: -336px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#international a:hover {
	background:url(../icons_1.png);
     background-position: -336px 161px;
	 display: block;
}

#product_setup {
   
	float: left;
	margin: 0 47px 0 0;
}

#product_setup a {
   background:url(../icons_1.png);
    background-position: -504px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#product_setup a:hover {
	background:url(../icons_1.png);
     background-position: -504px 161px;
	 display: block;
}

#invoicing {
   
	float: left;
	margin: 0;
}

#invoicing a {
   background:url(../icons_1.png);
     background-position: -672px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#invoicing a:hover {
	 background:url(../icons_1.png);
     background-position: -672px 161px;
	 display: block;
}

#reporting {
	width: 168px;
    height: 161px;
	float: left;
	margin: 30px 47px 0 0;
}

#reporting a {
    background:url(../icons_2.png);
    background-position: 0px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#reporting a:hover {
	background:url(../icons_2.png);
     background-position: 0px 161px;
	 display: block;
}

#security {
	width: 168px;
    height: 161px;
	float: left;
	margin: 30px 47px 0 0;
}

#security a {
    background:url(../icons_2.png);
    background-position: -336px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#security a:hover {
	 background:url(../icons_2.png);
     background-position: -336px 161px;
	 display: block;
}


#admin {
	width: 168px;
    height: 161px;
	float: left;
	margin: 30px 47px 0 0;
}

#admin a {
   background:url(../icons_2.png);
    background-position: -168px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#admin a:hover {
	 background:url(../icons_2.png);
     background-position: -168px 161px;
	 display: block;
}


#websites {
   
	width: 168px;
    height: 161px;
	float: left;
	margin: 30px 47px 0 0;
}

#websites a {
    background:url(../icons_2.png);
    background-position: -504px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#websites a:hover {
	 background:url(../icons_2.png);
     background-position: -504px 161px;
	 display: block;
}

#email {
   
	width: 168px;
    height: 161px;
	float: left;
	margin: 30px 0 0 0;
}

#email a {
    background:url(../icons_2.png);
     background-position: -672px 0px;
	width: 168px;
    height: 161px;
	display: block;
}

#email a:hover {
	background:url(../icons_2.png);
     background-position: -672px 161px;
	 display: block;
}


#contact_box {
	 width: 270px;
	 border: 1px solid #CCCCCC;
     border-radius: 10px; 
	 float: right; 
	 margin-top: 40px;
}


#contact_box a {
	 width: auto;
	 height: 32px;
	 background:url(../contact_box_back.png);
	 display: block;
	 color: #246abb;
	 font-family: Baskerville;
	 font-size:18px;
	 text-decoration:none;
	 padding: 15px 0 0 20px;
	 text-align:left; 
	 
}

#contact_box a:hover {
	 background:url(../contact_box_back_hover.png);
}


#left_col {
	 width: 175px;
	 margin-right: 30px;
	 margin-bottom: 0px;
	 float: left;
	 height: 900px;
	 text-align:left;
}

#right_col {
	 float: left;
	 width: 817px;
	 text-align:left;
}

#green_box {
	 width: 285px;
	  border: 1px solid #368e1c;
     border-radius: 5px; 
	 float: left;
	 margin: 50px 0 10px 30px;
}

#green_box a { 
	 width: auto;
	 height: 29px;
	 background:url(../green_s.png);
	 display: block;
	 color: #fff;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:17px;
	 text-decoration:none;
	 padding: 12px 0 0 0;
	 text-align:center;
	 border: 1px solid #368e1c;  
}

#green_box a:hover {
	 background: #368e1c;
	 color: #ffffff;
	 border: 1px solid #368e1c; 	 	 
}


#orange_box {
	 width: 285px;
	  border: 1px solid #f59331;
     border-radius: 5px; 
	 float: left;
	 margin: 10px 0 10px 30px;
}

#orange_box a { 
	 width: auto;
	 height: 29px;
	 background:url(../orange_s.png);
	 display: block;
	 color: #fff;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:17px;
	 text-decoration:none;
	 padding: 12px 0 0 0;
	 text-align:center;
	 border: 1px solid #f59331;  
}

#orange_box a:hover {
	 background: #f59331;
	 color: #ffffff;
	 border: 1px solid #f59331;  
}


#purple_box {
	 width: 285px;
	  border: 1px solid #65318f;
     border-radius: 5px; 
	 float: left;
	 margin: 10px 0 0 30px;
}

#purple_box a { 
	 width: auto;
	 height: 29px;
	 background:url(../purple_s.png);
	 display: block;
	 color: #fff;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:17px;
	 text-decoration:none;
	 padding: 12px 0 0 0;
	  text-align:center;
	 border: 1px solid #65318f;   
}

#purple_box a:hover {
	 background: #65318f;
	 color: #ffffff;
	 border: 1px solid #65318f; 	 
}


#side_nav {
	 width: 165px;
	 border: 1px solid #246abb;
     border-radius: 5px; 
	 float: left;
	 margin: 0 30px 30px 0;
}


#side_nav a {
	 
	 width: auto;
	 height: 32px;
	 background:url(../blue_back.png);
	 display: block;
	 color: #fff;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:15px;
	 text-decoration:none;
	 padding: 15px 0 0 10px;
	 text-align:left;
	 border: 1px solid #246abb; 
}

#side_nav a:hover {
	 background: #246abb;
	 color: #ffffff;
	  border: 1px solid #246abb; 
	 
}

#contact_nav {
	 width: 165px;
	 border: 1px solid #358e1b;
     border-radius: 5px; 
	 float: left;
	 margin-right: 30px;
}


#contact_nav a {
	 
	 width: auto;
	 height: 32px;
	 background:url(../green_back.png);
	 display: block;
	 color: #fff;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:13px;
	 text-decoration:none;
	 padding: 15px 0 0 10px;
	 text-align:left;
	 border: 1px solid #358e1b; 
}

#contact_nav a:hover {
	 background: #358e1b;
	 color: #fff;
}


#side_box_1 a {
	 width: 140px;
	 border: 2px solid #e28528;
     border-radius: 5px 5px 0 0; 
	 float: left;
	 margin-right: 30px;
	 margin-top: 30px;
	 padding: 10px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #fff;
	background: #f59331;
}

#side_box_1 a:hover {
	background: #e68f2b;
}

#side_box_2 a {
	 width: 140px;
	 border: 2px solid #572a7b;;
     border-radius: 5px 5px 0 0; 
	 float: left;
	 margin-right: 30px;
	 margin-top: 30px;
	 padding: 10px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #fff;
	background: #65318f;
}

#side_box_2 a:hover {
	background: #5b2781;
}


#bp_box {
	 width: 80%;
	 border: 1px solid #f59331;
     border-radius: 10px; 
	 float: left;
	 padding: 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight: bold;
	 color: #fff;
	 background: #f59331;
}


#black_top {
     width: 70%; 
	 height: 12px; 
	 background: #000000; 
	 float: left; 
	 margin-top: 0px;	
}

#blue_top {
     width: 30%; 
	 height: 12px; 
	 background: #1e68be; 
	 float: right; 
	 margin-top: 0px;
}

#hp_about {
     width: 710px; 
	 float: left; 
	 text-align: left; 
	 margin-top: 40px;
}

#hp_tips {
     float: left; 
	 width: 295px; 
	 margin: 30px 30px 0 0; 
	 text-align: left;
}

#hp_test {
     float: left; 
	 width: 295px; 
	 margin: 30px 30px 0 0; 
	 text-align: left;
}

#hp_blog {
     float: left; 
	 width: 295px; 
	 margin: 30px 0 0 0; 
	 text-align: left;
}

#sub_bold {
     text-align: left; 
	 margin-top: 10px;
	 font-weight: bold;
}