@charset "utf-8";

/*

Magnify Marketing CSS template

(c) Teabagstudios.com 2008
*/




/********

Grids 

********/
	*{
		outline: none;
	}

	body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; }

	#container {position:relative; width:840px; margin:10px auto;}

	#header { background:url(../images/headerBG.jpg); height:126px; position:relative;}

	#bodyWrapper { clear:both; margin:10px 0px;}

	#leftCol {width:595px; float:left; margin-right:15px;}

	#rightCol { width:230px; float:left; background:url(../images/rightCol.gif) no-repeat; height:825px;}

	#footer { background:url(../images/footerBg.gif); width:595px; height:55px;  }
	#footer p { left:35px; position:relative; top:35px; margin:0px; }

/****

Global Styles

*****/

	p { font-size:1.1em; line-height:1.4em; margin:10px 0px;}

	a img { border:0px; text-decoration:none; }

	a { color:#333333;}

	ul {font-size:1.1em;}

	li {}

	em {}

	h2 { color:#F14C12; font-size:1.9em; font-weight:bold; }

	h3 { color:#F14C12; font-size:1.3em; font-weight:bold; margin-top: 10px; }

	blockquote { background:url(../images/blockquoteBg.gif); margin:10px auto;  width:511px; height:88px; font-weight:bold; color:#666666; padding:10px 10px 10px 20px;}

	blockquote p { font-size:1.2em; line-height:2.3em;}
/******

Common Elements

******/

	#leftTop { background-image:url(../images/pageHeaders/home.jpg); width:595px; height:165px; }

	#leftTop * { position:relative; top:10px; left:10px; }

	.clear { clear:both; }

	p.pImgs { text-align:center; margin-bottom:0px; margin-top:20px; }
	p.pImgs img { margin:10px 0px; }

	ul.circle { margin-left:10px; }
	ul.circle li { list-style-type:circle; }


	p.caseLink {text-align:center; margin-bottom:0px; }
	p.caseLink a { color:#1B352C; font-weight:bold; padding:10px 0px 0px 0px;}


/* Ryform core structure */
	.ryform { display:block; width:400px; font-size:1.1em;}

	.ryform em { color:red; vertical-align:text-top; font-size:10px; }

	.ryform li { clear:both; padding:5px 0px; }

	.ryform label { width:100px; float:left; margin-right:5px; }

	.ryform legend { color:#FF9900; font-weight:bold; margin:0px 15px; padding:0px 5px; display:none; /* sO */}

/* Styling elements */
	.ryform input[type=text], .ryform textarea, .ryform select { border:1px solid #999999; background-color:#FFFFFF; padding:2px; width:175px; }

	.ryform li.buttons input { width:auto;  margin-left: 105px; /* must be same as label width + margin */ }

	.ryform li.captchaImg, ryform li.buttons { padding-left: 105px; /* must be same as label width + margin */ }

/** Uncomment to break text area labels to new line
.ryform li.txtarea label { float:none; display:block; }
.ryform li.txtarea textarea { float:none; display:block; margin-left:105px; }
**/

/** Livevalidation (optional) **/
.LV_validation_message.LV_invalid { display:block; color:red; margin-left:105px; /* must be same as label width + margin */}



/****

Specific Page Styles

****/



/***
Header and Menu
****/

#header h1 { position:absolute; top:20px; left:25px; }

#header h1 a { display:block; width:219px; height:66px; text-indent:-99999px; background:url(../images/logo.gif); line-height:6.6px; padding-right:3px;}

#header ul { position:absolute; right:10px; bottom:10px; }

#header ul li { display:inline; }

#header ul li a {
					display:block;
					width:60px;
					height:26px;
					float:left;
					color:#ffffff;
					text-decoration:none;
					background:url(../images/menuBG.gif) top right;
					margin:0px 5px;
					line-height:28px;
					text-align:right;
					padding-right:5px;
				}

#header ul li a:hover { background-position:0px -33px; color:#193028;}

#header ul li a.on { background-position:0px -66px; }

#header ul li.large-link a {
		width:115px;
		background-image: url(../images/menuLarge.gif);
	}

/********
Homepage
*********/

#leftCol .wrap { background:url(../images/leftColWrapBg.gif) repeat-y; padding:10px 23px 1px 23px; position:relative; min-height:620px;}
ul#caseStudies { width:535px; }
ul#caseStudies li { display:block; float:left; width:262px; margin-top:10px;}
ul#caseStudies li.l { margin-right:11px; }

/****
Contact
*****/

p.openHours { position:absolute; top:30px; right:30px; }



/****
RightCol
****/

#rightCol ul li a span { display:none; }

#rightCol ul li a { display:block; width:210px; height:149px; margin:13px auto; }
#rightCol a.design { background:url(../images/rightCol/design.jpg); }
#rightCol a.print { background:url(../images/rightCol/print.jpg); }
#rightCol a.motion { background:url(../images/rightCol/motion.jpg); }
#rightCol a.web { background:url(../images/rightCol/web.jpg); }
#rightCol a.graphics { background:url(../images/rightCol/graphics.jpg); }


#box_signup {
	font-weight: bold;
	line-height: 27px;
	position: relative;
	float: right;
	display: block;
	width: 186px;
	height: 240px;
	padding: 11px 22px;
	margin-bottom: 10px;
	float: right;
	background: #fff url(../images/rightCol/bg_signup.gif) no-repeat 0 0;
}
#box_signup h2 {
	float: left;
}
#box_signup form {
	float: left;
	font-size: 12px;
}
#box_signup p {
	color: #666;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.25em;
	margin: 7px 0 12px;
}
#box_signup p.exptxt {
	padding: 0px 0px 0px 10px;
	float: left;
	font-size: 1.0em;
	white-space: nowrap;
}
#box_signup form input.text {
	width: 175px;
	border: 1px solid #9A9A9A;
	color: #666;
	padding: 3px;
}
#box_signup form label.structural {
	display: none;
}
#box_signup .link_more {
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin: 0;
}