/* THS Creative CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	background-image:url('../images/bg_text_effect1.gif');
	background-position:top left;
	background-repeat:no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	padding-top:230px;
	padding-bottom:180px;
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 85%;  /* this will create a container 80% of the browser width */
	background: #CC0000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #CC0000;
	height:100px;
}
.oneColLiqCtrHdr #header div {
	margin: 0;
	background:url('../images/logo_thscreative_big.gif') center no-repeat; padding-right:20px;
	padding: 10px 0;
	height:100px;
}
.oneColLiqCtrHdr #mainContent {
	color: #CCCCCC;
	font-size:13px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColLiqCtrHdr #mainContent #menu {
	margin:auto;
	display:block;
}
.oneColLiqCtrHdr #mainContent h1 {
    font: 100% sans-serif;
	color: #33CC33;
	font-size: 16px;
	font-weight: bold;
}

.oneColLiqCtrHdr #mainContent .banner {padding:20px 20px; color:#FFCCCC; text-align:center;}
.oneColLiqCtrHdr #mainContent .banner .text {padding:2px 0 33px 2px;}
.oneColLiqCtrHdr #mainContent .banner a img {float:right;}

.oneColLiqCtrHdr #mainContent .banner_main {background:url(../images/banner_main.gif) top center no-repeat; padding:20px 20px; color:#FFCCCC; text-align:center; height:300px; }
.oneColLiqCtrHdr #mainContent .banner_main .text {padding:200px 0 180px 2px; color:#333333;}
.oneColLiqCtrHdr #mainContent .banner_main a img {text-decoration:none;}

.oneColLiqCtrHdr #mainContent .banner_about {background:url(../images/banner_about.gif) top center no-repeat; padding:20px 20px; color:#FFCCCC; text-align:center; height:300px; }
.oneColLiqCtrHdr #mainContent .banner_about .text {padding:200px 0 180px 2px; color:#333333;}
.oneColLiqCtrHdr #mainContent .banner_about a img {text-decoration:none;}

.oneColLiqCtrHdr #mainContent .banner_free_quote {background:url(../images/banner_free_quote.gif) top center no-repeat; padding:20px 20px; color:#FFCCCC; text-align:center; height:300px; }
.oneColLiqCtrHdr #mainContent .banner_free_quote .text {padding:200px 0 180px 2px; color:#333333;}
.oneColLiqCtrHdr #mainContent .banner_free_quote a img {text-decoration:none;}

.oneColLiqCtrHdr #mainContent .banner_web_design {background:url(../images/banner_web_design.gif) top center no-repeat; padding:20px 20px; color:#FFCCCC; text-align:center; height:300px; }
.oneColLiqCtrHdr #mainContent .banner_web_design .text {padding:200px 0 180px 2px; color:#333333;}
.oneColLiqCtrHdr #mainContent .banner_web_design a img {text-decoration:none;}

.oneColLiqCtrHdr #mainContent .main_desc .links {background:url(../images/links.gif) top left no-repeat; color:#33FF66; padding: 0px 20px; display:block; margin-left:50px; }
.oneColLiqCtrHdr #mainContent .main_desc .links a {text-decoration:none; color:#33FF66;}

.oneColLiqCtrHdr #mainContent .main_desc .packages {width:auto; display:block;  height:250px;}
.oneColLiqCtrHdr #mainContent .main_desc .packages .box {background-color:#FFFF99; color:#CCCCCC; display:block; width:200px; height:250px; float:left; margin-right:10px;}
.oneColLiqCtrHdr #mainContent .main_desc .packages .box .text {color:#000000; font-weight:bold; text-align:center; background-color:#FF3333; height:25px; }
.oneColLiqCtrHdr #mainContent .main_desc .packages .box .desc {font: 100% sans-serif; color:#000000; text-align:center; font-size:12px; }
.oneColLiqCtrHdr #mainContent .main_desc .packages .box .price { color:#CC0000; text-align:center; font-size:13px; font-weight:bold; }

.links a {text-decoration:none; color:#33FF66;}

.oneColLiqCtrHdr #mainContent .main_desc .offer .service {color:#33FF66; font-weight:bold; font-size:14px;  padding: 10px 20px; }
.oneColLiqCtrHdr #mainContent .main_desc .offer .desc {font-size:13px; padding: 10px 50px; display:block; }
.oneColLiqCtrHdr #mainContent .main_desc .offer .desc a {text-decoration:none; color:#33FF66;}

.oneColLiqCtrHdr #mainContent #servicelinks .servicebox {width:auto; display:block;  height:100px;}
.oneColLiqCtrHdr #mainContent #servicelinks .servicebox .box {background:url(../images/text_bg.gif) top left no-repeat; color:#33FF66; padding: 0px 20px; display:block; width:250px; height:100px; float:left; margin-right:10px;}

.oneColLiqCtrHdr #mainContent #servicelinks .servicebox .box .box_image {padding: 25px 5px; display:block; float:left;}
.oneColLiqCtrHdr #mainContent #servicelinks .servicebox .box .box_image a {text-decoration:none; color:#33FF66;}
.oneColLiqCtrHdr #mainContent #servicelinks .servicebox .box .box_text {padding: 40px 0px; display:block; text-decoration:none; font-weight:bold; margin-left:20px; float:left;}
.oneColLiqCtrHdr #mainContent #servicelinks .servicebox .box .box_text a {text-decoration:none; color:#33FF66;}

.oneColLiqCtrHdr #mainContent .hightlight {color:#33FF66; font-weight:bold;}

.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#CC0000;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size:12px;
	text-align:center;
	color:#000000;
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}