/* MAIN CSS FOR CREATIVE BINGE WEBSITE - COPYRIGHT 2007 CREATIVE BINGE & NEUPIX MEDIA */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0  auto -54px;  /*the bottom margin is the negative value of the footer's height */
}
.Footer {
	height: 54px; /* .push must be the same height as .footer */
}

.push {
	height: 48px; /* .push must be the same height as .footer */
}
body {
	background: #1B1D1E;
	background-image:url(../images/qtel-bg.gif);
	background-position:center; 
	background-repeat:repeat-x;
	font-size: 1em;
	color: #FFFFFF;
	font-family: Helvetica, Arial, san-serif;
}
img {
	border: 0;
}

p {
	margin: 4px 0px 8px 0px;
}

a:link {
	color: #4f8e86;
}

a:visited {
	color: #4f8e86;
}

a:hover {
	color: #4f8e86;
	text-decoration: none;
}

h1 {
	color: #4f8e86;
	font-size: 1.2em;
	line-height: 1.4em;
}

h2 {
	color: #FC8736;
	font-size: 1.2em;
	line-height: 1.4em;
}

.input {
	color: #ffffff;
	background-color: #424E4F;
	border: solid 1px #ffffff;
}

.submit a:hover {
	background-position: bottom left;
}

.clear {
	clear: both;
}

.Center {
	text-align: center;
}

.SignupHome {
	width: 750px;
	height: 84px;
	background: url(../images/1.gif) no-repeat;
	margin: 20px auto 20px 0px;
}

.SignupHome .Link a {
	display: block;
	width: 500px;
	height: 84px;
	float: left;
}

/* Header Styles */
#Header {
	width: 100%;
	height: 96px;
	background: url(../images/img_header_background.png) repeat-x;
}

.Content {
	width: 100%;
	margin: 0px auto;
}

.Logo {
	float: left;
	/*width: 177px;*/
	margin-left: 50px;
}

.Menu {
	float: right;
	width: 274px;
	height: 65px;
	margin: 0px 50px 0px 0px;
}


.home a{
	display: block;
	width: 74px;
	height: 65px;
	background: url(../images/home.gif) no-repeat top left;
	float: right;
}

.tools a{
	display: block;
	width: 74px;
	height: 65px;
	background: url(../images/tools.gif) no-repeat top left;
	float: right;
	margin-left: 10px;
}

.about a{
	display: block;
	width: 74px;
	height: 65px;
	background: url(../images/about.gif) no-repeat top left;
	float: right;
	margin-left: 10px;
}

.home a:hover, .tools a:hover, .host a:hover, .signup a:hover, .about a:hover {
	background-position: bottom left;
}

.Quote {
	color: #676969;
	font-size: 10px;
	text-align: center;
	margin: -25px 20px 0px 0px;
}


/* Main Content */

#MainContent {
	width: 750px;
	margin: auto;
}

.Wide {
	width: 600px;
	background: url(../images/img_wide_middle.png) repeat-y;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #c3c3c3;
	margin: 20px auto;
}

.WideContentText {
	margin: 0px 15px 0px 15px;
}

.WideTop {
	width: 600px;
	height: 11px;
	background: url(../images/img_wide_top.gif) no-repeat;
}

.WideBottom {
	width: 600px;
	height: 11px;
	background: #1B1D1E url(../images/img_wide_bottom.gif) no-repeat;
}



/* Footer Styles */
.Footer {
	width: 100%;
	min-width: 730px;
	background: url(../images/img_footer_background.png) repeat-x;
}

.FooterText {
	width: 100%;
	margin: 0px auto;
}

.FooterIcon {
	width: 100px;
	height: 30px;
	float: right;
}

.FooterIcon a {
	width: 100px;
	height: 30px;
	display: block;
}

.FooterIcon a:hover {
	background-position: bottom left;
}