﻿/* --- START COMMON CSS	---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	*{margin:0; padding:0}
	a{text-decoration:none;}
	a img{border:0;}
	
	.cl{font-size:0; line-height:0; clear:both;}
	.no-text{text-indent:-999999px; font-size:0; line-height:0;}
	.fl{float:left;}
	.fr{float:right;}
	.db{display:block;}
	.di{display:inline;}
/* --- END COMMON CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* --- START BODY & SHELL -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	body{background:#fff; font-size:11px; font-family:Arial; line-height:16px; letter-spacing:0px; color:#6d6f71;}
	#shell{margin:50px auto 30px; width:1025px;}
	#inner-shell{background:url(images/shell.gif); width:1025px; height:592px;}
	
	#first-column{width:156px; margin:6px 0 6px 6px; height:580px;}
	#second-column{width:856px; margin:6px 6px 6px 0; position:relative; height:580px;}
	
	.sc-home{background:url(images/sc-home.jpg) 0 0 no-repeat;}
	.sc-whoarewe{background:url(images/sc-whoarewe.jpg) 430px 175px no-repeat;}
	.sc-howitworks{background:url(images/sc-howitworks.jpg) 0 55px no-repeat;}
	.sc-howwedoit{background:url(images/sc-howwedoit.jpg) 453px 200px no-repeat;}
	.sc-casestudies{background:url(images/sc-casestudies.jpg) 0 73px no-repeat;}
	.sc-contactus{background:url(images/sc-contactus.jpg) 0 0 no-repeat;}
	
	#footer{height:20px; line-height:20px; padding-left:25px;}
	#footer a{color:#bcbec0; text-decoration:underline;}
	#footer a:hover{text-decoration:none;}
/* --- END BODY & SHELL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- START MENU ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#menu{margin-top:170px;}
	#menu ul{margin-left:25px; list-style:none;}
	#menu ul li{line-height:18px;}
	#menu ul li a{color:#a0ae95; background:url(images/menu-normal.gif) left center no-repeat; padding-left:8px; font-size:12px; font-weight:bold;}
	#menu ul li a:hover, #menu ul li a.active{color:#29abe2; background:url(images/menu-hover.gif) left center no-repeat;}
/* --- END MENU ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* --- START CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#content{position:absolute;}
	#content h1{font-size:38px; line-height:38px; color:#eb2d7c; font-weight:normal; margin-bottom:10px;}
	#content h2{font-size:20px; line-height:20px; color:#ffcb0a; font-weight:normal; margin-bottom:15px;}
	#content p{margin-bottom:10px;}
	#content p.marquee{margin-top:26px;}
	#content ul{list-style:none; margin-bottom:10px;}
	#content ul li.pink{background:url(images/bullet-pink.gif) left 6px no-repeat; padding-left:36px; margin-bottom:10px;}
	#content ul li.orange{background:url(images/bullet-orange.gif) left 6px no-repeat; padding-left:36px;}
	#content ol{list-style:none; margin-bottom:10px;}
	#content ol li{padding-left:36px; margin-bottom:10px;}
	#content ol li.ol1{background:url(images/ol1.gif) left 4px no-repeat;}
	#content ol li.ol2{background:url(images/ol2.gif) left 4px no-repeat;}
	#content ol li.ol3{background:url(images/ol3.gif) left 4px no-repeat;}
	#content ol li.olmany{background:url(images/olmany.gif) left 4px no-repeat;}
	#content a{color:#F58220;}
	#content a:hover{text-decoration:underline;}
	#content span.orange{color:#F58220;}
	#content span.pink{color:#eb2d7c;}
	#content span.blue{color:#29abe2;}
	
	.content-home{top:200px; left:350px; width:390px;}
	.content-whoarewe{top:67px; left:23px; width:440px;}
	.content-howitworks{top:144px; left:350px; width:390px;}
	.content-howwedoit{top:180px; left:25px; width:420px;}
	.content-casestudies{top:175px; left:350px; width:390px;}
	.content-contactus{top:205px; left:20px; width:515px;}
	.content-tc{top:100px; padding:0 30px;}
	
	#logo{position:absolute; width:189px; height:61px; top:21px; left:638px;}
	#logo a{background:url(images/logo.gif); width:189px; height:61px; display:block;}
	
	#contacts{color:#29abe2; position:absolute; left:385px; top:524px; text-align:right; font-size:18px; line-height:21px;}
	#contacts a{color:#29abe2;}
	#contacts a:hover{text-decoration:underline;}
	
	#contact-form tr{height:18px;}
	#contact-form tr td{vertical-align:top; font-size:9px;}
	#contact-form tr td input{border:1px solid #bcbec0; font-size:10px; font-family:Arial; height:14px;}
	#contact-form tr td textarea{border:1px solid #bcbec0; font-size:10px; font-family:Arial; height:38px; width:390px;}
	#contact-form tr td input.w390{width:390px;}
	#contact-form tr td input.w170{width:170px;}
	#contact-form tr td input.w175{width:175px;}
	#contact-form tr td input.w140{width:140px;}
	#contact-form tr td input.submit{color:#F58220; width:50px; font-size:9px; height:14px; vertical-align:bottom; background:#fff; display:block; margin-top:26px;}
/* --- END CONTENT --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
