/* RESET ======================== */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear { clear:both;float:right;line-height:38px;color:#ccc;}
.clear a { color:#666;}

/* TEMPLATE ================== */

body { background:url(../images/bgTile.jpg) repeat-x #000;font-family:tahoma;font-size:12px;s}

#wrapper { position:relative;margin:0 auto;width:1008px;}

#pageTop { height:12px;text-align:right;padding-top:72px;padding-right:13px;color:#fff;}
#logo  { display:block;position:absolute;width:272px;height:112px;background:url(../images/gringoDomainsLogo.png) no-repeat;left:10px;}
#logo span { display:none;}

#contentTop { width:1008px;height:18px;background:url(../images/bgContentTop.png) no-repeat;}
#content { width:976px;background:url(../images/bgContentMid.png);overflow:auto;padding:0 15px 0px 18px;}
#contentBot { width:1008px;height:18px;background:url(../images/bgContentBot.png) no-repeat;}

#hero { overflow:hidden;width:972px;height:316px;background:url(../images/heroBG.jpg) no-repeat;}
#pageContent { overflow:hidden;background:#242424;margin-right:4px;border-top:3px solid #000;padding-top:14px;}

#footer { margin:0px 15px;padding-bottom:10px;}

/* CONTENT ===================== */
#gringo { width:732px;display:block;background:url(../images/thinkGringo.gif) no-repeat;margin-top:45px;margin-left:55px;padding-top:50px;}
#gringo span { display:none;}
#gringo small { font-size:18px;font-weight:normal;line-height:38px;}

#offers { font-size:18px;color:#fff;padding-left:55px;padding-top:20px;}
#offers li { float:left;line-height:31px;}
#webhosting { background:url(../images/hostBG.gif) no-repeat;margin-right:25px;padding-left:45px;}
#businessconsulting { background:url(../images/consultBG.gif) no-repeat;padding-left:35px;} 

#hero #nav { margin-top:113px;height:32px;background:url(../images/navBG.png) no-repeat;right:0px;padding-left:170px;position:absolute;margin-right:36px;padding-right:3px;}
#nav li { float:left;margin-right:15px;padding-top:8px;font-weight:bold;}
#nav li a { color:#fff;text-decoration:none;}

.contentBox { background:#858585;border:3px solid #000;padding:15px;margin:15px;}
.contentBox h3 { margin-bottom:10px;}
.contentBox h3 span { display:none;}
.contentBox p { line-height:30px;font-size:14px;}

ul.benefits { margin-left:30px;margin-top:0px;}
ul.benefits li { padding-left:30px;background:url(../images/greenCheck.gif) no-repeat;line-height:17px;font-size:14px;margin-top:10px;}

#whyGringo { width:182px;height:18px;background:url(../images/whyGringo.gif) no-repeat;display:block;}
#gringoExamples { width:290px;height:18px;background:url(../images/gringoExamples.gif) no-repeat;display:block;}
#availableDomains { width:230px;height:18px;background:url(../images/availableDomains.gif) no-repeat;display:block;}
#about { width:82px;height:18px;background:url(../images/aboutus.gif) no-repeat;display:block;}
#domain { width:105px;height:19px;background:url(../images/free_domains.gif) no-repeat;display:block;}
#website { width:169px;height:19px;background:url(../images/website_development.gif) no-repeat;display:block;}

#contact { width:103px;height:18px;background:url(../images/contactus.gif) no-repeat;display:block;}
#disclaimer { width:95px;height:18px;background:url(../images/disclaimer.gif) no-repeat;display:block;}

ul.domainList { overflow:auto;font-size:14px;margin-left:30px;padding-top:10px;}
ul.domainList li { float:left;width:205px;margin-right:10px;margin-bottom:15px;}
ul.domainList li a { color:#000;}

#pageContent #nav { text-align:right;display:block;height:20px;margin-left:15px;margin-top:10px;}

span.num { margin-right:10px;}
span.url { margin-left:10px;}
span.nav { float:right;}
span.nav a { color:#fff;text-decoration:none;}
span.copyright { color:#fff;}

.contentBox form fieldset { border:1px solid #ccc;padding:15px;}
.contentBox form fieldset label { display:block;}
.text { width:300px;padding:3px;border:2px solid #ededed;}
.select { width:300px;}
.textarea { width:600px;}


h2{color:#FFF; padding-bottom:10px;margin:15px 0 15px 0;border-bottom:1px solid #CDCDCD;font-size:18px;padding-top:10px;}

#playlist {width:100%; border-top:1px solid #CCC; border-left:1px solid #CCC;}
#playlist td {color:#000; padding:7px 7px 7px 7px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; }
.green_selected {background:#91ddff; color:#003e76; font-weight:bold;}
.green_selected  td {background:#EBEBEB; padding: 10px !important; border-right:1px dotted #0758a1; color:#434343 !important; font-weight:bold;}
.darkblue_selected {background:#4D4D4D; padding: 10px !important; color:#32B618 !important; font-weight:bold;}
.lightblue_selected td {background:#242424; height:20px; border-right:1px solid #0758a1; color:#FFF !important; font-weight:bold;}
