/* 
Title:		Root screen stylesheet, Blix Interactive
Author: 	www.blixinteractive.com
Copyright 2009
*/

/* global resets
----------------------------------*/
body, div, form, fieldset, table, th, td, input, dl, dt, dd, ul, li, p, h1, h2, h3, h4 { margin:0; padding:0; }
h1, h2, h3, h4 { font-size:1.0em; }
ul { list-style:none; }
a { color:#CC0000; text-decoration:none; }
a img { border:0; }

/* structure
----------------------------------*/
body 
{
	color:#555;
	font-family:Arial, sans-serif;
	font-size:62.5%;
	background-color:#F4F4F4;
}

#head-wrap { margin:0 auto; background:#000 url(/Images/bgstripe.gif) repeat-x bottom left; }
#header
{
	margin:0 auto;
	width:900px;
	overflow:hidden;
	padding:20px 0 0;
	border-top:solid 3px #CC0000;
}
#header-image { margin:0 auto; width:900px; height:330px; padding-top:2px; overflow:hidden; }
#images { width:900px; height:330px; overflow:hidden; }
#images img { width:900px; height:330px; top:0; left:0; cursor:pointer; }

div.content { width:940px; margin:0 auto; padding-top:1px; overflow:hidden; }
	#tc { margin-top:10px; }
	#mc, #mbc, #mb { margin-top:50px; }
div.col1, div.col { float:left; width:275px; padding-right:25px; display:inline; }
div.col { margin-left:10px; }
div.col1 { margin-left:20px; }
div.content-box { width:940px; padding:20px 0; overflow:hidden; background-color:#E4E4E4; margin-top:10px; 
    -moz-border-radius:6px; -webkit-border-radius:6px; }
    #mb div.content-box { background-color:#FFF; padding-top:15px; margin-top:15px; }
div.clear-space { clear:both; height:24px; }
div.indent { padding:0 20px; margin-bottom:15px; }
div.col4 { float:left; display:inline; margin-left:20px; width:200px; padding-right:15px; }
div.half { float:left; display:inline; padding:15px 20px 0; width:420px; }
div.lined { border-right:solid 1px #E1E1E1; padding-bottom:10px; }
div.form-submit { margin-top:12px; text-align:right; padding-right:20px; }
div.ctc-head { font-size:1.2em; padding-bottom:1px; }

#footer
{
	margin:0 auto; width:900px;
	padding:40px 0 80px 0; color:#888;
}

/* lists
----------------------------------*/
#header ul { float:right; margin-top:2px; }
#header ul li { display:inline; margin-left:20px; }
#header ul li a { font-size:1.1em; color:#777; }
#header ul li a:hover { color:#FFF; }

.col-ul li { font-size:1.2em; margin:11px 0 0; }

ul.ctc { list-style:none; }
.ctc li { float:left; width:190px; font-size:1.2em; line-height:1.6em; }
.ctc li.tmargin { margin-top:20px; }

/* headers
----------------------------------*/
#header h1
{
	float:left;
	width:115px; height:74px;
	background:url(/Images/blix-logo.png) no-repeat 0 0;
	text-indent:-9999px;
}
h2.rep { font-size:1.6em; font-weight:normal; color:#111; letter-spacing:-1px; height:22px; text-indent:-9999px; margin-bottom:10px; }
	#wab { background:url(/Images/text/weareblix.gif) no-repeat 0 0; }
	#ow { background:url(/Images/text/ourwork.gif) no-repeat 0 0; }
	#km { background:url(/Images/text/knowmore.gif) no-repeat 0 0; }
	#capable { background:url(/Images/text/capable.gif) no-repeat 0 0; }
h3#clients
{
	margin-left:20px;
	width:220px; height:34px;
	background:url(/Images/text/sampler.gif) no-repeat 0 0;
	text-indent:-9999px;
}
h2#contact
{
	margin-left:20px;
	width:168px; height:27px;
	background:url(/Images/text/contact.gif) no-repeat 0 0;
	text-indent:-9999px;
}


/* text and images
----------------------------------*/
p.col-p { font-size:1.2em; line-height:1.6em; }
p.cols-p { font-size:1.1em; line-height:1.4em; }
p.cbi-p { font-size:1.2em; margin:0 20px; padding-bottom:15px; border-bottom:solid 1px #E1E1E1; }

.cols-p strong, .cbi-p strong, .ctc li strong, .ctc li span, .ctc-head strong { color:#111; }
strong.lg { font-size:1.3em; }
.ctc li strong { display:block; }

span.client-logo { display:block; margin-bottom:4px; }
.client-logo img { border:solid 1px #DDD; border-bottom-color:#BBB; border-right-color:#BBB; }
span.author { display:block; font-size:1.1em; text-align:right; padding-right:25px; }

em.quote { font-size:1.2em; line-height:1.4em; }

span.res-err, span.res-ok { display:block; margin-bottom:12px; padding:8px 8px; font-weight:bold; font-size:1.2em; }
span.res-err { background-color:#FFE5E5; color:#CC0000; }
span.res-ok { background-color:#E5FFE5; color:#339900; }

/* forms
----------------------------------*/
dl.form { width:400px; }
.form dt { display:block; font-size:1.1em; padding-bottom:2px; }
.form dt.tpad { padding-top:12px; }
.form dd { background-color:#EEEEEE; padding:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.form label { display:block; color:#111; font-weight:bold; font-size:1.1em; }

input.txt-dd, textarea.txt-dd { width:386px; font-family: Arial, sans-serif; font-size:18px; padding:2px; 
    border:solid 1px #BBB; border-bottom-color:#E6E6E6; border-right-color:#E6E6E6; 
    background:url(/Images/txtdd.gif) no-repeat 0 0;
	-moz-border-radius:3px; -webkit-border-radius:3px; }
	textarea.txt-dd { height:80px; }