*
	{margin: 0 0; padding: 0 0;}
	
body, p, li {font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;}

p {font-size: 13px; line-height: 17px; color: #5b235e;}

body {background: #e2e2e2  url(../images/big_bg.jpg) repeat-x top center;}

#wrapper {width: 950px; margin: 0 auto; position: relative;}

#logoimg {margin: 0;}

#pageintro{ background: url(../images/home_head.png) repeat-x top center; width:950px; height:385px; margin-bottom:15px; padding:0;}

body a {color:#F0F;}

/******************************************/
/****** LOGIN  *******/
/******************************************/

#free {float:left; width:229px; height:35px; margin:255px 0 0 15px;}

#login {float:right; width: 241px; min-height: 238px; margin:106px 0 0px 0px;}

#login input:focus {background-position: 0 0;}

#login input
{
	height: 20px; 
	width:220px; 
	font-size:14px;
	font-family: Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;
	margin: 0px 0px 25px -5px; 
	color:#333;border: none;
	padding:5px 4px 0px 5px !important;
	background: url(../images/box.png) no-repeat;background-position: 0 -25px;
}

button, #signin {
	width:101px; 
	height:30px;
	background: url(images/paperboy_sign.png) no-repeat;
	padding:0; 
	border:none; 
	float:right;
	cursor: pointer;}

.pass {float: right; height:30px; width:229px; margin:-10px 10px 0px 0px;}

/******************************************/
/****** SIDE NAVIGATION  *******/
/******************************************/

#sidebar {width: 241px; float: right;}
	
h2.navi{
	background: url(../images/seperator.jpg) no-repeat bottom center;
	height: 40px; padding: 0 0 2px 0; margin-bottom: 0px;	
}
#navi{list-style: none; border: none;margin: 0 auto; width: 241px; padding-bottom: 0px;}

#navi li{background: url(../images/seperator.jpg) no-repeat bottom center;
	padding: 2px 0; clear: both; height: 43px; border:none;
}
#navi img {float: left; border: none; margin-right: 0px;}
	
#navi a {padding-top: 0px; display: block; text-decoration: none;}
	
#navi li.last {background:none; padding:2px 0 0 0;}
	
#photo{ position: absolute; top: 0px; right: 10px; width: 53px; height: 50px; text-align: center; z-index:8;}

#photo img {margin-top: 3px; border: none;}

/******************************************/
/****** BODY CONTENT  *******/
/******************************************/

#contentwrapper{
	width: 950px;
	margin: 0 auto;
	margin-bottom:10px;
	clear: both;
	overflow: hidden;
	background-color: #e2e2e2;
}
#content{ background: url(../images/main-body.jpg) repeat-y; margin: 0; padding: 0; width: 697px; float: left;}

.content {margin: 0 15px;}
	
#content h3
{background: url(../images/main-top.jpg) no-repeat left top; border:none;padding: 10px 15px; margin-bottom: 10px;}

#content h3, #content h3 strong {font-weight: 100; color: #5b235e;}
	
#content h4 {font size: 18px; color: #5b235e; font-weight:100;}
	
#content img {padding: 0px 2px;}

.leftcontent {width:385px; float:left; min-height:261px;}

.leftcontent img {margin: 7px 15px;}

.rightcontent {width:267px; float:right;}

.botcontent {width:670px; float:left; margin-bottom:2px;}

.fbox {width: 697px; float: left; margin-bottom:10px;}

.fleft {width:244px; float:left;}

.fright {width: 453px; float:right; background:#e8e8e8 url(../images/fbot.jpg) no-repeat bottom; height:194px;}

.fright h2 {background:url(../images/ftop.jpg) no-repeat top left; font-size:18px; font-weight: 100; color: #5b235e; padding: 10px 15px 7px 2px;}

.fright p {padding: 6px 7px 0 3px;}

.thumbs {width:660px; float:left; margin: 10px 0px 30px 15px;}

.thumb_image {width:110px; height:100px; margin: 5px 5px 0 5px; float:left;}

.thumb_text {width: 180px; height:85px; margin: 20px 15px 0 5px; float:left; font-size: 12px; line-height: 17px; color: #333;}

/******************************************/
/*****************FOOTER******************/
/******************************************/

#footerwrapper {background: url(../images/footer_bg.jpg) repeat-x center; margin: 0; width: 100%;}
	
#footer {height: 50px; width: 950px; margin: 0 auto;}

/******************************************/
/***********NAVIGATION******************/
/******************************************/

/* Main Navigation */

#navigation ul.level_0 
	{height: 62px; float: right; margin-right: 0px;}

#navigation ul .features,#navigation ul .pricing,#navigation ul .designs,#navigation ul .sign,#navigation ul .about,#navigation ul .advantage 
	{cursor: pointer; float: left; list-style: none;}

#navigation ul a.main {
	background: url(../images/navi.jpg) no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 62px;
	text-decoration: none;
	width: auto;
	}

#navigation ul a.main span { display:none; }

#navigation ul a.main span.tt {padding: 3px 10px 4px 10px; left: 0;}

/* Standard Links (div#navigation ul li a.main) */

#navigation ul .features a.main 
	{background-position: 0 0; width: 95px; z-index: 1;}

#navigation ul .pricing a.main 
	{background-position: -95px 0; width: 95px; z-index: 2;}

#navigation ul .designs a.main 
	{background-position: -190px 0; width: 95px;z-index: 3;}

#navigation ul .sign a.main 
	{background-position: -285px 0; width: 95px; z-index: 4;}

#navigation ul .about a.main 
	{background-position: -380px 0; width: 95px; z-index: 5;}
	
#navigation ul .advantage a.main
	{background-position:-475px 0; width: 204px; z-index: 6;}

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) */

#navigation .features a.main { background-position: 0 -62px; z-index: 6; }
#navigation .pricing a.main { background-position: -95px -62px; z-index: 6; }
#navigation .designs a.main { background-position: -190px -62px; z-index: 6; }
#navigation .sign a.main { background-position: -285px -62px; z-index: 6; }
#navigation .about a.main { background-position: -380px -62px; z-index: 6; }
#navigation .advantage a.main { background-position: -475px -62px; z-index: 6; }

/* Active State Right Adjacents (Body tag matchup staggered 1 right) ( y = -140px ) */

.features #navigation .pricing a.main { background-position: -95px -62px; }
.pricing #navigation .designs a.main { background-position: -190px -62px; }
.designs #navigation .sign a.main { background-position: -285px -62px;  }
.sign #navigation .about a.main { background-position: -380px -62px; }
.about #navigation .advantage a.main { background-position: -475px -62px; }

/* Hovers (blues) (1px wider to the left) ( y = -280px ) */

#navigation a.main span.hover {
	background: url(../images/navi.jpg) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0 1px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 62px;
	width: 100%;
	z-index: 100;
	border:0;
	}

#navigation .features a.main .hover {
	background-position: 0 -62px;
	padding: 0;
	}

#navigation .pricing a.main .hover {
	background-position: -94px -62px;
	background-position: -94px -62px;
	xbackground-position: -94px -62px;
	}

#navigation .designs a.main .hover {
	background-position: -189px -62px;
	background-position: -189px -62px;
	xbackground-position: -189px -62px;
	}

#navigation .sign a.main .hover {
	background-position: -284px -62px;
	background-position: -284px -62px;
	xbackground-position: -284px -62px;
	}

#navigation .about a.main .hover {
	background-position: -379px -62px;
	background-position: -379px -62px;
	xbackground-position: -379px -62px;
	}
	
#navigation .advantage a.main .hover {
	background-position: -474px -62px;
	background-position: -474x -62px;
	xbackground-position: -474px -62px;
	xpadding: 0;
	}
	

/******************************************/
/************ Side Navigation *************/
/******************************************/

#sideblade {
	float: right;
	margin: 0 0 14px 0;
	position: relative;
	top: 0px;
	min-height: 180px;
	width: 241px;
	z-index: 2;
	}
#sideblade h3
{
 	background: url(../images/top.jpg) no-repeat left top;
	border:none;
	padding: 10px 15px 7px 15px;
	margin-bottom: 0px;
}
#sideblade h3, #sideblade h3 strong
	{font-weight: 100; color: #5b235e;}


#sideblade #subnavigation {list-style: none;}

#sideblade #subnavigation li {
	margin: 0 0 0 0px;
	padding-bottom: 2px;
	background: url(../images/seperator.jpg) no-repeat bottom center;
	}

#sideblade #subnavigation li.last { 
	background: url(../images/bot.jpg) no-repeat bottom center; 
	padding-bottom: 10px;
}

#subnavigation li a {
	background: #ebebeb url(../images/sidenav.jpg) no-repeat 0 0;
	color: #aaa;
	display: block;
	padding: 0px 0px 0px 0px;
	padding: 0 0px 0 0px;
	position: relative;
	text-decoration: none;
	height: 43px; /* middle ones */
	width: 241px;
	}

#subnavigation li.first a {height: 43px; /* top & bottom buttons are shorter? */}

#subnavigation li.last a {height: 43px; /* top & bottom buttons are shorter? */}

#sideblade #subnavigation li a h3 {color: #fff; display: none;}

#sideblade #subnavigation li a small {color: #aaa; display: block; display: none;}

#subnavigation li a span { display: none; }

#subnavigation li a span.hover {
	background: url(../images/sidenav.jpg) no-repeat -241px 0;
	border-top: 0px;
	cursor: pointer; !important;
	display: block; !important;
	position: absolute;
	top: -1px;
	left: 0px;
	xpadding: 0px 0 0 0;
	height: 43px;
	width: 100%;
	opacity: 0;
	}

#subnavigation li.first a span.hover { border: 0 none; top: 0; }

/* Sprite Application */

#subnavigation .generalq a { background-position: 0 0; }
#subnavigation .priceq a { background-position: 0 -43px; }
#subnavigation .designq a { background-position: 0 -86px; }

#subnavigation .generalq a .hover { background-position: -241px 0px; }
#subnavigation .priceq a .hover { background-position: -241px -43px; }
#subnavigation .designq a .hover { background-position: -241px -86px; }

#subnavigation .generic a { background-position: 0 -129px; }
#subnavigation .template a { background-position: 0 -172px; }
#subnavigation .own a { background-position: 0 -215px; }
#subnavigation .custom a { background-position: 0 -258px; }

#subnavigation .generic a .hover { background-position: -241px -129px; }
#subnavigation .template a .hover { background-position: -241px -172px; }
#subnavigation .own a .hover { background-position: -241px -215px; }
#subnavigation .custom a .hover { background-position: -241px -258px; }

#subnavigation .subscribe a { background-position: 0 -301px; }
#subnavigation .reports a { background-position: 0 -344px; }
#subnavigation .delivery a { background-position: 0 -387px; }

#subnavigation .subscribe a .hover { background-position: -241px -301px; }
#subnavigation .reports a .hover { background-position: -241px -344px; }
#subnavigation .delivery a .hover { background-position: -241px -387px; }

.about #subnavigation .company a { background-position: 0 -271px; }
.about #subnavigation .timeline a { background-position: 0 -359px; }
.about #subnavigation .faq a { background-position: 0 -446px; }

.about #subnavigation .company a .hover { background-position: -232px -271px; }
.about #subnavigation .timeline a .hover { background-position: -232px -359px; }
.about #subnavigation .faq a .hover { background-position: -232px -446px; }



.portfolio #subnavigation .project a { background-position: 0 -813px; }
.portfolio #subnavigation .type a { background-position: 0 -901px; }

.portfolio #subnavigation .project a .hover { background-position: -232px -813px; }
.portfolio #subnavigation .type a .hover { background-position: -232px -901px; }

/* Active Buttons (body class matchup) */ /*" +4px for the topping "*/

.services.identity #subnavigation .identity a { background-position: -462px 0; padding-top: 4px; margin-top: -4px; }
.services.identity #subnavigation .design a .cap { display: block; background-position: bottom right; }
.services.identity #subnavigation .design a .hover { border-top: 0 none; top: 0; }

.services.design #subnavigation .design a { background-position: -462px -92px; }
.services.design #subnavigation .identity a .cap { display: block; background-position: top right; top: auto; bottom: 0; }
.services.design #subnavigation .code a .cap { display: block; background-position: bottom right; }
.services.design #subnavigation .code a .hover { border-top: 0 none; top: 0; }

.services.code #subnavigation .code a { background-position: -462px -179px; padding-top: 4px; }
.services.code #subnavigation .design a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.services.identity .identity .hover,
.services.design .design .hover,
.services.code .code .hover {
	display: none !important;
	height: 0px;
	}

.about.company #subnavigation .company a { background-position: -462px -271px; padding-top: 4px; margin-top: -4px; }
.about.company #subnavigation .timeline a .cap { display: block; background-position: bottom right; }
.about.company #subnavigation .timeline a .hover { border-top: 0 none; top: 0; }

.about.timeline #subnavigation .timeline a { background-position: -462px -363px; }
.about.timeline #subnavigation .company a .cap { display: block; background-position: top right; top: auto; bottom: 0; }
.about.timeline #subnavigation .faq a .cap { display: block; background-position: bottom right; }
.about.timeline #subnavigation .faq a .hover { border-top: 0 none; top: 0; }

.about.faq #subnavigation .faq a { background-position: -462px -451px; padding-top: 4px; }
.about.faq #subnavigation .timeline a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.about.company .company .hover,
.about.timeline .timeline .hover,
.about.faq .faq .hover {
	display: none !important;
	height: 0px;
	}

.contact.general #subnavigation .general a { background-position: -462px -542px; padding-top: 4px; margin-top: -4px; }
.contact.general #subnavigation .questions a .cap { display: block; background-position: bottom right; }
.contact.general #subnavigation .questions a .hover { border-top: 0 none; top: 0; }

.contact.questions #subnavigation .questions a { background-position: -462px -600px; }
.contact.questions #subnavigation .questions a { background-position: -462px -634px; }
.contact.questions #subnavigation .general a .cap { display: block; background-position: top right; top: auto; bottom: 0; }
.contact.questions #subnavigation .book a .cap { display: block; background-position: bottom right; }
.contact.questions #subnavigation .book a .hover { border-top: 0 none; top: 0; }

.contact.book #subnavigation .book a { background-position: -462px -721px; padding-top: 4px; }
.contact.book #subnavigation .questions a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.contact.general .general .hover,
.contact.questions .questions .hover,
.contact.book .book .hover {
	display: none !important;
	height: 0px;
	}

.portfolio.projects #subnavigation .project a { background-position: -462px -813px; padding-top: 4px; margin-top: -4px; }
.portfolio.projects #subnavigation .type a .cap { display: block; background-position: bottom right; }
.portfolio.projects #subnavigation .type a .hover { border-top: 0 none; top: 0; }

.portfolio.type #subnavigation .type a { background-position: -462px -905px; padding-top: 4px; }
.portfolio.type #subnavigation .project a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.portfolio.projects .project .hover,
.portfolio.type .type .hover {
	display: none !important;
	height: 0px;
	}

/******************************************/
/************ Side Newsletter Sign up *************/
/******************************************/

#newsletter
{
	float:right;
	width: 241px;
	min-height: 238px;
	background: #ebebeb url(../images/newsbg.jpg) no-repeat top left;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
}
#newsletter label
{
	width: 35px;
	float: left;
	text-align: right;
	margin-right: 0px;
	font-size: 10px;
	font-family: Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #949494;
	padding-top: 0px;
}
#newsletter input
{
	height: 21px;
	width:220px;
	font-size:14px;
	font-family: Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;
	margin-left:6px;
	margin-bottom:2px;
	color:#333;
	border: none;
	padding:5px 4px 0px 5px !important;
	background:none;
	background: url(../images/inputbg2.jpg) no-repeat;
	background-position: 0 -25px;
}
#newsletter input:focus {background-position: 0 0;}

button, #submit {
	width:112px;
	height:29px;
	background: url(../images/news-submit.jpg) no-repeat;
	padding:0;
	border:none;
	float:right;
	cursor: pointer;
}

.policy
{
	float: right;
	height:29px;
	width:241px;
	font-size:10px;
	color:#5b235e;
	margin:7px 0px 0px 0px;
}