﻿/* Reset Defaults */

body,div,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,fieldset,pre,p,ol,ul,li,blockquote,th,td { padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
table {border-collapse: collapse; border-spacing: 0; }
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
q:before,q:after {content:'';}
a { text-decoration: none; }

a
{
  outline: none;
}


body {
	background: #D3D8DE url('../img/bg.jpg') repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; 
	}
	
/* Div Styles */
	
#container {
	margin-top: 32px;
	width: 922px;
	height: 976px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
	
#header {
	background: url('../img/header_bg.jpg') no-repeat -2px 0;
	height: 1400px;
	width: 926px;
	padding-top: 14px;
	padding-left: 11px;
	padding-right: 11px;
	}
	
#header #resourcesUsed {
	background: url('../img/giga.jpg') no-repeat 0 0;
	float: right;
	margin-right: 37px;
	height: 64px;
	width: 217px;
	}
	
#header #resourcesUsed p {
	text-indent: -9999px;
	}
	
/*#flashspot {
	height: 420px;
	width: 900px;
	position:absolute;
	top:46px;
	}*/
	
#flashspot {
	height: 420px;
	width: 900px;
	position: relative;
	top: -60px;
	}
	
#content {
	background: url('../../img/container_bg.jpg') repeat-y 0 0;
	padding-left: 51px;
	padding-right: 11px;
	padding-top: 24px;
	height: 1054px;
	width: 918px;
}
	
#content #preamble {
	background: url('../../img/preamble.jpg') no-repeat 0 0;
	height: 72px;
	width: 545px;
	margin-bottom: 23px;
	}

#content #preamble p {
	text-indent: -9999px;
	}

#content p {
	line-height: 1.4em;
	margin-bottom: 27px;
	margin-right: 330px;
	font-weight: 700;
	width: 825px;
}
	
#content h2 {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 27px;
	}
	
#rightcol {
	float: right;
	}
	
#livehelp {
	position: relative;
	background: url('../img/livehelpbox.jpg') no-repeat 0 0;
	margin-top: -15px;
	margin-bottom: 15px;
	margin-left: 10px;
	height: 97px;
	width: 234px;
	padding-bottom: 25px;
	border-bottom: 1px solid #7A0B00;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
	
#livehelp img {
	margin-top: 20px;
	margin-left: 6px;
	}
	
#plugnplay {
	position: relative;
	}	

#plugnplay a {
	display: block;
	width: 282px;
	height: 141px;
	margin-left: 10px;
  	text-indent: -9999px;
 	background: url('../img/160carriers.jpg') no-repeat 0 0;
}
	
#rule {
	background: #7A0B00;
	height: 1px;
	width: 240px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	}

#visitTerremark a {
	display: block;
	text-indent: -9999px;
	background: url('../img/features.jpg') no-repeat 0 0;
	width: 282px;
	height: 30px;
	margin-right: -40px;
	margin-left: 10px;
	}

#features ul {
	margin-left: 10px;
	margin-top: 4px;
	}
	
#features ul li {
	padding-left: 15px;
	padding-top: 5px;
	height: 19px;
	width: 227px;
	}

#footer {
	background: url('../img/footer_bg.jpg') no-repeat 0 0;
	padding-top: 60px;
	color: #999999;
	text-align: center;
	clear: both;
	margin-bottom: 150px;
	}
	
#footer a {
	color: #999999;
}
	
	
/* Nav */

#nav {
	height: 15px;
	/*margin: 359px 20px 7px 20px; */
	margin: -60px 20px;
	border-top: 1px solid #7A0B00;
	border-bottom: 1px solid #7A0B00;
	padding: 6px 15px;
	}
	
#nav ul li {
	display: inline;
	}
	
#nav ul li a {
	background-image: url('../img/nav.jpg');
	float: left;
	text-indent: -9999px;
	height: 15px;
	margin-right: 10px;
	}
	

#nav ul li.overview a {			background-position: -15px 0; width: 77px;}
#nav ul li.overview a:hover {	background-position: -15px 15px; width: 77px;}
#nav ul li.overview a.selected {	background-position: -15px 15px; width: 77px;}

#nav ul li.architecture a {	background-position: -102px 0; width: 103px;}
#nav ul li.architecture a:hover {	background-position: -102px 15px; width: 103px;}
#nav ul li.architecture a.selected {	background-position: -102px 15px; width: 103px;}

#nav ul li.flexibility a {		background-position: -216px 0; width: 154px;}
#nav ul li.flexibility a:hover {	background-position: -216px 15px; width: 154px;}
#nav ul li.flexibility a.selected {	background-position: -216px 15px; width: 154px;}

#nav ul li.support a {		background-position: -383px 0; width: 64px;}
#nav ul li.support a:hover {	background-position: -383px 15px; width: 64px;}
#nav ul li.support a.selected {	background-position: -383px 15px; width: 64px;}

#nav ul li.security a {	background-position: -457px 0; width: 70px;}
#nav ul li.security a:hover {	background-position: -457px 15px; width: 70px;}
#nav ul li.security a.selected {	background-position: -457px 15px; width: 70px;}

#nav ul li.green a {	background-position: -538px 0; width: 46px;}
#nav ul li.green a:hover {	background-position: -538px 15px; width: 46px;}
#nav ul li.green a.selected {	background-position: -538px 15px; width: 46px;}

/* IMGS */

#green_content img {
	margin-left: 160px;
	margin-bottom: 40px;
	}
	
#security_content img {
	margin-left: 160px;
	margin-bottom: 20px;
	margin-top: -20px;
	}

#support_content img.left {
	margin-left: 100px;
	margin-top: -20px;
	margin-right: 14px;
	}

	
/* Classes */

.bold {
	font-weight: bold;
	}

/* p.logo {
	text-indent: 0px;
	float: left;
	margin-left: 10px;
	background: url(../img/terremark_logo.jpg) no-repeat 0 0;
	height: 58px;
	width: 140px;
	
	} */
	
#logo a {
	float: left;
	display: block;
	width: 140px;
	height: 58px;
	margin-left: 10px;
  	text-indent: -9999px;
 	background: url('../img/terremark_logo.jpg') no-repeat 0 0;
	border-right: 1px solid #580205;
}
	
p.enterpriseTitle {
	text-indent: -9999px;
	background: url('../img/enterprisecloud.jpg') no-repeat 0 0;
	margin-left: 150px;
	height: 58px;
	width: 179px;
	}

li.cell1 {
	background-color: #7A0B00;
	}
	
/* ClearFix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}
	