/*

	File: screen.css
	Media: screen
	Author: Jose Luis Olide Jr.
	Notes: 

Table of Contents:

	Reset Defaults
	Basic Selectors
	Links
	Main Structure Selectors
	Header Layout
	Main Layout
	Sidebar Layout
	Margins
	
Colors:

	Dark Gray #333
	Medium Gray #777
	Light Gray #ccc
	Red #a90000
	
*/


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html { background: #222222 url(../images/bg/bg_main.jpg) top left repeat-x; }
body { font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #555; }


h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #333; }
p { font-size:1.2em; line-height:1.6em; margin:12px 0; }
small { font-size:1.1em; }


.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }

img.float-left { float:left; margin: 12px 24px 2px 0;  }
#footer img.float-left { float:left; margin: 0 8px 2px 0;  }
img.float-right { float: right; margin: 0 0 2px 24px; }

.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

.ten { font-size:1em; }
.eleven { font-size:1.1em; }
.twelve { font-size:1.2em; }
.fourteen { font-size:1.4em; }
.sixteen { font-size:1.6em; }
.eighteen { font-size:1.8em; }
.twenty { font-size:2em; }
.twentytwo { font-size:2.2em; }
.twentyfour { font-size:2.4em; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: normal; text-decoration: none;}
a:link { color: #167fbe;}
a:visited { color: #167fbe;}
a:hover { color: #000;}
a:active { color: #167fbe;}



/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

#navigation { margin:0; padding: 0 0; float: left; }
#navigation-right { margin: 26px 0 0 0; padding: 0 0; float: right; }
#container { width: 952px; margin:0 auto; background:transparent; padding: 0 24px 24px 24px; }
#sub-content { width: 904px; margin: 52px auto 0 auto; background: transparent url(../images/bg/sub_content_bg.png) top center no-repeat; padding: 24px;  }
#header { width:100%; margin-bottom: 0; float: left;}
#content { width:100%; margin-bottom:24px; float:left; min-height: 656px ;}
#main { width:650px; float:right; }
#sidebar { width:258px; float:left; margin-right: 24px; }
#footer { width:100%; padding-top:12px; float:left;}

#sub-content h3 {
	font-weight: bold; font-size: 22px;
	color: #3d3d3d;
	float: left;
}

#sub-content h2 {
	font-weight: normal; font-size: 26px;
	color: #1a83c3;
}

#sub-content p {
	font-size:1.4em; line-height:1.8em; margin:12px 0; font-weight: normal; color: #222222;
}

#page-head {
	border-bottom: 6px solid #ededed;
	padding: 0 0 12px 0;
	float: left;
	width: 100%;
	margin: 0 0 12px 0;
}

#features-content {
	height: 185px;
	padding: 32px 0 0;
	width:100%;
	background: transparent url(../images/bg/home_content_bg.png) top center no-repeat;
}

#features-content h2 {
	font-weight: normal; color: #06679a; font-size: 18px;
}

.featured_box {
	float: left; display: inline;
	width: 270px; padding: 4px 26px;
	border-right: 1px solid #eaeaea;
}
.featured_box_last {
	float: left; display: inline;
	width: 260px; padding: 4px 0 4px 26px;
	border-right: none;
}
.divider {
	float: left; display: inline;
	margin: 0 6px;
}
h1#hdr-logo {
	height: 41px;
	width: 212px;
	float: left;
	margin: 12px 24px 0 0;
	display: block;
}
h1#hdr-logo img {
	border: 0;
	background: none;
}

.left-box {
	float: left;
	width: 436px;
}

#textSlide h3 {
	font-weight: normal; font-size: 26px;
	color: #a4d1e9;
}

#textSlide h3.margin {
	font-weight: normal; font-size: 26px;
	color: #a4d1e9; margin: 52px 0 0 0;
}


.anythingSlider p {
	color: #eaeaea; font-size: 14px; line-height: 1.8em;
}

.rotator-light {
	background: transparent url(../images/bg/rotator_bg.png) top center no-repeat;
	padding: 34px 0 0;
}

h1#logo-large {
	height: 77px;
	width: 430px;
	float: left;
	margin: 24px 24px 28px 0;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/logos/instance_logo_large.png) top center no-repeat;
}
h1#logo-large img {
	border: 0;
	background: none;
}


a.signup {
	text-indent: -9999px; display: block; height: 47px; width: 152px;
	background: transparent url(../images/btn/signup_small.png) top center no-repeat;
}
a.signup:hover {
	text-indent: -9999px; display: block; height: 47px; width: 152px;
	background: transparent url(../images/btn/signup_small.png) bottom center no-repeat;
}

a.signup_grey {
	text-indent: -9999px; display: block; height: 47px; width: 152px; float: left;
	background: transparent url(../images/btn/signup_grey.png) top center no-repeat;
}
a.signup_grey:hover {
	text-indent: -9999px; display: block; height: 48px; width: 152px; float: left;
	background: transparent url(../images/btn/signup_grey.png) bottom center no-repeat;
}

a.learnmore {
	text-indent: -9999px; display: block; height: 46px; width: 172px; float: left; margin-left: 102px;
	background: transparent url(../images/btn/learn_more.png) top center no-repeat;
}
a.learnmore:hover {
	text-indent: -9999px; display: block; height: 46px; width: 172px; float: left; 
	background: transparent url(../images/btn/learn_more.png) bottom center no-repeat;
}

a.watch {
	text-indent: -9999px; display: block; height: 46px; width: 240px; float: left; margin: 18px 0;
	background: transparent url(../images/btn/watch.png) top center no-repeat;
}
a.watch:hover {
	text-indent: -9999px; display: block; height: 46px; width: 240px; float: left; 
	background: transparent url(../images/btn/watch.png) bottom center no-repeat;
}



/** Style the tweets */
.twitters {
  padding: 5px;
  overflow: auto;
  margin: 0;
  font-size: 12px;
}

.twitters ul {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  margin: 12px 0 0 0;
}

.twitters span.twitterPrefix {
  font-weight: bold;
  margin-right: 2px;
  color: #4bb1e6;
}



.twitters span.twitterTime {
  color: #616161; margin-left: 2px;
}

.twitters span.twitterStatus {
}

.twittersa {font-weight: normal; text-decoration: none;}
#twitter a:link { color: #4bb1e6;}
#twitter a:visited { color: #fff;}
#twitter a:hover { color: #fff;}
#twitter a:active { color: #4bb1e6;}
#twitter {
	color: #eaeaea; margin: 0 0 24px 0; width:100%; padding-top:12px; float:left;
}

a.twitter_bird {
	text-indent: -9999px; display: block; height: 39px; width: 77px; float: left; margin: 0 24px 0 0;
	background: transparent url(../images/logos/twitter.png) top center no-repeat;
}

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

#navigation ul { width:100%; overflow:hidden;}
#navigation ul li { float:left; display:inline; font-size:1.4em;}
#navigation ul li a { display:block; color:#ffffff; padding: 25px 24px; border-right:1px solid #0e567c; }
#navigation ul li a:hover { background: #121212; color:#eeeeee; padding: 25px 24px; }
#navigation ul li a:active { background: #121212; color:#3f98c8; padding: 25px 24px; }

#navigation-right ul { width:100%; overflow:hidden;}
#navigation-right ul li { float:left; display:inline; font-size:1.4em;}
#navigation-right ul li a { display:block; color:#4fa3d0; padding: 2px 0 2px 12px; font-size: 12px;  }
#navigation-right ul li a.first { display:block; color:#4fa3d0; padding: 2px 12px; border-right:1px solid #777; }

#navigation-right ul li a:hover { color:#eeeeee;}


/* Header Layout
--------------------------------------------------------------------------------------- */

#header h1 { font-size:3.0em; }



#footer p { color: #949494; font-size: 11px;}
#footer a {
	color: #eaeaea;
}
#footer a:hover {
	color: #3ea0d4;
}



/* Main Layout
--------------------------------------------------------------------------------------- */

#main h2 { font-size:1.6em; margin:34px 0 10px 0; text-transform: capitalize; }
.html_code { font-family: Courier, Times New Roman, serif; color: #888; margin-left: 24px;}


/* Sidebar Layout
--------------------------------------------------------------------------------------- */

ul.side_menu { width:258px; }
ul.side_menu li { border-bottom: 1px solid #e8e8e8; font-size: 1.4em; list-style: upper-roman; display: list-item; margin-left: 34px; padding-left: 6px;}
ul.side_menu li a { display: block; width:218px; padding: 10px 0; color: #777; text-decoration: none; font-weight: bold; }
ul.side_menu li a:hover { color: #a90000; text-decoration: none; }