/* ------------------------------------ */
/* 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, 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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}


/* ------------------------------------ */
/* GENERAL                              */
/* ------------------------------------ */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#F5F5F6;
	margin:0; padding:0 }
	
img { border: 0; }	
	
a { color:#000; }
a:hover { color:#333 }

.clear { clear:both }

a:focus, a:active { outline:none }
	
strong { font-weight: bold; }	
	
/* ------------------------------------ */
/* HEADER                               */
/* ------------------------------------ */
	
#header {
	position:relative;
	height:113px;
	background:#514b4b url('../images/header_bg.gif') bottom repeat-x }
	
	#header.subpage {
		border-bottom:1px solid #B90100 }
	
	#header .headerWrap { height:100% }	

/* --------------- */
/* LOGO ---------- */
#header h1 {
	margin:0; padding:0;
	position:absolute;
	top:12px; left:0;
	width:200px;
	height:110px }
	
	#header h1 a {
		width:200px;
		height:110px;
		display:block;
		margin:0;
		padding:0;
		background:url('../images/sitejive-logo.png') no-repeat;
		text-indent:-500px }

  #header .tagline {
  	margin:5px 0 0 0; padding:0;
  	position:absolute;
  	top:25px; left:200px;
  	width:115px;
  	height:100px;
  	color: #9EB648;
  	text-align:center;
  }

  #header .tagline h2 {
    line-height: 1.2em;
  	font-size: 11pt !important;    
  }

  #header .customerLinks {
  	position:absolute;
  	top:25px; right:0;
  	width:500px;
  	height:36px;
  	text-align: right;
  	color: #ffffdb;
  	font-size: 8pt;
  }

	#header .customerLinks a {
	  font-size: 10pt;
	  color: #9EB648;
		text-decoration: none;
  }
  
/* --------------- */
/* NAVIGATION ---- */
#header #navigation {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	right:-10px; bottom:20px }
	
	#header #navigation ul {
		list-style:none;
		display:block;
		margin:0; padding:0 }
		
		#header #navigation ul li {
			margin:0 0 0 20px;
			float:left }
			
		#header #navigation ul li a {
			padding:6px 10px;
			text-decoration:none;
			color:#ffffdb;
			display:block } 
			
		#header #navigation ul li a:hover { color:#FFD30B }

		#header #navigation li a.current, #header #navigation li.current_page_item a {
			background: #000; color:#FFD30B }
  					
		#header #navigation ul li a:hover { color:#FFD30B }
			
		/*
		#header #navigation li.current {
			background:url('../images/nav_active_left.gif') top left no-repeat }
			
		#header #navigation li.current span {
			color:#ffd30b;
			padding:6px 10px;
			display:block;
			background:url('../images/nav_active_right.gif') top right no-repeat }
		*/
		
.sitebar {}		
		
  .sidebar ul {
    margin: 0; padding: 0;
    list-style-type: none;
  }	

    .sidebar ul li {
      border-bottom: 1px solid #000;
    }	

		.sidebar ul li a {
		  display:block;
			padding:6px 10px;
			text-decoration:none;
			font-size: 10pt ;
			} 

		
/* ------------------------------------ */
/* FOCUS AREA                           */
/* ------------------------------------ */
	
#focusArea {
	border-top:1px solid #b90100;
	border-bottom:9px solid #ffd30b;
	position:relative;
	background:#2e0100 url('../images/focus_bg.gif') top repeat-x;
	font-size:11pt;
	line-height:1.4em;
  }
	
	#focusArea.home { height:306px; }
	#focusArea.plans { height:500px; }
	
	#focusArea.home .focusWrap { height:306px; background:#2e0100 url('../images/focus_image.jpg') top left; color:#ffffe5; }
	#focusArea.plans .focusWrap { height:306px; background:#2e0100 url('../images/focus_image.jpg') top left; color:#ffffe5; }
	
	
	#focusArea h2 {
		font-size:20px;
		letter-spacing:1px;
		color:#ffd30b;
		margin:30px 0 10px 0;
		padding:0 }
	
	#focusArea p {
		color:#ffffe5;
		margin:0;
		padding:0 }
		
	#focusArea a {
		color:#ffd30b;
		text-decoration:underline }
		
	#focusArea a:hover {
		color:#ffffe5;
		text-decoration:none }

	#customerSiteFocus {
		position:absolute;
		right:-60px; top:-285px;
		z-index:20;
		overflow: hidden;
		width:445px;
		height:275px;
		padding:5px 0 0 71px;
	}

	#customerSiteFocus .screenshot {
		overflow:hidden;
		margin:0; padding:0;
		width:445px; height:275px;
	}
	

	#customerSiteFocus .screenshot a.link {
	  display: block;
	  height: 255px;
  }
  
	#customerSiteFocus .description {
	  height: 15px;
	  border-top: 2px solid #FFF; 
	  background:#8A0300 url('../images/home_bar_bg.gif') top repeat-x;
	  padding: 4px 10px 3px 10px;
	  font-size: 7pt;
	  font-weight: bold;
	  text-align: center;
	}
	
	#customerSiteFocus .description a {
	  margin: 0;
	  padding: 0; 
	  color: #e1dcdc;
	  text-decoration: none;
	}

	#customerSiteFocus h2.more {
	  margin: 85px 0 0 0;
	  padding: 0; 
		color:#ffffe5;
		font-size: 18pt;
	  text-decoration: none;
	  text-align: center;
	}

	#customerSiteFocus h2.more a {
		color:#ffd30b;
  }
  
	/*
  
	#customerSiteFocus .pagination {
		position:absolute;
		font-size:64px;
		cursor:pointer;
		color:#FFD30B }

	#customerSiteFocus .pagination#next { top:145px; right:-40px }
	#customerSiteFocus .pagination#previous { display:none; left:30px; top:145px; }

		
	#customerSiteFocus .caption { 
	  margin: 12px 0 0 0;
	  text-align: center;
	  font-size: 9pt;
	  font-style: italic;
	}
			
	*/
			
/* ------------------------------------ */
/* CONTENT STYLES                       */
/* ------------------------------------ */

.border-right { /* border-right:1px solid #4F4F4F; */ }
.grid_4.border-right { padding:0 20px 0 0; width:287px !important }

.subpageContentBorder {
	border-top:5px solid #4F4F4F }

.content-area {
  min-height: 500px;
  border-bottom: 2px solid #4F4F4F;
  background-color: #FFF;
	width:684px !important;
	padding:5px; 
  }
    
.content-full {
	width:960px !important;    
}

.content {
  font-size: 1.2em;
  font-size: 15px;
}

.content h1 {
	font-size:26px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:-1px;
	color:#000 }

  
.content h2 {
	font-size:19px;
	line-height:25px;
	font-weight:normal;
	letter-spacing:-1px;
	color:#000 }

.content h3 {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	margin-top:25px;
	padding:10px 0 0 0;
	border-top:1px solid #888888;
	color:#222 }

	.news-block h3 {
		padding:0; margin-top:3px; border:none }

.content h4 {
	font-size:14px;
	margin:0 0 15px;
	line-height:20px;
	font-weight:bold;
	color:#670A00 }

.content p, .content ul, .content ol {
	line-height:20px;
	margin:10px 0;
	}
		
.content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 15px;
  padding-left: 15px;
}

.content li {
  margin: 2px 0 2px 0;
}
				
.breadcrumbs {
  margin: 10px 0 -5px 0;
}

#topicHelp {
  float: right;
  margin: 35px 15px 0 0;
}
			
/* ------------------------------------ */
/* CONTENT AREA                         */
/* ------------------------------------ */
	
#contentArea {
	z-index:10;
  min-height: 300px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size: 0.8em;
	/* background:url('../images/content_top.gif') repeat-x top */
	}
	
	#contentArea.subpage { 
    min-height: 600px;
	  border-top:10px solid #8A0300; }
	
	/* #contentArea .contentWrap { margin:0 auto 20px; background:url('../images/content_bg.jpg') no-repeat top left } */
	#contentArea .contentWrap { margin:0 auto 20px; }
	
	#contentArea h2 {
		color:#353030;
		font-size:23px;
		letter-spacing:-1px;
		/* text-transform:uppercase; */
		margin:25px 0 14px 0; padding:0 }
		
	#contentArea th, #contentArea td {
	  padding: 3px;
	}	
		
	#contentArea .redBar {
		clear:both;
		height:25px;
		font-size:10px;
		color:#e1dcdc;
		background:url('../images/home_bar_bg.gif') repeat-x }
		
		.redBar a { color:#FFD30B; text-decoration:none }
		.redBar a:hover { color:#fff }
		
		.redBar .name,
		.redBar .storage,
		.redBar .bandwidth,
		.redBar .price,
		.redBar .status,
		.redBar .date,
		.redBar .location,
		.redBar .news,
		.redBar .media {
			text-transform:uppercase;
			padding-top:6px }

		.redBar .name, .plan-block .name { float:left; width:12%; padding-left:8px }
			.plan-block .name { padding-left:0; width:32% }

		.redBar .storage, .plan-block .storage { float:left; width:9% }
			.plan-block .storage { width:23% }

		.redBar .bandwidth, .plan-block .bandwidth { float:left; width:9% }
			.plan-block .bandwidth { padding-left:0; width:25% }

		.redBar .price, .plan-block .price { float:left; width:11%; padding-left:8px }
			.plan-block .price { padding-left:0; width:10%; text-align: right; }
		
		.redBar .news { float:left; width:34% }
		.redBar .media { float:left; width:23% }

  .planArea {
	  width:370px !important }

		.plan-block {
		  width: 370px;
			font-size:18px;
			color:#3c3c3c;
			border-bottom:1px solid #ada5a5;
			margin:0 10px 0 0;
			height:32px;
			padding:15px 0 0 5px;
			line-height:16px }
			
		.plan-block a {
		  text-decoration: none;
		  font-weight: bold;
		}
			
		.planArea .recommended {
		  border-left: 1px solid #ada5a5;
		  border-right: 1px solid #ada5a5;
  	  background-color: #FFF;
  	  color: #334E0C;
  	}
  	
  	.planArea .recommended a {
  	  color: #334E0C;  	  
  	}
    	
	  .planArea .learn-more {
	    margin: 5px 0 5px 0;
	    text-align: center;
	    font-size: 9pt;
	  }
	
  	.featuresArea {
  		border-left:1px solid #ada5a5;
  		border-right:1px solid #ada5a5;
  		width:280px !important;
  		margin:10px 0 15px 0 !important;
  		padding:0 20px !Important }

  	.feature-block {
  		position:relative !important;
  		padding:0 0 5px 0;
  		margin:0 0 20px 0;
  		border-bottom:1px solid #ada5a5 !important;
  		line-height: 1.6em;
  		font-size: 9pt !important; }

  	.featuresArea h2, .featuresArea h3, .whyArea h2, .whyArea h3 {
  		font-size:15px;
  		margin: 0 !important;
  	  margin-bottom: 10px !important;
  	  padding: 0 !important;
      font-size: 12pt !important;
      }

  		.feature-block h3 a, .whyArea h3 a { text-decoration:none }

  	.featuresArea p, .whyArea p {
  		margin:0 0 10px 0;
  		padding:0;
  		color:#353030;
  		font-size:9pt;
  		line-height:17px }

  	.features-block small {
  		font-size:11px;
  		color:#605a5a }

  	.features-block a.learn-more {
  		display:block;
  		padding:4px 8px 5px 8px;
  		position:absolute;
  		height:14px;
  		bottom:0; right:0;
  		background:#8a0300;
  		text-decoration:none;
  		font-size:13px;
  		color:#fff }

  		.features-block a.learn-more:hover, .whyArea a.learn-more:hover {
  			background:#670A00 }
  			
  	.featuresArea ul {
  	  margin: 5px;
  	  padding: 0;
  	}	

  	.featuresArea ul li {
      margin-left: 5px;
  	}
  	
	.whyArea {
		margin-top:15px 0 0 0;
		margin-right:0 !important;
		width:228px !important }

		.whyArea.sidebar {
			margin-right:10px !important;
			width:220px !important }

	.whyArea .why-block {
		margin:15px 0 20px;
		padding:0 0 0 8px;
		position:relative; 
		font-size: 10pt;
		}
  	
  	.whyArea .why-block h2 {
    }

		.whyArea.sidebar .why-block {
			padding:0 !important }

	.whyArea a.learn-more {
		display:block;
		padding:5px 8px;
		position:absolute;
		bottom:0; right:0;
		background:#8a0300;
		border-top:2px solid #F5F5F6;
		border-left:2px solid #F5F5F6;
		text-decoration:none;
		font-size:13px;
		color:#fff }

	.whyArea img { display:block; margin:0 }
  			
		
	.newsArea {
		border-left:1px solid #ada5a5;
		border-right:1px solid #ada5a5;
		width:280px !important;
		margin:10px 0 15px 0 !important;
		padding:0 20px !Important }
	
	.news-block {
		position:relative !important;
		padding:0 0 5px 0;
		margin:0 0 20px 0;
		border-bottom:1px solid #ada5a5 !important }
	
	.news-block h3, .mediaArea h3 {
		font-size:15px;
		margin:5px 0 2px 0; padding:0 }
		
		.news-block h3 a, .mediaArea h3 a { text-decoration:none }
		
	.news-block p, .mediaArea p {
		margin:0 0 10px 0;
		padding:0;
		color:#353030;
		font-size:13px;
		line-height:17px }
		
	.news-block small {
		font-size:11px;
		color:#605a5a }
		
	.news-block a.read-more {
		display:block;
		padding:4px 8px 5px 8px;
		position:absolute;
		height:14px;
		bottom:0; right:0;
		background:#8a0300;
		text-decoration:none;
		font-size:13px;
		color:#fff }
		
		.news-block a.read-more:hover, .mediaArea a.view-details:hover {
			background:#670A00 }
	
	
/* ------------------------------------ */
/* PLANS                                */
/* ------------------------------------ */

#plansFull { 
  margin-top: 0;
  margin-left: auto; 
  margin-right: auto;
  width: 850px;
  text-align: center;
  color:#ffd30b;
  }

  #plansFull h1 {
    margin: 0;
    padding-top: 15px; 
    color: #ffffdb;
    font-size: 26pt;
  }

  #plansFull h2 {
    margin: 0;
    padding: 15px; 
    color: #ffffdb;
    font-size: 16pt;
  }

  #plansFull .plans {
    margin-top: 15px;
  }
  
  #plansFull .plan {
	  float: left;
	  width: 205px;
	  height: 300px;
	  margin: 25px 0 25px 0;
	  padding: 5px 0 5px 0;
	  border: 1px solid #020202;
	  background-color: #FFF;
	  color: #222;
	}

	#plansFull .plan h2 {
	  margin: 5px 0 8px 0;
	  padding: 0;
    font-size: 22pt;
	  color: #222;
	}

	#plansFull .plan .pricing {
	  font-size: 1.2em;
  }

	#plansFull .plan .setup {

  }

	#plansFull .plan .price {
  }

  #plansFull .plan .tagline, #plansFull .plan p {
    font-size: .9em;
	  color: #020202;
	  text-transform: uppercase;
	}
	
	#plansFull .recommended h2 {
	  margin: 10px 0 5px 0;
    font-size: 26pt;
  }
	
	#plansFull .recommended {
	  width: 215px;
	  height: 350px;
	  margin: 0;	  
	  border: 5px solid #9EB648;
	  border: 5px solid #BBB;
	  background-color: #DDFFBE;
	}

	#plansFull .recommendedTagline {
	  margin: 10px;
	  text-transform: uppercase;
	  font-weight: bold;	  
	}

	#plansFull .plan .price, #plansFull .plan .setup  {
	  font-size: 10pt;
	}

	#plansFull .plan .line {
    height: 1px;
    margin: 5px 5px 5px 5px;
	  border-top: 1px solid #020202;
  }

	#plansFull .plan table.specs {
	  margin: 5px 5px 5px 5px;
	  width: 200px;
	  border-collapse: collapse;
	}
	
	#plansFull .plan table.specs th {
	  width: 100px;
	  padding: 1px 5px 1px 0;
	  text-align: right;
	  font-size: 16pt;
	}

	#plansFull .plan table.specs td {
	  width: 100px;
	  padding: 1px 0 1px 5px;
	  text-align: left;
	}

	#plansFull .storage, #plansFull .bandwidth {
	  color: #000;
	}
	
	#plansFull .plan .signup {
	  margin-top: 5px;
	}

	#plansFull .recommended .signup {
	  margin-top: 15px;
	}
	
	
	#planFeatues {
	  
	}
	
	#planFeatures h1 {
	  margin: 10px;
	  font-size: 26pt;
	  text-align: center;
	}
	
	#planFeatures .feature {
	  float: left;
	  width: 450px;
	  height: 175px;
	  padding-right: 25px;
	  font-size: 11pt;
	  line-height: 1.3em;
	}

	#planFeatures .feature h2 {
		
	}
	
	#planPromotion {
  	margin: 0; padding:10px;
  	height:45px;
  	background-color: #DDFFBE;
  	text-align:center;
  	color: #222;
  }
  
  #planPromotion h1 {
    margin-bottom: 10px;
  	font-size: 18pt;    
  }
  
  #planPromotion .note {
    font-size: 1em;
  }
  
  
/* ------------------------------------ */
/* BLOG                                 */
/* ------------------------------------ */

.blog {
  clear: both;
}
  
.blog a.title {
  text-decoration: none;
}

.blog .author {
  margin-top: -10px;
  font-size: 0.9em;
  font-style: italic !important; 
}

.blog .alignleft {
  float: right;
  padding: 5px 10px 10px 0;
}

.blog .alignright {
  float: right;
  padding: 5px 0 10px 10px;
}

.blog .meta {
  clear: both;
  padding: 15px 0 0 0;
}
  
	
/* ------------------------------------ */
/* FOOTER                               */
/* ------------------------------------ */
		
#footer {
	clear:both;
	border-top: 25px solid transparent;
	background:url('../images/footer_bg.gif') repeat-x top;
	height: 45px; }
	
	#footer .footerWrap { position:relative; color:#FFF; font-size:12px; padding:15px 0; }
	
	#footer .footerWrap span { position:absolute; right:0; top:15px }
	#footer a { color:#FFD30B; font-weight:bold }
	#footer a:hover { color:#FFF }
	
	#footer .footerWrap ul {
		list-style:none;
		display:block;
		margin:0; padding:0 }
		
		#footer .footerWrap ul li {
			margin:0 0 0 0;
			border-right: 1px solid #FFF;
			float:left }

  		#footer .footerWrap ul li:first {
  		  border-left: 0;
  		}
			
		#footer .footerWrap ul li a {
			padding:0 10px;
			text-decoration:underline;
			color:#ffd30b;
			display:block } 
	
	
/* --------------------------------------- */
/* Other
/* --------------------------------------- */


h2.featureHeading {
  font-size: 16pt;
}

.menuColumn {
  float: left;
  margin: -15px 0 0 0;
  width: 310px;
  padding: 10px;
  font-size: 0.8em;
}

.menuColumn ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}	

.menuColumn li {
  margin: 0;
  padding: 0;
}
	
/* --------------------------------------- */
/* Forms
/* --------------------------------------- */

fieldset { padding:10px 20px; margin:15px 0 0 0; border:1px solid #999; clear: both;}
legend { color:#000; padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

p.field { margin:0 }
form .field, form .buttons {clear: both; margin: 0 0 5px}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

.button { padding:8px; background:#888; color:#fff; font-weight:bold; }

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
/*
input.text, input.password, textarea, select { background:#BFB3B3; color:#555; height:15px; padding:7px 8px 5px 8px; margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: bottom;}
input.text, input.password, textarea { border: 1px solid #AFA4A4; }
*/
input.text, input.password { width:200px }
textarea { width:467px; height:120px }
/*
input.text:focus, input.password:focus, textarea:focus { background:#e9e2e2; color:#000 }
*/

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px }