/* 

Title : 89Bytes - xHTML Section StyleSheet Version 1.0

CSS Level : CSS 2.1

Author : Sujay Ghatak - 89Bytes Web Studio

URL : www.89Bytes.com

Created : November 13, 2008

Copyright: 89Bytes Web Studio. All Rights Reserved.

*/

/*----------Common----------*/
* { padding:0px; margin:0px; }
html{ height: 100%;  margin-bottom: 1px; }
body { background:url(../images/background.gif) left top repeat-x #fff; color:#282828; font:normal 12px Arial, Helvetica, sans-serif; }
img { border:0px; }
.floatLeft { float:left; }
.floatRight, .fR { float:right; }
.clear { clear:both; display:block; }
.ovFlow { overflow:hidden; }
#Header, #HomeHeader, #HomeContent, #Footer .holder { width:900px; margin:auto; }
/*----------Header----------*/
#Header .holder { border:1px solid #ef4224; height:72px; background:#ef4224 url(../images/header-bg.gif) left bottom repeat-x; position:relative; }
#Header h1.logo { background:url(../images/logo.png) left top no-repeat; position:absolute; top:11px; left:24px; }
#Header h1.logo a { width:170px; height:90px; display:block; }
#Header h1.logo a span { display:none; }
#Header .nav { float:right; width:550px; padding-top:8px; height:54px; }
#Header .nav li { display:inline; }
#Header .nav li a { float:left; padding:0px 14px; }
#Header .nav li a span { line-height:54px; display:block; background:url(../images/spacer.gif) center top no-repeat; }
#Header .nav li a span span { text-indent:-9999px; }
#Header .nav li a:hover span, #Header .nav li a.selected span { background:url(../images/selected.gif) center top no-repeat; }
#Header .nav li.divider { width:2px; background:url(../images/divider.gif) left top repeat-y; display:block; float:left; height:54px; overflow:hidden; }
#Header .nav li a.about { background:url(../images/about-us.gif) center center no-repeat; width:64px; }
#Header .nav li a.policy { background:url(../images/policies.gif) center center no-repeat; width:54px }
#Header .nav li a.faq { background:url(../images/faq.gif) center center no-repeat; width:24px }
#Header .nav li a.example { background:url(../images/examples.gif) center center no-repeat; width:58px }
#Header .nav li a.contact { background:url(../images/contact.gif) center center no-repeat; width:81px }
#Header .nav li a.order { background:url(../images/order-now.gif) center center no-repeat; width:84px }
#Header .motto { position:absolute; background:url(../images/convert.gif) left top no-repeat; width:305px; height:51px; top:127px; left:546px; }

/*----------HomeHeader----------*/
#HomeHeader { background:url(../images/home-header-bg.jpg) left top no-repeat; }
#HomeHeader .holder { background:url(../images/caption.jpg) 35px 62px no-repeat; position:relative; }
#HomeHeader .workHolder { height:329px; background:url(../images/template-holder.jpg) right top no-repeat; }
#HomeHeader .container { width:345px; height:217px; position:absolute; top:59px; left:489px; }
#HomeHeader .container .top { width:345px; height:196px; }
#HomeHeader .container .bottom { background:#202020 url(../images/recently-sliced.gif) left top no-repeat; line-height:21px; padding-left:146px; font-size:11px; color:#fff; }
#HomeHeader .container .bottom a { color:#fff; text-decoration:none; }
#HomeHeader .container .bottom a:hover { color:#ffcc00; }
/*----------HomeContent----------*/
#HomeContent .top, #HomeContent .topNxt, #HomeContent .mid { padding-left:23px; padding-right:23px; }
#HomeContent .top { background:url(../images/home-content-top.jpg) left top no-repeat #fdd95b; padding-top:19px; }
#HomeContent .topNxt { background:url(../images/home-content-top.jpg) left top no-repeat #fdd95b; padding-top:45px; }
#HomeContent .topNxt h4 span { display:none; }
#HomeContent .topNxt .policiesHdr { height:65px; background:url(../images/policies.png) left top no-repeat; }
#HomeContent .topNxt .faqHdr { height:65px; background:url(../images/faq.png) left top no-repeat; }
#HomeContent .topNxt .exmpleHdr { height:65px; background:url(../images/examples.png) left top no-repeat; }
#HomeContent .topNxt .contactHdr { height:65px; background:url(../images/contact.png) left top no-repeat; }
#HomeContent .topNxt .orderHdr { height:65px; background:url(../images/order-now.png) left top no-repeat; }
#HomeContent .topNxt .thanksHdr { height:65px; background:url(../images/thanks.png) left top no-repeat; }
#HomeContent .mid { background:url(../images/home-content-bottom.jpg) left top no-repeat #fff; padding-top:85px; padding-bottom:40px; }
#HomeContent .mid .floatLeft, #HomeContent .mid .floatRight { width:49%; }
#HomeContent h2 { display:block; height:37px; }
#HomeContent h2 span, #HomeContent h3 span span { display:none; }
#HomeContent h2.welcome { background:url(../images/welcome.gif) left top no-repeat; }
#HomeContent h3 { height:53px; display:block; background:url(../images/heading-bg.gif) left 32px no-repeat; font:normal 20px "Trebuchet MS", Arial, Verdana; text-transform:uppercase; }
#HomeContent h3 span { height:33px; display:block; }
#HomeContent h3.weProvide span { background:url(../images/we-provide.gif) left top no-repeat; }
#HomeContent h3.technicalSkills span { background:url(../images/technical-skills.gif) left top no-repeat; }
#HomeContent h3.generalOpt span { background:url(../images/general-options.gif) left top no-repeat; }
#HomeContent h3.addlOpt span { background:url(../images/additional-options.gif) left top no-repeat; }
#HomeContent h3.drop span { background:url(../images/drop-us.gif) left top no-repeat; }
#HomeContent h3.getIn span { background:url(../images/get-in-touch.gif) left top no-repeat; }
#HomeContent { line-height:18px; }
#HomeContent .bottom { padding-bottom:20px; padding-left:23px; line-height:18px; }
#HomeContent .bottom .tTop { background:url(../images/testi-top.gif) left top no-repeat; padding:12px 52px 20px 52px; }
#HomeContent .bottom .tBottom { background:url(../images/testi-bottom.gif) left top no-repeat; padding:26px 52px 0px 52px; color:#878787; }
#HomeContent .bottom .tBottom strong { color:#302f2f; }
#HomeContent .mid li { line-height:24px; list-style-type:none; display:block; padding-left:30px; background:url(../images/tick.gif) left 7px no-repeat; }
#HomeContent .txtArea p { margin-bottom:18px; }
#HomeContent .txtArea a { color:#ff5706; text-decoration:underline; }
#HomeContent .txtArea a:hover { text-decoration:none; }
#HomeContent .box { width:345px; height:196px; float:left; border:10px solid #f2f2f2; margin-bottom:25px; }
#HomeContent .boxR { width:345px; height:196px; float:right; border:10px solid #f2f2f2; margin-bottom:25px; }
#HomeContent .questions p.ques { margin-bottom:3px; }
#HomeContent .questions p { margin-bottom:20px; }
#HomeContent .questions a { color:#ff6600; text-decoration:underline; }
#HomeContent .questions a:hover { text-decoration:none; }
#HomeContent .fR a { color:#ff6600; text-decoration:none; }
#HomeContent .fR a:hover { text-decoration:underline; }
#HomeContent .exArea { padding-bottom:70px; }
#HomeContent .addressBlock { padding:20px; }
#HomeContent .ifr { padding-top:10px; }
#HomeContent .ifrOrder { padding-top:30px; }

/*----------Footer----------*/
#Footer { border-top:1px solid #dfdfdf; background:url(../images/footer-bg.gif) left top repeat-x; padding:15px 0px; font-size:11px; color:#555555; line-height:18px; }
#Footer a { color:#ff6c00; text-decoration:underline; }
#Footer a:hover { text-decoration:none; }
#Footer .floatLeft { width:350px; padding-left:23px; }
#Footer .floatRight { width:200px; text-align:right; }
/*-------Order-----------*/
#content-primary {
	width: 550px;
	float: left;
	position: relative;
	z-index: 6;
}
div.order-form {
	background: #fff;
	color: #545847;
	width: 560px;
}

div.order-form dd.total em {
	color: #E55821;
}

div.order-form fieldset {
	width: 555px;
	overflow: hidden;
}

div.order-form dl {
	width: 100%;
	overflow: hidden;
	padding-bottom: 8px;
}

div.order-form dt {
	float: left;
	clear: left;
	width: 125px;
	padding: 6px 10px 4px 0;
	text-align: right;
}

div.order-form dd {
	width: 400px;
	overflow: hidden;
	padding: 4px 0 4px 5px;
}

div.order-form a.submit {
	float: right;
	width: 160px;
	height: 32px;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	text-decoration: none !important;
}

div.order-form input.text {
	width: 310px;
	font:normal 12px Arial, Helvetica, sans-serif;
	border:2px solid #e6e6e6; 
	padding:2px;
}

div.order-form textarea {
	width: 310px;
	height: 100px;
	font:normal 12px Arial, Helvetica, sans-serif;
	border:2px solid #e6e6e6; 
	padding:2px;
}
div.order-form textarea.big { height:160px; }

div.order-form input.pages {
	width: 90px;
}
li label strong, #HomeContent .fR li strong { color:#668702; padding-left:10px; }
#HomeContent .mid div.order-form li, #HomeContent .fR li {
	padding-left: 0px;
	background:none;
	width: 100%;
}

div.order-form dd.button, div.order-form dd.total {
	clear: both;
	width: 455px;
	text-align: right;
	padding-top: 14px;
}

div.order-form dd.total {
 font:bold 24px Georgia, "Times New Roman", Times, serif;
}
div.order-form dd.total strong { color:#ff6600; }

.error { color:#ff0000; font:bold 14px Georgia, "Times New Roman", Times, serif; }
#HomeContent .fR { float:right; width:290px; position:relative; }
.orangeText { color:#ff6600; font-weight:bold; }