/*#########################################################
  FRAMEWORK
########################################################*/
/* browser reset controls */
/******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, il, ol, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height:1; color:black; background:white;}
/* remember to define focus styles! */
:focus {outline:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/******************************************************/
/* end browser reset controls */
body {
	background-color: #fff;
	font-family: Trebuchet, Arial, Verdana;
	font-size: xx-small;
	color: #000000;
}
#site {width: 800px; margin: auto;}
#site .frame {width:800px; height:450px; border:0;}

/*#########################################################
  Header
########################################################*/
#header {width:800px; height: 230px;clear:both;}
#header .logo {height:59px; width:214px; float:left; margin: 30px 0 0 0;}

#flashnav {height: 130px; width: 510px; float:right; margin: 75px 0 0 0;}

/*#########################################################
  Content 
########################################################*/
#contenthome {
	background-image: url(images/h-content-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 410px;
	clear:both;
	float:left;
}
#contenthome .copy{
	width: 400px;
	margin: 150px 0 0 368px;
	font-size: 1.8em;
	line-height: 1.5em;
}

#content {clear:both;}
#content .leftcolumn{ float:left;}
#content .leftcolumn h2 {font-size: 2.2em;font-weight: normal;height: 30px;}
#content .aboutus{color: #6b7aa3;}
#content .services{color: #a46482;}
#content .loginh2{color: #f0ce1d;}
#content .contacth2{color: #6b7aa3;}
#content .casestudiesh2{color: #babd9c;}
#content .channelmarketingh2{color: #c4122f;}
#content .brandstrategyh2{color: #c4122f;}
			
#content .rightcolumn{width: 400px; float:left; font-size: 1.4em;line-height: 1.4em; margin: 30px 0px 0px 30px;}
#content .rightcolumn2{width: 250px; float:right; font-size: 1.4em;line-height: 1.4em; margin: 70px 0px 0px 0px;}

#content p{padding-bottom: .7em;}
#content h3{padding-bottom: 1em;font-size: 1.1em;font-weight: bold;}

#content h4{padding-bottom: 1em; font-size: 2em;font-weight: normal;color: #babd9c; line-height: 1.2em;}

#nav2{height: 40px; font-size: 1.6em; font-weight: normal; line-height:1.6em; color:#c4122f;}
#nav2 a{color:#9194b6; text-decoration: none; }
#nav2 a:hover{color:#c4122f;}
#nav2 .dot{color:#9194b6;}


#content .rightcolumn2 li{padding-bottom: .5em;}

#content .redh4{color:#c4122f;}

#content li{
	list-style-type: none;
}

html>/**/body #login{					/* non IE */
	margin: 30px 60px 0px 0px;
	float:right;
	width: 529px; height:178px;
	background-image: url(images/login-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

html>body #login{						/* IE 7 */
	margin: 30px 60px 0px 0px;
	float:right;
	width: 529px; height:178px;
	background-image: url(images/login-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login{							/* IE 6 */
	margin: -326px 60px 0px 0px;
	float:right;
	width: 529px; height:178px;
	background-image: url(images/login-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login_temp{							/* implement when new login page goes live */
	margin: -326px 60px 0px 0px;
	float:right;
	width: 529px; height:178px;
	background-image: url(images/login-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login .padding{ padding: 30px 0px 0px 130px;}

#login .loginRight{width: 210px; position:inherit; left:inherit;}				/* IE */

#login_temp .loginRight{width: 210px; position:relative; left:-90px;}			/* implement when new login goes live */

html>/**/body #login .loginRight{width: 210px; position:inherit; left:inherit;}	/* non-IE */

#login .loginRight input{ width: 200px; font-size: 1.3em; margin-bottom: 38px; border: 1px solid #fff;}

#login .loginButton {	
	margin: -12px 10px 0px 0px;
	background-color: #bfc1d6;
	border: none;	
}
#login .altButtonFormat {
	color: #fff;
	border: 1px solid #fff;
	background-color: #bfc1d6;
	width: 100px;
}

#contact{
	margin: 30px 100px 0px 0px;
	float:right;
	width: 430px; height:300px;
	background-image: url(images/contact-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#contact .padding { padding: 30px 0px 0px 40px;}
#contact h4{padding-bottom: 1.4em;font-size: 1.8em;font-weight: normal; line-height: 1.2em;}
#contact a {text-decoration: none;}
#contact a:hover {
	text-decoration: underline;
}
#contact .mailto{color:#a46482;}
#contact .map{color:#c4122f;}




/*#########################################################
  Footer
########################################################*/
#footerContainer {color: #333;
font-size: 1.1em;line-height: 1.1em;clear: both;}
#footerContainer .padding{padding: 28px 0 20px 0;}



/*#########################################################
  Client login
########################################################*/

.upload {
	font-size:13px;

}