/*
HYDRA STUDIO - www.hydrastudio.net - developed on February 2009
color 1: #006666
color 2: #FF6600
*/

/* -- general settings -- */
body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../background/background.gif); color:#000000}
table {margin:0px; padding:0px; width:100%}
img {margin:0px; padding:0px; border:none}

h1 {color:#000000; font-size:30px; font-weight:bold; margin:10px; padding:5 20px; text-transform:uppercase}
h2 {color:#006666; font-size:22px; font-weight:bold; margin:5px; padding:0px}
h3, h4, h5 {margin:7px 2px; padding:5px 20px; font-weight:bold}
h3 {font-size:20px}
h4, h5 {font-size:16px}
h6 {width:660px; margin:20px 20px 5px 20px; padding:4px; font-size:12px; color:#FFFFFF; border:#000000 1px dotted; text-transform:uppercase; background:url(../background/title-bg.gif)}
p {margin:0px; padding:2px 20px; text-indent:25px}

a, a:visited {color:#000000; font-weight:bold}
a:hover {color:#FF6600}
b, strong {color:#000000; font-weight:bold; margin:0px; padding:0px}
span.color1 {color: #006666}
span.color2 {color: #FF6600}

form {width:100%; margin:0px; padding:0px; border:none}
label {margin:5px; padding:0px}
input {margin:0px; padding:0px; border:#006666 1px solid}
submit {color:#FFFFFF; background:#006666; vertical-align:middle}

ul, ol, li {list-style:inside square; margin:2px 10px; padding:2px 5px}

.right-border {border-right:#000000 1px dotted}
.left-border {border-left:#000000 1px dotted}
.top-border {border-top:#000000 1px dotted}
.bottom-border {border-bottom:#000000 1px dotted}

.left-hosting {width:30px}

/* ----- */
#crack {width:100%; float:right; position:absolute; margin:0px; padding:0px; z-index:1; text-align:right}
#MAIN {width:994px; margin:8px auto; padding:0px}

/* ----- */
#HEADER {margin:0px; padding:0px; width:100%; height:245px; background:url(../background/header_bg.gif)}
#HEADER img {margin:15px 40px}
#HEADER a, a:visited {color:#FFFFFF; font-weight:bold; text-decoration:none}
#HEADER a:hover {text-decoration:underline}
#HEADER .links {font-size:18px; font-weight:bold; margin:3px 20px; padding:0px; text-align:right}

/* ----- */
#CONTENT {width:994px; margin:0px; background:url(../background/content_up_bg.gif) no-repeat; padding:12px 0px 0px 0px}
	#CONTENT img {margin:5px; padding:3px; border:#000000 1px solid}
	#CONTENT a, a:visited {color:#000000; font-weight:bold; text-decoration:underline}
	#CONTENT a:hover {color:#FF6600}
	#CONTENT #content {width:974px; margin:0px 10px; padding:0px; background:#FFFFFF}
	
	/* ----- */
	#LEFT {max-width:170px; border-right:#000000 1px dotted}
	#LEFT h3 {margin:0px 0px 5px 0px; padding:4px 0px; font-size:12px; color:#006666; border:#006666 1px dotted; text-align:center; text-transform:uppercase}
	#LEFT h4 {margin:0px; padding:2px 0px; font-size:12px; text-align:center}
	#LEFT img.hosting {margin:5px; padding:0px; border:none}
	.left_hosting {margin:10px; padding:5px; border:#000000 1px solid}
	
	/* ----- */
	#CENTER {max-width:700px; margin:0px; padding:0px; vertical-align:top}
	#CENTER .left-column {width:30px; vertical-align:top; border-right:#006666 1px dotted; text-align:center}
	#CENTER .right-column {width:180px; vertical-align:top; border-left:#006666 1px dotted; text-align:center}
	#CENTER .center-column {vertical-align:top}
	
		#CENTER form {width:70%; padding:2px; margin:2px auto; text-align:center; border:#000000 1px dotted; background:url(../background/featured_table.jpg)}
		#CENTER input, textarea {margin:2px auto; width:99%}
		#CENTER .submit {width:50px; color:#FFFFFF; background:#006666; vertical-align:middle}
		#CENTER img {margin:inherit; padding:inherit; border:inherit}
		
		img#plus {margin:0px; padding:0px}
		p.question1 {text-indent:0px; background:#F3F3F3}
		p.question2 {text-indent:0px}
		.websites-families {width:620px; margin:10px auto; padding:0px}
		img#families_header {border:none; margin:3px 10px 10px 20px; padding:0px}
		#navigation {font-size:10px; margin:5px 20px; padding:0px}
		#navigation a, a:visited {color:#006666}
		
		.divisor {text-transform:uppercase; font-weight:bold; margin:15px 10px 10px 20px; padding:0px; text-indent:2px; border-bottom:#000000 1px dotted}
		
		.form_websites {width:75%; margin:5px auto; padding:0px; text-align:center}
		
		li.news {list-style:inside square; margin:2px 10px; padding:2px 5px}
		ul.website_left {float:left; width:45%; margin:1px; padding:0px; border-right:#006666 1px solid}
		ul.website_right {float:right; width:45%; margin:1px; padding:0px}
		
		.button {width:100px}
 
	/* -- #website_options -- */
	table#website_options {margin:5px auto; padding:0px; width:40%; height:25px}
	input#website_form, form#website_form {margin:0px; padding:0px; background:none; border:none}
	img#image_form {margin:0px; padding:0px; border:none}
	
	#explanations {width:92%; margin:5px auto; padding:5px; border:#666666 1px solid}
	#explanations p {font-size:10px; margin:2px; padding:0px; text-indent:0px}
	
	#portfolio_box1 {width:90%; margin:0px auto; padding:10px; border-bottom:#000000 1px dotted; border-top:#000000 1px dotted}
	#portfolio_box2 {width:90%; margin:0px auto; padding:10px; border-bottom:#000000 1px dotted; border-top:#000000 1px dotted; background:#F2FFF2}
	#portfolio_box1:hover, #portfolio_box2:hover {background:#FFF2EC}
	
	h4.portfolio {margin:1px; padding:7px 1px}
	p.portfolio {margin:3px; padding:1px; text-indent:0px}
	ul#list_portfolio {list-style:none; font-size:12px}
	ul#list_portfolio a {color:#000000}

	ul#faq-questions {width:95%; margin:5px; padding:5px}
	div#faq-answers {margin:5px; padding:0px}
	/*div#faq-answers p, b {margin:5px; padding:5px; text-indent:20px; text-decoration:none}*/
	
	/*#hosting-seals {width:270px; height:137px; overflow:hidden; margin:2px; padding:0px}
	#hosting-seals h4, h5, p {color:#FFFFFF;  font-weight:bold; margin:1px 2px; padding:0px; text-indent:0px; text-align:center}
	#hosting-seals h4 {font-size:33px; text-transform:uppercase}
	#hosting-seals p {font-size:10px}
	#hosting-seals h5 {font-size:20px; margin-left:150px; margin-top:5px}*/
	
	.yellow {background:url(../../../images/hosting/logo_yellow.png)}
	.orange {background:url(../../../images/hosting/logo_orange.png)}
	.red {background:url(../../../images/hosting/logo_red.png)}
	.violet {background:url(../../../images/hosting/logo_violet.png)}
	.green {background:url(../../../images/hosting/logo_green.png)}	
	.blue {background:url(../../../images/hosting/logo_blue.png)}
	
	.ruby {background:url(../../../images/hosting/logo_ruby.png)}
	.amethyst {background:url(../../../images/hosting/logo_amethyst.png)}
	.emerald {background:url(../../../images/hosting/logo_emerald.png)}
	.thourmaline {background:url(../../../images/hosting/logo_thourmaline.png)}

	p.news_sub {margin:5px 5px 15px 5px; padding:5px 20px; text-align:right; font-style:italic; border-bottom:#000000 1px dotted}
	
	.bg_gray {background:#F2FFF2}
	.content {width:650px; margin:10px auto; padding:0px}
	
	div#table_hosting {margin:0px; padding:0px; text-align:center}
	#table_hosting td {border-bottom:#006666 1px dotted}
	#table_hosting p {margin:0px; padding:0px; text-indent:0px; text-align:center; font-size:10px}
	.column-1 {width:70px}

	#table_hosting h6 {width:100%; margin:0px; padding:2px; font-size:12px; color:#FFFFFF; text-transform:uppercase; background:url(../background/title-bg.gif)}

	
	#RIGHT {max-width:250px; margin:0px 3px; padding:0px; border-left:#000000 1px dotted; vertical-align:top; text-align:center}
		#RIGHT table {width:100%; text-align:center}
		#RIGHT p {margin:0px; padding:1px; text-indent:0px}
		#RIGHT img {margin:0px; padding:2px; border:#000000 1px solid}
		#RIGHT a, a:visited {color:#000000; text-decoration:underline}
		#RIGHT a:hover {color:#FF6600}
		#RIGHT h3 {margin:0px 0px 5px 0px; padding:4px 0px; font-size:12px; color:#FFFFFF; border:#000000 1px dotted; text-align:center; text-transform:uppercase; background:url(../background/title-bg.gif)}
		#RIGHT h4 {margin:0px; padding:2px 0px; font-size:12px; text-align:center}
		#RIGHT #form {text-align:left; border:#000000 1px dotted; background:#FFF2EC}
		#RIGHT input {width:150px; margin:2px}
		#RIGHT .submit {width:50px; color:#FFFFFF; background:#006666; vertical-align:middle; font-weight:bold}
		#RIGHT ul {margin:0px; padding:0px}
		#RIGHT li {margin:2px; padding:0px; text-indent:0px; list-style:inside square; font-weight:normal}
		#RIGHT .news a {text-transform:none}
		#RIGHT li.news_column {list-style:inside square; text-align:left; margin:2px; padding:5px; text-indent:5px}
		#RIGHT a.news_column {text-decoration:none}
		#RIGHT a:hover.news_column {text-decoration:inherit}
		


	
/* ----- */
#CONTENT .subcontent-up {background:url(../background/subcontent_up.gif) no-repeat; height:20px}
#CONTENT .subcontent {background:url(../background/subcontent_bg.gif); padding:2px 10px}
	#CONTENT .subcontent p {margin:0px; padding:2px 16px; text-indent:25px}
#CONTENT .subcontent-down {background:url(../background/subcontent_down.gif) no-repeat; height:13px}
#CONTENT #subcontent-box {margin:2px 10px; padding:0px}
#CONTENT .border-up {background:url(../background/border_up.gif) no-repeat; height:12px}
#CONTENT .border-bg {background:url(../background/border_bg.gif); height:100%}
	#CONTENT .left {width:45%; margin:0px 10px; vertical-align:text-bottom}
	#CONTENT .right {margin:0px 10px; vertical-align:top; border-left:#000000 1px dotted}
#CONTENT .border-down {background:url(../background/border_down.gif) no-repeat; height:12px}


div.not-found {width:650px;color:#006666; font-size:30px; font-weight:bold; margin:0px; padding:40px 10px; text-align:center; text-transform:uppercase}
p.not-found {width:650px; margin:0px; padding:10px; text-align:center}



/* ----- */
#FOOTER {width:994px; margin:0px; padding:0px}

	#FOOTER p {color:#FFFFFF; font-size:10px; margin:0px; padding:0px 5px; text-indent:0px}
	#FOOTER b {color:#FFFFFF; font-size:10px; margin:0px; padding:0px 5px; text-indent:0px}
	#FOOTER a, a:visited {color:#FFFFFF; text-decoration:none; font-weight:normal}
	#FOOTER a:hover {text-decoration:underline}

	#FOOTER .links {background:url(../background/footer_background.gif); padding:2px 10px}
	#FOOTER td.left {text-align:left}
	#FOOTER td.right {text-align:right}

	#FOOTER .advertisement {background:url(../background/footer_footer.gif); height:50px; margin:0px; padding:0px 10px}