/* CSS Document */

body	{
	background: #e0e0e0 url(/images/bg.png) top left repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 11px;
	}

a:link, a:visited, a:active	{
	color: #007DCC;
	text-decoration: none;
	}
	
a:hover	{
	color: #555555;
	text-decoration: none;
	}

hr	{
	border-top: 1px dashed #dfdfdf;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
	padding-bottom: 15px;
	}

#footer a, #nav-top a	{
	color: #555555;
	}

#footer a:hover, #nav-top a:hover	{
	color: #007DCC;
	}

#content a	{
	color: #007DCC;
	}

#content a:hover	{
	color: #555555;
	}

#footer h3	{ /* for use in acc-footer */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	}

img	{
	border: 0px;
	}

img	a	{
	border: 0px;
	}


h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	}

h1.home	{
	font-size: 18px;
	}

.kw	{
	font-size: 21px;
	font-weight: bold;
	}

h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0;
	}
	
h2.alt	{
	font-size: 18px;
	font-weight: normal;
	}

h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
	}

h3.alt	{
	font-size: 24px;
	}

.lcase	{
	font-size: 16px;
	text-transform: lowercase;
	}

h4	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	}
	
h6	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 20px;
	padding-top: 5px;
	margin: 0;
	text-align: left;
	font-weight: normal;
	}

h6 a, a:visited	{
	color: #555555;
	}

h6 a:hover	{
	color: #007DCC;
	}

p	{
	line-height: 18px;
	}

.smallprint	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bbbbbb;
	}

ul	{
	padding-left: 15px;
	}

ul li	{
	line-height: 18px;
	list-style-type: square;
	margin-bottom: 10px;
	}

ol	{
	}

ol li	{
	line-height: 18px;
	margin-bottom: 10px;
	}

blockquote	{
	line-height: 18px;
	}

table	{
	margin: 0;
	}

td	{
	vertical-align: text-top;
	line-height: 18px;
	}

.clr	{
	clear: both;
	}

#wrapper	{
	width: 960px;
	margin: 0 auto;
	}
	
#header-wrap	{
	width: 960px;
	height: 109px;
	background: url(/images/header-bg.png) top left no-repeat;
	}
	
#footer-wrap	{
	width: 960px;
	height: 205px;
	background: url(/images/footer-bg.gif) bottom left no-repeat;
	text-align: center;
	}

#logo	{
	float: left;
	}
	
#nav-top	{
	float: right;
	margin-right: 25px;
	width: 367px;
	height: 53px;
	background: url(../images/navtop-bg.png) top left no-repeat;
	text-align: center;
	font-size: 11px;
	}

#nav-top ul	{
	margin: 5px 0px 0px 0px;
	padding: 0;
	}
	
#nav-top li	{
	display: inline;
	padding: 0px 5px;
	}

#content-wrap	{
	background: url(/images/content-bg.png) top center repeat-y;
	overflow: auto;
	}

#content	{
	padding: 5px 4px 0px 4px;
	text-align: center;
	}

#content-bottom	{
	clear: both;
	width: 960px;
	height: 46px;
	background: url(/images/content-foot.gif) bottom left no-repeat;
	}

#footer	{
	margin: 0 auto;
	width: 890px;
	text-align: left;
	padding-top: 30px;
	font-size: 10px;
	}

.c-f1	{
	float: left;
	width: 170px;
	margin-right: 25px;
	}

.c-f2	{
	float: left;
	width: 237px;
	margin-right: 25px;
	}

.c-f2 div.jscroll	{
	height: 116px;
	overflow: auto;
	}

.c-f3	{
	float: left;
	width: 238px;
	}

#footer ul	{
	margin: 0;
	padding: 0;
	}

#footer li	{
	list-style-type: none;
	border-bottom: 1px dotted #e0e0e0;
	line-height: 16px;
	margin-bottom: 0;
	}

#footer li.last	{
	border-bottom: 0px dotted #c1c1c1;
	}

#c1	{
	margin: 0 auto;
	width: 890px;
	text-align: left;
	}

#c2	{
	float: left;
	width: 563px;
	margin-right: 30px;
	}

#c3	{
	float: left;
	width: 266px;
	padding-left: 30px;
	padding-top: 25px;
	border-left: 1px dashed #dfdfdf;
	}

.lefty	{
	float: left;
	margin: 10px 10px 10px 0px;
	}

.righty	{
	float: right;
	margin: 10px 0px 10px 10px;
	}

.centy	{
	width: 100%;
	text-align: center;
	}

.bcrumbs	{
	margin-bottom: 25px;
	font-size: 10px;	
	}

.bcrumbs a	{
	color: #555;
	}

.bcrumbs a:hover	{
	color: #007DCC;
	}


/*********** TAB BAR START ***************/
#nav-tabs	{
	clear: right;
	float: right;
	margin-right: 25px;
	width: 630px;
	height: 41px;
	}
	
#nav {
	margin:0px;
	float:right;
	line-height:0px;
}
#nav li{
	list-style:none;
	margin-left:0px;
	float:left;
}
#nav li a{
	height: 41px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -9000px;
}


#nav #nav-home a{
	width: 90px;
	background: url(/images/tabs/nav-home.png) no-repeat left bottom;
}
#nav #nav-home a:hover{
	background: url(/images/tabs/nav-home.png) no-repeat left top;
}
body#home #nav-home a{
	background: url(/images/tabs/nav-home.png) no-repeat left top;
}


#nav #nav-process a{
	width: 103px;
	background: url(/images/tabs/nav-process.png) no-repeat left bottom;
}
#nav #nav-process a:hover{
	background: url(/images/tabs/nav-process.png) no-repeat left top;
}
body#process #nav-process a{
	background: url(/images/tabs/nav-process.png) no-repeat left top;
}


#nav #nav-pricing a{
	width: 96px;
	background: url(/images/tabs/nav-pricing.png) no-repeat left bottom;
}
#nav #nav-pricing a:hover{
	background: url(/images/tabs/nav-pricing.png) no-repeat left top;
}
body#pricing #nav-pricing a{
	background: url(/images/tabs/nav-pricing.png) no-repeat left top;
}

#nav #nav-lport a{
	width: 106px;
	background: url(/images/tabs/nav-lport.png) no-repeat left bottom;
}
#nav #nav-lport a:hover{
	background: url(/images/tabs/nav-lport.png) no-repeat left top;
}
body#lport #nav-lport a{
	background: url(/images/tabs/nav-lport.png) no-repeat left top;
}


#nav #nav-sport a{
	width: 106px;
	background: url(/images/tabs/nav-sport.png) no-repeat left bottom;
}
#nav #nav-sport a:hover{
	background: url(/images/tabs/nav-sport.png) no-repeat left top;
}
body#sport #nav-sport a{
	background: url(/images/tabs/nav-sport.png) no-repeat left top;
}


#nav #nav-order a{
	width: 87px;
	background: url(/images/tabs/nav-order.png) no-repeat left bottom;
}
#nav #nav-order a:hover{
	background: url(/images/tabs/nav-order.png) no-repeat left top;
}
body#order #nav-order a{
	background: url(/images/tabs/nav-order.png) no-repeat left top;
}


/*********** TAB BAR END ***************/


/* Homepage - START */
.home-title-txt	{
	float: left;
	width: 400px;
	margin-top: 5px;
	margin-bottom: 25px;
	}

.home-title-txt2	{
	position: absolute;
	left: 764px;
	float: left;
	display:block;
	text-decoration:none;
	width: 164px;
	z-index: 1;
	height: 164px;
	background: url(/images/99-dollar-logo-design.png) top right no-repeat;
	text-indent: -9000px;
	}

#home-title-box	{
	clear: both;
	width: 890px;
	height: 353px;
	background: url(/images/home-title-bg.gif) top left no-repeat;
	margin-bottom: 20px;
	}

.h-t1	{
	float: left;
	padding: 22px;
	width: 440px;
	}

.h-t2	{
	position: relative;
	float: left;
	left: 0px;
	padding: 22px;
	width: 332px;
	z-index: 0;
	text-align: center;
	}

.buttons	{
	padding: 10px 0px;
	}

.ss	ul {
	position: absolute;
	}

.ss ul li {
	float: left;
	list-style: none;
	display: inline;
	}

.h2-start a	{
	width: 332px;
	height: 46px;
	background: url(/images/button-start-logo.gif) left top no-repeat; 
	display:block;
	float: left;
	text-indent: -9000px;
	margin-top: 21px;
	padding: 0;
	}

.h2-start a:hover	{
	background: url(/images/button-start-logo.gif) left bottom no-repeat; 
	}

#home-packages	{
	clear: both;
	width: 890px;
	height: 55px;
	background: url(/images/home-packages-bg.jpg) top left no-repeat;
	padding-top: 145px;
	margin-bottom: 10px;
	}
	
.home-orderlogo	{
	float: left;
	width: 100px;
	height: 25px;
	margin-right: 130px;
	}

.home-ordercombo	{
	float: left;
	width: 150px;
	height: 25px;
	}

.h-c0a	{	/* homepage - left column - contains h-c1 and h-c2  */
	
	}

.h-c0b	{	/* homepage - right column - contains h-c3  */
	
	}

.h-c1	{
	clear: both;
	float: left;
	width: 266px;
	height: 290px;
	border-right: 1px dashed #dfdfdf;
	padding-right: 30px;
	margin-bottom: 10px;
	}

.h-c2	{
	float: left;
	width: 236px;
	height: 290px;
	padding: 0px 30px;
	margin-bottom: 10px;
	}

.h-c3	{
	float: left;
	width: 266px;
	height: 290px;
	border-left: 1px dashed #dfdfdf;
	padding-left: 30px;
	margin-bottom: 10px;
	}

.h-c4	{
	clear: both;
	width: 890px;
	}

.h-c4-a	{
	float: left;
	width: 560px;
	}

.h-c4-b	{
	float: left;
	width: 305px;
	padding-left: 25px;
	}

#h-p-val	{
	float: left;
	width: 165px;
	margin-right: 30px;
	background-color: #f2f2f2;
	}

#h-p-prem	{
	float: left;
	width: 165px;
	margin-right: 30px;
	background-color: #f2f2f2;
	}

#h-p-exec	{
	float: left;
	width: 165px;
	background-color: #f2f2f2;
	}

/* Homepage - END */


/* Portfolio Page - START */

#ptitle	h1	{
	font-size: 14px;
	}

#ptitle	h2	{
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 10px;
	}

#pcontent	{
	}
	
.pimg	{
	float: left;
	width: 300px;
	margin-bottom: 20px;
	margin-right: 10px; /* added 20100814 */
	}

.ptxt1	{
/*	margin-left: 10px;
	float: left;
	width: 253px;*/
	line-height: 18px;
	}

.ptxt2	{
	clear: both;
	margin-top: 30px;
	}
	
#cats	{
	}

ul.pcats	{
	clear: both;
	margin: 40px 0px;
	padding: 0;
	}

ul.pcats li	{
	font-size: 11px;
	line-height: 14px;
	list-style-type: none;
	margin: 2px;
	}
	
.pthumb	{
	margin: 4px;
	margin-bottom: 25px;
	float: left;
	width: 175px;
	height: 170px;
	overflow: hidden;
	}

.wthumb	{
	margin: 4px;
	margin-bottom: 25px;
	margin-right: 20px;
	float: left;
	width: 225px;
	height: 170px;
	overflow: hidden;
	}

.image	{
	float: left;
	margin-right: 15px;
	}

.ico-lefty	{
	width: 280px;
	float: left;
	}

.ico-righty	{
	width: 280px;
	float: right;
	}

#portcats-wrap	{
	width: 523px;
	height: 100%;
	overflow: auto;
	background: #f6fcff url(/images/portcats-bg.png) top left no-repeat;
	padding: 20px 20px 0px 20px;
	}

#portcats-foot	{
	clear: both;
	width: 100%;
	height: 15px;
	background: #fff url(/images/portcats-foot-bg.png) bottom left no-repeat;
	}

.portcats	{
	float: left;
	width: 260px;
	}

.portcats ul	{
	margin: 0;
	padding: 0;
	}

.portcats li	{
	list-style-type: none;
	line-height: 13px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	}

.portcats ul li a	{
	color: #555 !important;
	}

.portcats ul li a:hover	{
	color: #007DCC !important; 
	}

/* Portfolio Page - END */

/* Pricing page - START */

/* pl = Prices Logo */

#pw		{
	}

.padtxt	{
	text-align: left;
	padding: 0px 5px;
	}
	
#pl	 {
	margin-top: 15px;
	}

#pc	{
	width: 890px;
	}

#pl tr, #pc tr	{
	background: #fafafa;
	}

#pl tr.th, #pc tr.th	{
	background: #fff;
	}

#pl tr.ot, #pc tr.ot	{
	background: #f4f4f4;
	}

#pc tr.sh	{
	background-color: #555;
	}

#pc td.sh	{
	background: url(/images/pricing-table-sh.gif) top left no-repeat;
	text-align: left;
	padding-left: 10px; 
	}

#pc .oprice	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #bbb;
	text-decoration: line-through;	 
	}

#pc .cprice	{
	font-family: Arial, Helvetica, sans-serif;
	color: #007DCC;
	font-size: 14px;
	font-weight: bold;
	}

#pc tr h3	{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	}

#pl td.cf, #pc td.cf	{
	padding-left: 10px;
	width: 200px;
	text-align: left;
	}

#pl td, #pc td	{
	width: 100px;
	padding: 3px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}

/* ps = Prices Stationery */

#ps	{
	margin-top: 15px;
	}

#ps tr	{
	background: #fafafa;
	}

#ps tr.th	{
	background: #fff;
	}

#ps tr.ot	{
	background: #f4f4f4;
	}

#ps td.cf	{
	padding-left: 10px;
	width: 200px;
	text-align: left;
	}

#ps td	{
	width: 100px;
	padding: 3px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}

/* pw = Prices Web */

#pw	{
	margin-top: 15px;
	}

#pw tr	{
	background: #fafafa;
	}

#pw tr.th	{
	background: #fff;
	}

#pw tr.ot	{
	background: #f4f4f4;
	}

#pw td.cf	{
	padding-left: 10px;
	width: 200px;
	text-align: left;
	}

#pw td	{
	width: 100px;
	padding: 3px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}

#pw td.corp	{
	text-align: left;
	line-height: 16px;
	}

/* Page top boxes START */

.pr-c1, .pr-c2, .pr-c3	{
	float: left;
	margin-bottom: 15px;
	}

.pr-c1	{	
	width: 256px;
	background: url(/images/h-c1-bg.gif) top center no-repeat;
	padding: 10px;
	margin-right: 20px;
	}

.pr-c2	{
	width: 246px;
	background: url(/images/h-c2-bg.gif) top center no-repeat;
	padding: 10px;
	margin-right: 20px;
	}

.pr-c3	{
	width: 236px;
	height: 65px;
	background: url(/images/h-c3-bg.gif) top center no-repeat;
	padding: 15px;
	padding-left: 25px;
	color: #007DCC;
	font-size: 22px;
	line-height: 30px;
	}

.pr-c1 ul, .pr-c2 ul {
	margin: 0;
	}
	
.pr-c1 li, .pr-c2 li	{
	list-style-position: inside;
	margin-bottom: 5px;
	padding-right: 5px;
	line-height: 18px;
	}
/* Page top boxes END */


/* Pricing page - END */



/* Mootools - Tooltips - START */ 

.tool-tip {
	color: #fff;
	width: 250px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background: url(/images/tooltip.gif) top left;
	text-align: left;
}
 
.tool-text {
	font-size: 10px;
	padding: 4px 8px 8px;
	background: url(/images/tooltip.gif) bottom right;
	text-align: left;
}
 

/* Mootools - Tooltips - END */ 

/* Mootools - Accordion - START */

.acc-c0	{
	float: left;
	width: 890px;
	}

.acc-c2	{ /* Sames as #c2 and #c3 but only as classes to be used inside accordion panels*/
	float: left;
	width: 563px;
	margin-right: 30px;
	}

.acc-c3	{
	float: left;
	width: 266px;
	padding-left: 30px;
	border-left: 1px dashed #dfdfdf;
	}

.acc-c3 ul	{
	margin-left: 0;
	}


/* Mootools - Accordion - END */



/* Process Page Items - START */

#prowrap	{
	margin-top: 15px;
	width: 100%;
	}
	
.procol	{
	float: left;
	width: 125px;
	/*margin: 5px;*/
	}
	
.procol2	{
	float: left;
	width: 28px;
	/*margin: 5px;*/
	}

/* Process Page Items - END */


/* Order Page Items - START */

.svc	{
	float: left;
	width: 281px;
	height: 140px;
	margin: 30px 15px 30px 0px;
	}

.svc-c1	{
	float: left;
	height: 140px;
	width: 100px;
	background: url(/images/order-service-bg.png) top left no-repeat;
	margin-right: 1px;
	}

.svc-c1 h2	{
	padding: 10px;
	padding-bottom: 0px;
	font-size: 16px;
	}

.svc-c1 p	{
	padding: 0px 10px;
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	}

.svc-c2	{
	float: left;
	width: 180px;
	margin: 5px 0px 0px 0px;
	}

.panel-1	{
	clear: both; 
	padding-bottom: 25px;
	text-align: center;
	}

/* redir page - start */

#billing-o	{
	width: 500px;
	background: #ecf5fb url(/images/order-redir-o.gif) top left no-repeat;
	margin: 15px 0px 30px 0px;
	float: left;
	}

#billing-i	{
	background: url(/images/order-redir-i.gif) bottom left no-repeat;
	margin-bottom: -30px;
	}

#oredir	{
	width: 430px;
	margin: 30px;	
	}

#oredir td	{
	vertical-align: top;	
	}

.pricecol1	{
	width: 200px;
	text-align: right;
	}

.pricecol2	{
	width: 200px;
	}

td.pricecol2-total	{
	text-align: right;
	}
	
.pricecol3	{
	width: 125px;
	text-align: right;
	font-weight: bold;
	}

td.pricecol3-head	{
	width: 100px;
	text-align: right;
	border-bottom: 1px solid #999;
	font-weight: bold;
	}

td.pricecol3-total	{
	width: 100px;
	text-align: right;
	border-top: 1px solid #999;
	border-bottom: 3px double #999;
	font-weight: bold;
	}
	
td.pricecol3-billed	{
	color: #007DCC;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	border-bottom: 3px double #999;
	}

.checkout	{
	margin: 30px;
	text-align: center;
	padding-bottom: 15px;
	}
	
/* redir page - end */

/* Order Page Items - END */

.articleloop	{
	padding: 10px 0px;
	border-bottom: 1px solid #f4f4f4;
	}

.prevdiv	{
	width: 275px;
	float: left;
	text-align: left;
	margin-bottom: 35px;
	}

.nextdiv	{
	width: 275px;
	float: right;
	text-align: right;
	margin-bottom: 35px;
	}

.pricing-highlights	{
	margin-top: 20px;
	}

.test-text	{ /* testimonial container   */
	float: left;
	width: 350px;
	}

/* Home Page Image Scroller */

#hql-ss	{
	width: 332px;
	height: 237px;
	overflow: hidden;
	}
	
#bookmarks	{
	margin: 20px 0;
}