/* override default browser styles */
* { margin : 0; padding : 0; }

img { border : 0; }

ul { list-style-type : none; }

/* layout */
body {
	width : 700px;
	position : relative;
	left : 50%;
	margin-left : -350px;
	font : 100%/1.5em "Myriad Pro", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

html { background: #fff url(../images/08/bg.png) repeat-x top; }

/* hide from viewport, keep text for indexing */
h1#MIBoffer { text-indent : -5000px; }


h1#afo {
	text-indent : -5000px;
	background : url(../images/08/h1-TCFlex.png) no-repeat;
	width : 700px;
	height : 500px;
	position : relative;
}

h1#super-MIB {
	text-indent : -5000px;
	background : url(../images/08/h1-Super-MIB.png) no-repeat;
	width : 700px;
	height : 500px;
	position : relative;
}

ul#options {
	position : absolute;
	top : 155px;
	font-size : 18px;
}

ul#options li {
	background : url(../images/08/bullet.png) no-repeat 0 38%;
	padding-left : 13px;
	line-height : 48px;
}

#flex-bul li {
	background : url(../images/08/bullet.png) no-repeat 0 38%;
	padding-left : 13px;
	line-height : 48px;
}


/* form box */
#form-survey  {
	width : 700px;
	margin-top : 30px;
	background-color : #e5eef9;
	border-top : 1px solid #999;
	border-bottom : 1px solid #999;
}

#form-survey form { margin : 33px; }


/* iframes */
#presenter-frame iframe {
	width : 700px;
	height : 506px;
	background-color : #e5eef9;
	border-top : 1px solid #999;
	border-bottom : 1px solid #999;
	margin-top : 33px;
	margin-bottom : 43px;
}

/* for thank you page that loads in form iframe */
div#thanks p { padding : 50px; }

 /* for pop-up */
#promo-code-box {
	width : 600px;
	height : 450;
	margin-top : 50px;
	margin-left : 50px;
	background-color : #e5eef9;
	border: 2px dotted #999;
}
#promo-code-box img.right {
	margin : 30px;
	float : right;
}
div#promo-code-box-inner {
	margin : 30px;
	position : relative;
}
#promo-code-box-inner h1 {
	margin : .25em 0;
	color : red;
	letter-spacing : .0625em;
}
#print { text-align : right; }

/* Blue background Call out Box */
div.call_out {
	width : 100%;
	background-color : #e5eef9;
	border-top : 1px solid #999;
	border-bottom : 1px solid #999;
	clear : both;
}

div.call_out h2#new_tongue {
	text-indent : -5000px;
	background : url(../images/08/tongue.png) no-repeat;
	width : 700px;
	height : 320px;
	position : relative;
}

div.call_out  h2#chart {
	text-indent : -5000px;
	background : url(../images/08/chart.png) no-repeat;
	width : 700px;
	height : 320px;
	position : relative;
}

div#services { margin-top : 33px; }

div#services h2 {
	color : #0096d7;
	margin-bottom : .5em;	
}

div#services ul { list-style : disc inside; }

#services img.right {
	float : right;
	margin : 0 0 30px 0;
}

div#branding {
	margin : 1em;
	text-align : center;
}

div#branding h3 {
	margin : .5em;
	font-size : 125%;
	letter-spacing : .05em;
}

div#nav {
	margin-top : 1.5em;
	margin-bottom : 1.5em;
	text-align : center;
}

div#nav p.skip {
	position : absolute;
	top : 12px;
	left : 0;
}

/* Nav to main site */
div#TC_menu p {
	text-align : center;
	background-color : #e5eef9;
	border-top : 1px solid #999;
	border-bottom : 1px solid #999;
	letter-spacing : .0625em;
	padding : .25em;
	clear : both;	
}
div#TC_menu a { padding : .5em; }

/* Site info Footer */
div#site_info {
	width : 100%;
	background-color : #e5eef9;
	border-top : 1px solid #999;
	font-size : xx-small;
	line-height : 1.5em;
}
#site_info  p {
	padding : .5em;
}
#site_info  a {
	margin-left : .5em;
	padding-left : .5em;
	border-left : 1px solid #999;
}

/* Offer */
div#offer {
	position : relative;
	left : 50%;
	margin-left : -40%;
	margin-bottom : 1.5em;
	text-align : center;
	letter-spacing: .0625em;
	width : 80%;
	color : #0096d7;
	background-color : #fffcd5;
}

/* classes */
.important { background-color : #fffcd5; }
.important2  { color : red !important; font-weight : bold !important; }
.important3  { color : #0096d7; }
div#nav a.important { padding : .5em; font-size : 120%; letter-spacing : .08em; }
.disclaim { font-size : xx-small; line-height: 1em; margin-top : 2em; }
table.S5Survey hr { margin : 10px 0; }

/* Anchor Pseudo-classes */
a:link { color : #0096d7; text-decoration : none; }     /* unvisited link */
a:visited { color : #0096d7; text-decoration : none; }  /* visited link */
a:hover { color : #0096d7; text-decoration : underline; }   /* mouse over link */
a:active { color : #fff; background-color : #0096d7; text-decoration: none; }   /* selected link */