/**********************************************************************************************

	CSS on Sails
	Title: CacheFly
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: January 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, 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; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after, .three-cols:after, .logos ul:after, #content:after, #main ul:after, .side-bottom:after, .map:after, .wrapper:after, .contact-form ul li:after, .side-header:after, .contact-form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.push { 
	height: 2px; 
	/* .push must be the same height as .footer */
}

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff; color: #323232; font-family: "Arial", "Helvetica", sans-serif; font-size: 13px; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; outline: none; }
a, a:visited { color: #006ab3; text-decoration: none; outline: none; }
a:hover, a:active { color: #f00; outline: none; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.container { width: 960px; margin: 0 auto; }
#header { height: 119px; width: 960px; margin: 0 auto; }
.teaser { background: url(http://0.cachefly.cachefly.net/v4/_ui/images/bg-teaser.png) top left repeat-x; height: 364px; overflow: hidden; }
.teaser .container { background: url(http://1.cachefly.cachefly.net/v4/_ui/images/misc-glow-teaser.png) top right no-repeat; height: 100%; }
.page-header { height: 88px; overflow: hidden; }
.page-header .container { height: 75px; padding-top: 13px; }
#content { background: url(http://2.cachefly.cachefly.net/v4/_ui/images/bg-content.png) top left repeat-x; }
#footer { background: url(http://3.cachefly.cachefly.net/v4/_ui/images/bg-footer.png) top left repeat-x; height: 235px; overflow: hidden;}
#footer .container { background: url(http://4.cachefly.cachefly.net/v4/_ui/images/misc-glow-footer.png) top right no-repeat; height: 100%; position: relative; }
#sidebar { float: left; margin: 0 10px; display: inline; width: 220px; padding-top: 38px; }
#main { float: right; width: 710px; margin-left: 10px; display: inline; padding-top: 28px; padding-bottom: 20px; }


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header h1 { float: left; width: 194px; height: 90px; text-indent: -9999px; background: url(http://5.cachefly.cachefly.net/v4/_ui/images/logo.png) top left no-repeat; margin-top: 14px; margin-left: 10px; }
#header h1 a { float: left; width: 194px; height: 90px; text-indent: -9999px; }
#header .inner { float: right; width: 75%; }
/* #header .inner h2 { float: right; width: 234px; height: 28px; background: url(http://0.cachefly.cachefly.net/v4/_ui/images/misc-phone.png) top left no-repeat; text-indent: -9999px; margin-top: 21px; } */
#header .inner h2 { float: right; height: 27px; margin-top: 21px; margin-right: 21px; font-size: 11px; }




/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#nav { float: right; clear: both; margin-top: 19px; }
#nav ul li { float: left; margin: 0 15px; position: relative; z-index: 10; }
#nav ul li.item-4 { margin-right: 7px; }
#nav ul li a { background: url(http://1.cachefly.cachefly.net/v4/_ui/images/nav-primary-hov-left.png) left bottom no-repeat; float: left; position: relative; z-index: 10; }
#nav ul li a em { color: #3b3b3b; font-style: normal; font-size: 14px; background: url(http://2.cachefly.cachefly.net/v4/_ui/images/nav-primary-hov-right.png) right bottom no-repeat; font-weight: 400; float: left; padding: 10px 15px; cursor: pointer; }
  #nav ul li.active a { background: url(http://4.cachefly.cachefly.net/v4/_ui/images/nav-primary-hov-left.png) top left no-repeat; }
  #nav ul li.active a em { color: #ffffff !important; font-size: 14px; background: url(http://0.cachefly.cachefly.net/v4/_ui/images/nav-primary-hov-right.png) top right no-repeat; font-weight: 400; float: left; }
#nav ul li .submenu { display: none; position: absolute; right: 0; overflow: hidden; top: 32px; background: url(http://1.cachefly.cachefly.net/v4/_ui/images/nav-sub-top.png) top left no-repeat; z-index: 5; width: 144px; }
#nav ul li .submenu ul { background: url(http://2.cachefly.cachefly.net/v4/_ui/images/nav-sub-bottom.png) bottom left no-repeat; overflow: hidden; margin: 0 !important; padding: 12px 0 !important; }
#nav ul li .submenu ul li { float: none; position: relative; z-index: 6; clear: both; line-height: 1; height: 100%; padding: 6px 0; left: 12px; margin: 0 !important; }
#nav ul li .submenu ul li a { background: transparent; float: none; color: #ffffff; position: relative; z-index: 6; line-height: 1; font-size: 12px !important;}
#nav ul li .submenu ul li a:hover { text-decoration: underline; }


/* 2.4 Teaser
-----------------------------------------------------------------------------------------------*/
.teaser .left { width: 530px; display: inline; float: left; margin-left: 10px; }
.teaser .left h3 { font-size: 48px; color: #000057; margin-top: 65px; margin-bottom: 13px; font-weight: 700;}
.teaser .left p { font-size: 19px; color: #ffffff; font-weight: 700; }
.teaser .left p span { color: #7fdc17; }
.teaser .left ul { margin-top: 38px; }
.teaser .left ul li { float: left; margin-right: 28px; }
.teaser .left ul li a { float: left; width: 182px; height: 65px; text-indent: -9999px; }
  .teaser .left ul li.btn-green a { background: url(http://3.cachefly.cachefly.net/v4/_ui/images/btn-learn-more.png) top left no-repeat; }
  .teaser .left ul li.btn-white a { background: url(http://4.cachefly.cachefly.net/v4/_ui/images/btn-watch-tour.png) top left no-repeat; }
  .teaser .left ul li.btn-green a:hover { background: url(http://5.cachefly.cachefly.net/v4/_ui/images/btn-learn-more.png) bottom left no-repeat; }
  .teaser .left ul li.btn-white a:hover { background: url(http://0.cachefly.cachefly.net/v4/_ui/images/btn-watch-tour.png) bottom left no-repeat; }

.teaser .right { width: 420px; float: right; display: inline; background: url(http://1.cachefly.cachefly.net/v4/_ui/images/misc-teaser.png) top left no-repeat; text-indent: -9999px; height: 100%; margin-top: 8px; }
.teaser .right a { display: block; width: 380px; height: 266px; margin-left: 27px; margin-top: 14px; }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
.three-cols { padding-top: 28px; border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; }
.three-cols .col { display: inline; float: left; width: 300px; margin: 0 10px; font-size: 14px; }
.three-cols .col p { color: #414141; }
.three-cols .col p a { color: #006ab3; }
.three-cols .col p a:hover { color: #0084E1; text-decoration: underline; }
.three-cols .col h4 { color: #313131; margin-top: 30px; margin-bottom: 15px; font-weight: normal; }

.three-cols .col-1 h3,
.three-cols .col-2 h3 { font-size: 18px; color: #0074bd; margin-bottom: 15px; margin-top: 3px; font-weight: 700;  }

.three-cols .col-1 a.more { display: block; width: 287px; height: 51px; text-indent: -9999px; background: url(http://2.cachefly.cachefly.net/v4/_ui/images/btn-speed-test.png) top left no-repeat; }
.three-cols .col-1 a.more:hover { background: url(http://4.cachefly.cachefly.net/v4/_ui/images/btn-speed-test.png) bottom left no-repeat; }

.three-cols .col-2 ul li { background: url(http://0.cachefly.cachefly.net/v4/_ui/images/bullet-plus.png) left center no-repeat; margin-bottom: 9px; font-weight: 500; padding: 4px 0 4px 31px; }

.three-cols .col-3 { background: url(http://1.cachefly.cachefly.net/v4/_ui/images/bg-posts.png) top left no-repeat; }
.three-cols .col-3 .inner { background: url(http://2.cachefly.cachefly.net/v4/_ui/images/bg-posts-bottom.png) bottom left no-repeat; padding-bottom: 17px; }
.three-cols .col-3 .inner h3 { font-size: 18px; text-transform: uppercase; color: #58400e; font-weight: bold; padding-top: 20px; margin: 0 20px 20px 20px; font-weight: 500; }
.three-cols .col-3 .inner ul { margin: 0 23px; }
.three-cols .col-3 .inner ul li { padding-bottom: 15px; }
.three-cols .col-3 .inner ul li.last { padding-bottom: 12px; }
.three-cols .col-3 .inner ul li a { color: #58400e; font-weight: bold; }
.three-cols .col-3 .inner ul li a:hover { color: #745411; }
.three-cols .col-3 .inner ul li small { display: block; margin-left: 20px; color: #9d9177; font-size: 11px; }
.three-cols .col-3 .inner .more { text-align: right; margin-right: 20px; position: relative; z-index: 100; }
.three-cols .col-3 .inner .more a { color: #b28d3f; font-size: 12px; font-weight: bold; }
.three-cols .col-3 .inner .more a:hover { text-decoration: underline; }

.logos .carousel-wrap { margin-top: 24px;}
.logos ul li { float: left; display: inline; margin-right: 0; height: 110px; text-align: left; width: 192px; }
.logos ul li.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
.logos ul li.last {  }
.logos p.more { text-align: right; margin-top: 21px; margin-right: 10px; margin-bottom: 26px; }
.logos p.more a { color: #575757; font-weight: bold; }
.logos p.more a:hover { text-decoration: underline; color: #000000; }

.page-header h2 { font-size: 46px; font-weight: 700; margin-left: 10px; }

#main h2 { font-size: 46px; font-weight: 700; margin-bottom: 16px; }
#main p { line-height: 16px; margin-bottom: 20px; }
#main p.intro { font-weight: bold; }
#main p.large { font-size: 14px; line-height: 18px; margin-bottom: 20px; }

#main .align-left { float: left; margin-right: 10px; }
#main .align-right { float: right; margin-left: 10px; }

#main ul { margin-bottom: 20px; margin-left: 70px; }
#main ul li { float: left; display: inline; width: 273px; margin: 0 10px; margin-bottom: 20px; padding-left: 27px; }

.carousel-previous, .carousel-next { display: none; }

.contact-form { background: #f6fbf2; width: 100%; height: 100%;  }
.contact-form ul { margin: 0 0 10px 0 !important; height: 100% !important; padding-top: 25px !important; }
.contact-form ul li { background: transparent !important; clear: both; float: none; margin: 0 0 10px 0!important; padding: 0 !important; line-height: 33px; width: 100% !important; }
.contact-form ul li label { float: left; width: 176px; font-weight: bold; text-align: right; color: #649138; }
.contact-form ul li span { float: left; margin-left: 15px; }
.contact-form ul li span.for-input { background: url(http://3.cachefly.cachefly.net/v4/_ui/images/form-input.jpg) top left no-repeat; width: 294px; height: 33px; }
.contact-form ul li span.for-input input { width: 284px; margin: 0 5px; padding: 5px 0; background: transparent; border: 0; font-size: 12px; }
.contact-form ul li span.for-textarea { background: url(http://4.cachefly.cachefly.net/v4/_ui/images/form-textarea.jpg) top left no-repeat; width: 491px; height: 153px; }
.contact-form ul li span.for-textarea textarea { width: 481px; height: 143px; margin: 5px; background: transparent; border: 0; font-size: 12px; }
.contact-form ul li.submit { clear: both; margin-bottom: 0 !important; }
.contact-form ul li.submit input { margin-left: 191px; }

.map { margin-top: 25px; font-size: 14px; margin-bottom: 15px; }
.map a { float: left; width: 508px; height: 245px; }
.map address { float: right; width: 166px; line-height: 20px; }
.map address strong { display: block; margin-bottom: 10px; }
.map address img { display: block; margin-top: 15px; }

.plans { width: 695px; margin-bottom: 30px; } 
.plans td { text-align: center; vertical-align: middle; }
.plans thead td { font-size: 13px; color: #ffffff; height: 69px; }
.plans thead td.col-2 { background: url(http://5.cachefly.cachefly.net/v4/_ui/images/bg-table-thead-col-2.png) top left no-repeat; }
.plans thead td.col-3 { background: url(http://0.cachefly.cachefly.net/v4/_ui/images/bg-table-thead-col-3.png) top left no-repeat; }
.plans thead td.col-4 { background: url(http://1.cachefly.cachefly.net/v4/_ui/images/bg-table-thead-col-4.png) top left no-repeat; }
.plans thead td strong { font-weight: bold; text-transform: uppercase; font-size: 21px; display: block; }
.plans tbody td { font-weight: bold; height: 39px; }
.plans tbody td.col-1 { width: 267px; border-bottom: 1px solid #8c8c8c; text-align: left; padding-left: 15px; color: #5e5e5e; }
.plans tbody td.col-2 { width: 143px; color: #ffffff; border-bottom: 1px solid #73c8ec; background: #009add; }
.plans tbody td.col-3 { width: 140px; color: #006ca5; border-bottom: 1px solid #abdef4; background: #66c2eb; }
.plans tbody td.col-4 { width: 130px; color: #006ca5; border-bottom: 1px solid #dcf1fa; background: #bfe6f6; }
.plans tfoot td a { display: block; height: 67px; line-height: 67px; color: #ffffff !important; font-weight: bold; font-size: 21px; }
.plans tfoot td a:hover { font-size: 22px; }
.plans tfoot td.col-2 a { width: 143px; background: url(http://2.cachefly.cachefly.net/v4/_ui/images/btn-signup-2.png) top left no-repeat; }
.plans tfoot td.col-3 a { width: 140px; background: url(http://4.cachefly.cachefly.net/v4/_ui/images/btn-signup-3.png) top left no-repeat; }
.plans tfoot td.col-4 a { width: 130px; background: url(http://0.cachefly.cachefly.net/v4/_ui/images/btn-signup-4.png) top left no-repeat; }



/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar ul.menu { overflow: hidden; margin-bottom: 30px; }
#sidebar ul.menu li { overflow: hidden; height: 40px; } 
#sidebar ul.menu li a { display: block; padding: 0 14px !important; line-height: 40px; height: 40px; color: #3a3a3a; font-weight: bold; font-size: 14px; overflow: hidden; margin: 0 !important; }
#sidebar ul.menu li a:hover { color: #ffffff !important; }
#sidebar ul.menu li a.current { color: #ffffff !important; }
  /* colors/http://1.cachefly.cachefly.net/v4.css */
  
.contacts { background: url(http://2.cachefly.cachefly.net/v4/_ui/images/bg-contacts-body.jpg) top left repeat-y; height: 100%; width: 100%; }
.contacts-header { background: url(http://3.cachefly.cachefly.net/v4/_ui/images/bg-contacts-header.jpg) top left no-repeat; height: 100%; width: 100%; }
.contacts-bottom { background: url(http://4.cachefly.cachefly.net/v4/_ui/images/bg-contacts-bottom.jpg) bottom left no-repeat; height: 100%; width: 100%; padding-top: 20px; padding-bottom: 1px;}
.contacts dl { margin: 0 0 55px 0;}
.contacts dl dt { text-transform: uppercase; font-size: 14px; color: #58400e; font-weight: bold; border-bottom: 1px solid #d6d3ca; margin: 0 10px 4px 10px; }
.contacts dl dd { font-size: 12px; color: #9d9177; margin: 0 10px 28px 10px; }

.contacts h3 { font-size: 18px; color: #58400e; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; margin-left: 17px; }
.contacts ul { margin-left: 17px; }
.contacts ul li { background: url(http://5.cachefly.cachefly.net/v4/_ui/images/bullet-plus-small.png) top left no-repeat; margin-bottom: 15px; color: #634c1d; padding-left: 28px; margin-right: 15px; }
.contacts ul li span { color: #EE210A; font-weight: bold; }
.contacts ul li a { color: #b28d3f !important; font-weight: bold; }


/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer .container div { float: left; margin: 0 10px; display: inline; }
#footer .container .wide-2 { width: 140px; }
#footer .container .wide-3 { width: 220px; }
#footer .container div h3 { font-size: 18px; color: #000057; margin-top: 26px; margin-bottom: 10px; font-weight: 700; }
#footer .container div ul li { line-height: 24px; color: #ffffff; margin-left: 10px; }
#footer .container div ul li a { color: #ffffff; font-size: 12px; }
#footer .container div ul li a:hover { text-decoration: underline; }

#footer .container .logo { margin: 0; width: 160px; }
#footer .container .logo span { display: block; width: 160px; height: 107px; text-indent: -9999px; background: url(http://0.cachefly.cachefly.net/v4/_ui/images/logo-footer.png) top left no-repeat; margin-top: 28px; }
#footer .container .logo span a { display: block; width: 160px; height: 107px; text-indent: -9999px; }

#footer .container p { position: absolute; right: 10px; bottom: 10px; font-size: 12px; color: #000057;}