/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}

.hide { display:none; }
.left { float:left; margin: 0 20px 5px 0}
.right { float:right; margin: 0 0 5px 20px;}
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
a img { border:none; }


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
	background: url(images/background.jpg) repeat-x ;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}

a {
	text-decoration: none;
	color: #0066cc;
	}
	
a:hover, div#footer ul li a:hover {
	color: #9fdaff;
	}
	
h1 {
	text-indent: -9999px;
	text-align: center;
	}
	
h1 a {
	display: block;
	width: 288px;
	height: 68px;
	background: transparent url(images/headerimg.gif) no-repeat;
	margin: 0 248px;
	}
	
h2 {
	text-transform:uppercase;
	color: #666666;
	font-size: 1.5em;
	font-weight: bolder;
	margin-bottom: .75em;
	padding-top: .2em;
	}

h3 {
	font-size: 1.2em;
	margin: 1.5em 0 1em 0;
	}
	
h4 {
	font-size: 1em;
	margin-bottom: .75em
	}

p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 1em 0;
	}

blockquote {
	margin: 0 0 2em 0;
	overflow: auto;
	}

cite {
	text-align: right;
	float: right;
	color: #666666
	}
	
ol, ul {
	padding: 0 0 10px 20px;
	}
	
li {
	margin: 0 0 0.75em 0;
	}
	
	
th {
	background: #999999;
	color: #FFFFFF;
	padding: 3px;
	}
	
td {
	padding: 3px;
	}
	
tr.dark td {
	background: #E6E6E6;
	}
/*-----------------------------------------------------------------------------------------------
  Structure
-----------------------------------------------------------------------------------------------*/

#container {
	width: 805px;
	padding: 29px 10px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
	
#page_header {
	text-align: center;
	border-bottom: 3px solid #9fdaff;
	margin: 0 0 15px 0;
	}
	
p.home_testimonial {
	clear: both;
	padding: 15px 10px 15px 10px;
	margin: 15px 0 0 0;
	border: 1px dashed #adadad; 
	border-width: 1px 0 0 0;
	}
	
*html p.home_testimonial {
	padding: 7px 10px 15px 10px;
	margin: 0;
	}
	
p.home_testimonial img {
	vertical-align: middle;
	padding: 0 3px 3px 0;
	}

hr {
	border: 1px dashed #adadad; 
	border-width: 1px 0 0 0;
	color: #FFFFFF;
	margin-bottom: 15px;
	}
	
#three-column {
	background: url(images/column-divider.gif) repeat-y 268px;
	}

#column_1, #column_2, #column_3 {
	width: 228px;
	float: left;
	padding: 0 20px 0 0;
	margin-left: 20px;
}
	
#three-column ul {
	list-style-type: none;
	}
	
#three-column ul ul{
	list-style-type: disc;
	padding: 0 0 0 20px;
	margin-bottom: 1em;
	}
#three-column ul li, #three-column ul ul li {
	margin-bottom: 0;
	}

#three-column ul li h4 {
	margin-bottom: .2em;
	font-size: 1em;
	}
	
#three-column ol li {
	margin: 0 0 1em 25px;
	}

p.img_caption {
	text-align: center;
	}
		
p.img_caption span img {
	border: 1px solid black;
	margin: 0 0 5px 0;
	}
	
p.img_caption span {
	display: block;
	width: 208px;
	float: left;
	margin: 0 0 0 10px;
	}
	
p.more {
	text-align: right;
	}
	
div#content.line {
	background: transparent url(images/side-divider.gif) repeat-y 496px 0;
	}
	
div#content_main {
	float: left;
	width: 476px;
	}
	
div#content_sub {
margin-left: 516px;
	width: 289px;
	color: #0066cc;
	}

div#footer {
	clear: both;
	}
	
.resource {
	overflow: auto;
	margin: -1em 0 10px 0;
	}
	
/*-----------------------------------------------------------------------------------------------
  Typography
-----------------------------------------------------------------------------------------------*/

#page_header h2 {
	font-size: 1.4em;
	color: black;
	text-transform: none;
	margin: 15px 0 10px;
	font-weight: normal;
	white-space:nowrap;
	}

div#sign-up_public h2 {
	font-size: 1.25em;
	color: #545454;
	font-weight: normal;
	text-transform: none;
	margin: 0;
	}
	
.home_testimonial {
	font-size: 1em;
	}
	
label {
	font-size: .9em;
	}
	
#three-column h3 {
	margin-top: 0;
	}
	
div#content_sub a {
	text-decoration: underline;
	}

/*-----------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------*/

ul#navigation {
	list-style-type: none;
	padding: 0 0 0 16px;
	}

ul#navigation li {
	display: inline;
	float:left;
	margin: 0;
	}

ul#navigation span { 
	display: none;
	} 

ul#navigation li a {
	width: 126px;
	height: 32px; 
	display: block;
	margin-right: 3px;
	text-decoration: none;
	}
	
a#home {background-image: url(images/nav-1.gif)}
a#services {background-image: url(images/nav-2.gif)}
a#references {background-image: url(images/nav-3.gif)}
a#about {background-image: url(images/nav-4.gif)}
a#blog {background-image: url(images/nav-blog.gif)}
a#contact {background-image: url(images/nav-5.gif)}

a#home:hover, a#services:hover, a#references:hover, a#about:hover, a#blog:hover, a#contact:hover {background-position: -126px 0 }

div#footer {
	text-align: center;
	border-top: 3px solid #9fdaff;
	margin-top: 15px;
	padding-top: 10px;
	}
	
div#footer ul li {
	display: inline;
	padding: 0 15px;
	}
	
div#footer ul li a {
	color: #666666;
	}
	

/*-----------------------------------------------------------------------------------------------
  Sign-up form
-----------------------------------------------------------------------------------------------*/

#sign-up {
	float: right;
	margin-left: 25px;
	}
	
#sign-up_public, div#box {
	width: 289px;
	background: url(images/form-background.gif) repeat-y;
	}
	
#sign-up_public div, div#box ol, div#box blockquote, div#box div {
	background: url(images/form-bottom.gif) no-repeat bottom;
	}
	
div#box div p {
	padding: 0 10px 10px 10px;
	}

#sign-up_public div {
	padding-bottom: 5px;
	}
		
#sign-up_public form {
	text-align: right;
	padding: 0 0 5px 0;
	}
	
#sign-up_public h2, div#box h3, div#box blockquote p, div#box div h4 {
	padding: 10px;
	background: url(images/form-top.gif) no-repeat;
	}
	
#sign-up_public p {
	padding: 3px 15px 3px 10px;
	margin: 0;
	}

#sign-up_public label {
	width: 100px;
	float: left;
	display: block;
	clear: both;
	line-height: 20px;
	text-align: left;
	}

#sign-up_public input[type="text"] {
	width: 160px;
	height: 20px;
	border: none;
        }
		
#sign-up_student a {
	width: 289px;
	height: 38px;
	background: url(images/student_sign-up.gif) no-repeat;
	display: block;
	margin: 3px 0 15px 0;
	}
	
/*-----------------------------------------------------------------------------------------------
  contact form
-----------------------------------------------------------------------------------------------*/
form#form_contact table td, form#form_signup table td{
	vertical-align: top;
	background: none;
	}
	
form#form_contact td, form#form_signup td {
	padding: 5px 0 0 0;
	}
	
form#form_contact table, form#form_signup table {
	background: #D3D3D3 ;
	padding: 5px 10px 10px 10px;
	margin-bottom: 1em;
	}
	
form#form_contact textarea, form#form_signup textarea {
	width: 100%;
	}
	
form#form_contact textarea, form#form_signup textarea, form#form_contact td > input, form#form_signup td > input, form#form_signup li > input {
	border: none;
	padding: 2px 0;
	}

form#form_contact label, form#form_signup label{
	float: right;
	}
	
/*-----------------------------------------------------------------------------------------------
  special
-----------------------------------------------------------------------------------------------*/

	
div#box {
	text-align: left;
	color: #0066cc;
	}
	
div#box h3 {
	padding: 15px  15px 0 15px;
	}
	
div#box ol {
	padding: 0 30px 20px 40px;
	}

div#box blockquote {
	padding-bottom: 15px;
	}

div#box blockquote cite {
	padding-right: 15px;
	color: #0066cc;
	}

p.link {
	margin: -12px 0 16px 0;
	}
	
p#refer-friend {
	position: absolute; top: 29px; right: 10px;
	}
		
p#refer-friend a:hover {
	text-decoration: underline;
	color: #0066cc;
	}
	
form#form_signup td > input[type="submit"] {
	cursor: pointer;
	border: 1px solid #999999;
	padding: 3px 5px;
	}	

		
/*-----------------------------------------------------------------------------------------------
  Aslett Clearing Method
-----------------------------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */