@import "reset.css"; 


/* COLORS

ocean   #345B60
rust    #6F3B26
sand    #D4C697
mud     #74745A
grease  #051603


*/


/* PAGE STRUCTURE */
	
body {
	
	font-family: "cronos-pro-1","cronos-pro-2","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:16px;
	background-color:#EEE;
	color:#555;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; }
	

#content {
	
	background-color: #FFF;
	width:80%;
	max-width:860px;
	margin:0 auto;
	padding:0 60px 20px;
	
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.25);
  box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.25);
  border-radius: 8px; 
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px;  }
	
	
#main {
	
	clear:both;
	margin-top:30px;
	width:100%; }	
	

.news-item {
  margin:0 0 10px }

	
	
/* BANNER */	


#banner {

	padding:0 0 50px; }
	

#banner #logotype h1:hover {

	opacity:.7; }	
	
	
#banner #logotype h1 a {

	border:0; }		

#banner #logotype {

  position:absolute; 
  top:0; 
  left:0; 
  display:inline; 
  padding:0; }

#banner #logotype h1 {

  float:left;
  padding:40px 14px 6px;
  background-color: #069;  }

#banner #logotype h1, #logotype h1 a {

  color:#FFF; }

#logotype h1 a:hover {

  background-color:inherit; }


#hello h2 {

  text-align:center;
  padding-bottom:70px;
  font-size:36px;
  color:#444; }



#nav { 

	float:right;
	width:70%;
	padding:40px 0 0 60px; }
	

#nav ul {
	
	float:right;
	margin:0;
	padding:0;
	list-style-type:none; }
	

#nav li {
	
	float:left; }
	
#nav a {
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	padding:.7em 1em .6em;
	display:block; 
	float:left;
	text-decoration:none; 
	text-transform:uppercase;
	color:#555; 
	font-size:.7em;
	font-weight:bold;
	letter-spacing:0px;
	line-height:1.3em;	
	border-radius: 5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-bottom:1px solid #CCC;
	background:#F1F1F1;
	margin-right:2px; }
	

#nav a:hover {
	
	background-color:#ddd;
	color:#444; }
	
	
#nav a:active {
	
	background-color:#BBB; 
	color:#FFF; }
	
	
#nav li#home a {
	
	border-left:1px solid #f1f1f1; }
	
	
#page-home #nav-home a,	
#page-services #nav-services a,
#page-about #nav-about a,
#page-blog #nav-blog a,
#page-speaking #nav-speaking a,
#page-contact #nav-contact a {
	
	background-color:#345B60;
	color:#FFF;
	border-bottom:1px solid #333;
	background-color:#BBB;
	color:#222;
	border-bottom:1px solid #999; }
	
	
#subnav {

	margin:4px 0 60px;
	font-size:80%;
	color:#999; }
	
	
#subnav a {
	
	padding:.5em 1em .55em;
	display:block; 
	float:left;
	text-decoration:none; 
	text-transform:uppercase;
	color:#555; 
	font-size:.8em;
	letter-spacing:0px;
	border-right:1px solid #f1f1f1;
	line-height:1.3em;	
	border-radius: 5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-bottom:1px solid #CCC;
	background:#f4f4f4;
	margin-right:2px; }	
	
	
.row h1 {
	
	clear:both;
	font-size:44px;
	font-weight:bold;
	color:#333;
	margin-bottom:.2em;
	margin-left:174px; }
	
	
.row h1 .aka {

	font-size:70%;
	color:#666; 
	margin-left:.4em; }
	
	
.row h2.subhead {

	clear:both;
	font-size:120%;
	font-weight:normal;
	color:#777;
	font-family:Georgia;
	font-style: italic;
	margin:.4em 0 1em 174px;
	line-height:1.2em; }
	
	 
.row {
	
	margin-bottom:2em; }


.row h2.inline-head {
	
	margin:0;
	font-size:20px;
	width:153px;
	padding-right:20px;
	float:left;
	font-weight:bold;
	font-style:normal;
	line-height:1.5em;
	color:#555; }
	
	
.row .inline-head {
	
	width:10em;
	padding-right:1em;
	float:left;
	font-weight:bold;
	line-height:1.6em;
	color:#555; }
	
	
.row .side-note {

	width:10em;
	padding-right:1em;
	float:left;
	font-weight:normal;
	line-height:2.2em;
	color:#74745A;
	font-size:75%; }	
	 
	 
.row p, .row li {
	
	font-size:20px;
	margin-left:174px; }
	
	
.row table, 
.row form {

	margin-left:174px; }
	
	
.row table td, th {

	padding:5px 40px 0;
	text-align:center; }		
	
	
	
/* DEFAULT ELEMENT STYLES */


h1 {
	
	font-size:180%;
	font-weight:bold;
	color:#333;
	margin-bottom:.2em; }	
	
	
h2 {

	color:#333; }
	

ol {

	list-style-type: decimal;
	list-style-position: outside;
	margin-left:1.5em;
	list-style-image: url() }
	
	

ul {

	list-style-type: square;
	list-style-position: outside;
	margin:0 0 1em 1.5em;
	list-style-image: url() }
		


p, li, td, th { 

	color:#555;
	line-height:1.6em;
	margin-bottom:1em; 
	font-family: "cronos-pro-1", "cronos-pro-2", "Lucida Grande", "Lucida Sans Unicode", sans-serif; }		
			
	
	
/* LINKS */	
	
	
a {
	
	text-decoration:none;
	border-bottom:1px solid #DDD; 
	color:#345B60; }
	
	
a:visited {

	color:#6F3B26; }
	
	
a:hover {
	
	background-color:#6F3B26; 
	color:#FFF; }
	

	
	
em {

	font-style: italic; }
	
	
strong {

	font-weight:bold; }
	


.screenshot {

	clear:both;
	float:right;
	margin:5px 0 20px 30px;
	padding:10px;
	background-color:#EEE;
	border-radius: 5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;  }
	
	
.screenshot img {

	border:1px solid white; }
	
	
	
#call-me {

	padding:16px 20px 18px;
	color:#FFF;
	background-color: #333;
	text-align:center;
	border-radius: 5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;  }	
	

#call-me .phone { 

	color:yellow; }
	
	
.speaking-date {

	padding-left:1em;
	font-weight:normal;
	color:#74745A;
	font-size:75%; }	
	
	
	
/* SPECIFIC ELEMENTS */	
	

form#contact {

	margin-top:30px; }
	

form#contact label {

	width:6em;
	display:block;
	float:left;
	color:#444;
	padding-top:6px; }
	
	
form#contact input {

  width:16em; }
	

form#contact input, 
form#contact textarea {

	margin:0 0 1em 0em;
	padding:5px 6px;
	font-size:100%;
	border-radius:5px; 
	border-color:#777777 #CCCCCC #CCCCCC #777777;
	border-style:solid;
	border-width:1px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;  }
	
	

form#contact input:focus,
form#contact textarea:focus {

	background-color:#FFC; }	
	
	

form#contact input#submit {

	margin:0 0 0 6em;
	padding:5px 12px;
	width:auto;
	background-color:#345B60;
	color:#FFF;
	border-color:#CCCCCC #777777 #777777 #CCCCCC; }
	
	

form#contact input#submit:focus,
form#contact input#submit:hover {

	background-color:#6F3B26;
	cursor:pointer; }	
	
	

form#contact input#contact-body {

	padding-top:10px; }			


#tagline {

	font-size:200%; }


#inner-wrapper {

	padding-top:20px; }


#primary {

	float:left;
	width:60%; }
	 
	 
#primary-inner {

	padding-right:40px; }
	
	
#sidebar {

	float:right;
	width:40%; }	
		 	
	
.section h2 {

	font-size:100%;
	color:#333;
	margin:0 0 0 0; }
	

.section .subnote {

	margin:0 0 0;
	color:#666;
	font-size:90%; }	
	

.section #subscriber-count {

	margin-top:0;
	color:#999;
	font-size:70%; }	
	

#sidebar h2 {

	font-size:100%;
	color:#333;
	margin:0 0 1em 0; }


#sidebar h3 {

  font-size:14px;
	color:#999;
	margin:0 0 1em 0; }
	
	
.greet_box_close a {

	border:none; }	
	
	
/* ICONS */

#icons {

	margin:0 0 20px; }
	

#icons a,
#icons a:hover {

	border:none;
	background:none;  }
	
	
	

table#evaluation-pricing {}


table#evaluation-pricing td, th {

	padding:0 20px 1em 2px;
	white-space: nowrap; 
	text-align: left;}
	
table#evaluation-pricing .num-screens {

	font-size:80%;
	line-height: 1em; }



/* FOOTER */
	
	
#footer {

	clear:both;
	margin: 0 auto; 
	padding:30px 0 20px;
	width:80%; }	
	
	
#footer #copyright {

	clear:left; }
	
	
#footer ul {

	float:left;
	width:860px;
	list-style:none;
	margin:0;
	padding:10px 0; }
	
	
#footer li {

	float:left;
	margin:0 1em 0 0;
	padding:0; }
	
	
	
	
/*from positioniseverything.com*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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