/* CSS Document */

body{

	margin:0;

	padding:8px 0 0;

}



div, img, ul, h1, h2, h3, p, form, input, textarea, td, th, ol{

	margin:0;

	padding:0;

}

ul{list-style-type:none;}

a{text-decoration:none;}

a:hover {color:#042EB9;}



#main{

	width:712px;

	position:relative;

	margin:0 auto;

}

/*Top Panel*/

#topPanel{

	width:712px;

	/*height:260px;*/

	background:url(designimages/top-curve.png) no-repeat 0 0;

	margin:0 auto;

	position:relative;

	padding:32px 0 0;

}

#topPanel img{

	position:absolute;

	margin:0 0 0 27px;

	top:32px;

}

#topPanel img.int{right:35px; top:41px;}

#topPanel h1{

	width:355px;

	height:42px;

	background:url(designimages/caption.gif) no-repeat 0 0;

	position:absolute;

	top:162px; left:34px;

	z-index:1;

	font-size:0;

	text-indent:-355px;

}

#topPanel h1.home{

	height:86px;

	background:url(designimages/home-caption.gif) no-repeat 0 0;

	position:absolute;

	top:122px; left:34px;

	z-index:1;

	font-size:0;

	text-indent:-355px;

}





/*Top Navigation*/

#topPanel span{

	width:700px;

	height:35px;

	display:block;

	background:url(designimages/page-bg.png) repeat-y 0 0;

	padding:34px 6px 0;

}

#topPanel span ul{

	background:url(designimages/nav-bg-line.gif) repeat-x 0 100%;

	padding:9px 28px 0 0;

	height:22px;

}

#topPanel span ul li{

	width:70px;

	float:right;

	font:bold 11px/22px Verdana, Arial, Helvetica, sans-serif;

	margin:0 1px 0 0;

	text-align:center;

	background:url(designimages/nav-bg.gif) no-repeat 0 -44px #fff;

	color:#4F789F;

}

#topPanel span ul li.testi{

	width:100px;

	background:url(designimages/nav-bg-testi.gif) no-repeat 0 -44px;

}

#topPanel span ul li a{

	height:21px;

	display:block;

	background:url(designimages/nav-bg.gif) no-repeat 0 0 #1E568F;

	color:#fff;

}

#topPanel span ul li.testi a{

	background:url(designimages/nav-bg-testi.gif) no-repeat 0 0;

}

#topPanel span ul li a:hover, #topPanel span ul li.testi a:hover{background-position:0 -22px;}



/*Header*/

#topPanel div#header{

	height:191px;

	position:relative;

	background:url(designimages/header-bg.png) no-repeat 0 0;

	padding:0 6px;

}

#header h2{

	width:400px;

	height:61px;

	background:url(designimages/launch-business.gif) no-repeat 29px 25px;

	font-size:0;

	margin:0 0 112px;

	text-indent:-400px;

}

#header div{

	position:relative;

}



#topPanel div#headerPortfolio{

	height:120px;

	position:relative;

	background:url(designimages/page-bg.png) repeat-y 0 0;

}

#headerPortfolio h2{

	height:108px;

	background:url(designimages/header-portfolio.gif) no-repeat 26px 15px;

	font-size:0;

	text-indent:-10000px;

}



#topPanel div#headerProfile{

	height:135px;

	position:relative;

	background:url(designimages/profile-header.png) no-repeat 0 0;

}

#topPanel div#headerPrivacy{

	height:55px;

	position:relative;

	background:url(designimages/page-bg.png) repeat-y 0 0;

}

#headerPrivacy h2{

	height:55px;

	position:relative;

	background:no-repeat 26px 15px;

	text-indent:-10000px;

}

#headerPrivacy h2.privacy{background-image:url(designimages/privacy-header.gif);}

#headerPrivacy h2.disclaimer{background-image:url(designimages/disclaimer-header.gif);}

#headerPrivacy h2.testimonials{background-image:url(designimages/testimonials.gif);}

#headerPrivacy h2.sitemap{background-image:url(designimages/sitemap-header.gif);}

#headerPrivacy h2.termsHeader{background-image:url(designimages/terms-header.gif);}

#topPanel div#headerHome{

	height:299px;

	position:relative;

	background:url(designimages/header-home.png) repeat-y 0 0;

}

/*#topPanel p a.more{

	background:url(designimages/home-read-more.gif) no-repeat 0 0;

	color:#fff;

	width:84px;

	display:block;

	padding:0 0 0 25px;

	font:bold 11px/23px Verdana, Arial, Helvetica, sans-serif;

	position:absolute;

	z-index:1;

	bottom:16px;

}

#topPanel p a.more:hover{

	background:url(designimages/home-read-more.gif) no-repeat 0 -23px;

	color:#fff;

}*/





/*Container*/

#container{

	width:712px;

	margin:0 auto;

	position:relative;

	padding:34px 0 0;

	/*height:500px;*/

}

.padT1{padding-top:24px !important;}

.padT2{padding-top:14px !important;}



#container h1{

	height:92px;

	background:url(designimages/int-behind.gif) no-repeat 26px 0;

	text-indent:-10000px;

}

#container div.privacy p{

	font:12px/18px Verdana, Arial, Helvetica, sans-serif;

	padding:0 26px 16px;

}

#container div.thankyou{

	width:138px;

	height:40px;

	background:url(designimages/thank-you.gif) no-repeat 0 0;

	margin:0 auto;

	text-indent:-10000px;

}

#container p.thank{

	font:12px/18px Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

}

#container  h3.recentWork{

	height:20px;

	background:url(designimages/recent-work-txt.gif) no-repeat 26px 0;

	font-size:0;

	text-indent:-10000px;

}



	

/*Left Panel*/

#leftPanel{

	width:460px;

	margin:0 226px 0 26px;

	position:relative;

	background:url(designimages/services-leftpanel-bg.gif) repeat-y 0 0;

}

#leftPanel span{

	height:22px;

	display:block;

	background:url(designimages/services-leftpanel-curve.gif) no-repeat

}

#leftPanel span.top{background-position:0 0;}

#leftPanel span.bottom{background-position:0 100%;}

#leftPanel h2{

	height:80px;

	background:url(designimages/packages-txt.gif) no-repeat 20px 6px;

	font-size:0;

	text-indent:-460px;

}

#leftPanel h3{

	height:32px;

	font-size:0;

	text-indent:-252px;

}

#leftPanel h3.payments{background:url(designimages/payments.gif) no-repeat 20px 5px;}

#leftPanel h3.services{background:url(designimages/services-delivery.gif) no-repeat 147px 5px; margin:25px 0 0;}



#leftPanel div h3.webDesign{background:url(designimages/web-design.gif) no-repeat 20px 0;}

#leftPanel div h3.seo{background:url(designimages/seo.gif) no-repeat 91px 0; margin:19px 0 0;}



#leftPanel div h3.threePage{background:url(5pages.jpg) no-repeat 20px 7px;}

#leftPanel div h3.sixPage{background:url(10pages.jpg) no-repeat 20px 7px;}

#leftPanel div h3.tenPage{background:url(20pages.jpg) no-repeat 20px 7px;}



#leftPanel div h3.hireDesigner{background:url(designimages/hire-designer.gif) no-repeat 20px 7px;}



#leftPanel p{

	height:41px;

	font-size:0;

	text-indent:-252px;

}

#leftPanel p.include{background:url(designimages/include.gif) no-repeat 20px 9px;}

#leftPanel p.include1{background:url(designimages/include1.gif) no-repeat 20px 0;}

#leftPanel p.placeOrder{background:url(designimages/place-order.gif) no-repeat 20px 0;}



#leftPanel ul{

	padding-left:20px;

	font:12px/14px Verdana, Arial, Helvetica, sans-serif;

	position:relative;

}

#leftPanel ul li{

	background:url(designimages/bull-arrow.gif) no-repeat 1px 1px;

	padding:0 0 11px 21px;

}



#leftPanel ul.services{padding-left:0; margin:0 0 31px 147px;}

#leftPanel div ul.seo{padding-left:91px;}



#leftPanel div.packages ul{padding-top:7px;}

#leftPanel ul.padB{padding-bottom:15px;}

#leftPanel div.packages ul li{background:url(designimages/bull-arrow2.gif) no-repeat 1px 1px;}

#leftPanel div.packages ul.links{padding-top:3px; height:14px;}

#leftPanel div.packages ul.links li{

	background:url(designimages/link-divider.gif) no-repeat 100% 70%;

	float:left;

	padding:0 6px;

	font-size:10px;

	font-weight:bold;

}

#leftPanel div.packages ul.links li.noBg{background:none;}

#leftPanel div.packages ul.links li.noPadL{padding-left:0;}



#leftPanel div.packages ul.links li a{color:#042EB9; text-decoration:underline;}

#leftPanel div.packages ul.links li a:hover, #leftPanel ul.back-next li a:hover{text-decoration:none;}



#leftPanel ul.back-next{padding-top:20px; padding-right:20px; height:14px;}

#leftPanel ul.back-next li{

	background:none;

	/*float:left;*/

	padding:0 15px;

	font-size:11px;

	font-weight:bold;

	text-align:center;

}

#leftPanel ul.back-next li.float{

	float:right;

	background:url(designimages/bull-arrow3a.gif) no-repeat 99% 5px;

	_background-position:99% 6px;

}

#leftPanel ul.back-next li a{

	color:#042EB9;

	text-decoration:underline;

	background:url(designimages/bull-arrow3.gif) no-repeat 0 5px;

	_background-position:0 6px;

	padding:0 0 0 15px;

}



#leftPanel div{

	width:420px;

	margin:0 auto 19px;

	position:relative;

	background:url(designimages/services-leftpanel-ibg.gif) repeat-y 0 0;

}

#leftPanel div span{

	height:15px;

	background-image:url(designimages/services-leftpanel-icurve.gif);

}

#leftPanel div.packages{

	margin:0 auto 13px;

	background-image:url(designimages/packages-bg.gif);

}

#leftPanel div.packages span{background-image:url(designimages/packages-curve.gif);}



#leftPanel div.hireDesigner{

	margin:0 auto 13px;

	background-image:url(designimages/hire-designer-bg.gif);

}

#leftPanel div.hireDesigner span{background-image:url(designimages/hire-designer-curve.gif);}



#leftPanel div.hireDesigner p{

	height:auto;

	font:12px/16px Verdana, Arial, Helvetica, sans-serif;

	text-indent:0;

	padding:0 29px 12px 20px;

}

#leftPanel div.hireDesigner a{

	width:96px;

	height:21px;

	display:block;

	background:url(designimages/read-more.gif) no-repeat 0 0 #F7A531;

	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

	color:#fff;

	position:absolute;

	left:20px; bottom:-8px;

}

#leftPanel div.hireDesigner a:hover{background-position:0 100%;}



#leftPanel div.orderForm{

	margin:0 auto 13px;

	background-image:url(designimages/oform-bg.gif);

}

#leftPanel div.orderForm span{background-image:url(designimages/oform-curve.gif);}

#leftPanel div.orderForm form, #leftPanelContact form{padding:0 20px;}

form th{

	font:bold 12px/37px Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

}

form td{

	font:12px/24px Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

	vertical-align:top;

}

form td.lineHight{line-height:16px; padding-top:5px;}

form td.requiredinfo{

	font:11px/22px Verdana, Arial, Helvetica, sans-serif;

	text-align:right;

	vertical-align:middle;

}

form td img{

	float:right;

	padding:8px 0 0;

}

form td.divider{background:url(designimages/divider.gif) repeat-x 0 50%;}

form td i{

	font-size:10px;

	line-height:10px;

	font-style:normal;

}

form input, form select{

	width:224px;

	height:15px;

	_height:23px;

	font:12px/23px Verdana, Arial, Helvetica, sans-serif;

	margin:0 0 10px;

	padding:4px 0;

	_padding:0;

}

form select{height:auto; padding:0;}

form textarea{

	width:224px;

	height:96px;

	font:12px/18px Verdana, Arial, Helvetica, sans-serif;

	margin:0 0 10px;

	overflow:auto;

}

form table.checkBox{margin:0 0 10px;}

form table.checkBox td {

	vertical-align:middle;

}

form table.checkBox input {

	width:11px; height:11px; margin:5px 0;

}

form input.but{

	width:73px;

	height:32px;

	margin:0 0 0 6px;

}



#leftPanel div.packages div{

	width:119px;

	position:absolute;

	top:34px; right:10px;

	background:url(designimages/price-box-bg.gif) repeat-y 0 0;

	margin:0;

	padding:0 15px;

}

#leftPanel div.packages div span{

	height:41px;

	background:no-repeat 50% 3px;

	font-size:0;

	text-indent:-117px;

}

#leftPanel div.packages div span.threePage{background-image:url(299.jpg);}

#leftPanel div.packages div span.sixPage{background-image:url(499.jpg);}

#leftPanel div.packages div span.tenPage{background-image:url(699.jpg);}



#leftPanel div.packages div a{

	height:89px;

	height:32px;

	display:block;

	background:url(designimages/order-now.gif) no-repeat 0 0 #F5FCFF;

	padding:0 0 0 29px;

	font:bold 12px/32px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	margin:0 0 11px;

}

#leftPanel div.packages div a:hover{background-position:0 100%;}

#leftPanel div.packages div p{

	height:auto;

	font:10px/14px Verdana, Arial, Helvetica, sans-serif;

	text-indent:0;

	text-align:center;

}

#container p.quote{

	text-indent:0;

	height:auto;

	padding:5px 0 16px;

	text-align:center;

}

#container p.quote a{

	font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif;

	padding:0 15px 0 0;

	color:#042EB9; text-decoration:underline;

	background:url(designimages/bull-arrow3a.gif) no-repeat 100% 65%;

}

#container p.quote a:hover{text-decoration:none;}



#leftPanel em{

	background:no-repeat 0 0;

	position:absolute;

}

#leftPanel em.shortPortfolio{

	width:107px;

	right:10px; top:68px;

}

em.shortPortfolio img{

	margin-bottom:8px;

	display:block;

}

em.shortPortfolio a{

	font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif;

	color:#042EB9;

	font-style:normal;

	text-decoration:underline;

	background:#ECF9FF;

}

em.shortPortfolio a:hover{text-decoration:none;}

#leftPanel em.goolge{

	width:53px;

	height:151px;

	background-image:url(designimages/google.gif);

	bottom:29px; left:26px;

}

#leftPanel em.paypal{

	width:196px;

	height:31px;

	background-image:url(designimages/pay-pal.gif);

	top:0; right:27px;

}

#leftPanel em.delivery{

	width:85px;

	height:107px;

	background-image:url(designimages/delivery.gif);

	top:-30px; left:0px;

	margin:0 0 0 -123px;

	_margin-left:-144px;

}



#leftPanel div.badge{

	width:88px;

	height:88px;

	background:url(designimages/badge.gif) no-repeat 0 0;

	position:absolute;

	top:-12px; right:20px;

	cursor:pointer;

}



#leftPanel a.pricing{

	width:230px;

	display:block;

	background:url(designimages/pricing-bg.gif) no-repeat 0 100% #E55B2B;

	padding:0 0 0 32px;

	font:bold 12px/32px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	margin:0 auto 19px;

}

#leftPanel a.pricing:hover{background-position:0 0;}



/*Left Panel Profile*/

#leftPanelProfile{

	width:320px;

	margin:0 366px 0 26px;

	position:relative;

}

#leftPanelProfile h2{

	height:44px;

	background:no-repeat 21px 13px;

	text-indent:-10000px;

	font-size:0;

}

#leftPanelProfile h2.whatWeDo{background-image:url(designimages/what-we-do.gif);}

#leftPanelProfile h2.howWeDo{background:url(designimages/how-we-do.gif) no-repeat 21px 12px;}



#leftPanelProfile p{

	font:12px/20px Verdana, Arial, Helvetica, sans-serif;

	padding:0 19px 13px 21px;

}

.padB1{margin-bottom:12px;}

#leftPanelProfile p img{

	display:block;

	padding:15px 0 0;

}



/*Left Panel Contact*/

#leftPanelContact{

	width:420px;

	margin:0 266px 0 26px;

	position:relative;

	background:url(designimages/contact-bg.gif) repeat-y 0 0;

}

#leftPanelContact span{

	height:15px;

	display:block;

	background:url(designimages/contact-curve.gif) no-repeat

}

#leftPanelContact span.top{background-position:0 0;}

#leftPanelContact span.bottom{background-position:0 100%;}



#leftPanelContact h2{

	height:41px;

	background:url(designimages/contact-sales.gif) no-repeat 21px 7px;

	font-size:0;

	text-indent:-10000px;

}

#leftPanelContact h3{

	height:73px;

	background:url(designimages/contact-txt.gif) no-repeat 21px 0;

	font-size:0;

	text-indent:-10000px;

}



/*Right Panel*/

#rightPanel{

	width:180px;

	position:absolute;

	right:26px; top:94px;

}

#rightPanel h2{

	height:34px;

	background:no-repeat 0 0;

	text-indent:-10000px;

	font-size:0;

}

#rightPanel h2.whyd2p{background-image:url(http://basswebservices.net/whybws.jpg);}

#rightPanel h2.projectFlow{background-image:url(designimages/project-flow.gif);}



#rightPanel ul{

	font:12px/19px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

	background:#fff;

}

#rightPanel ul li{

	background:url(designimages/bull-chk-g.gif) no-repeat 1px 4px;

	padding:0 0 21px 21px;

}

#rightPanel ul li.padB{padding-bottom:11px;}

#rightPanel ul ul.padT{padding-top:7px;}



#rightPanel ul ul li{

	background:url(designimages/bull-arrow1.gif) no-repeat 0 6px;

	padding:0 0 6px 10px;

}



#rightPanel strong{display:block;}

#rightPanel a{

	height:51px;

	display:block;

	background:url(designimages/question.gif) no-repeat 0 0;

	text-indent:-180px;

	font-size:0;

	margin:-7px 0 0;

	_margin:2px 0 0;

}

#rightPanel a:hover{

	background-position:0 100%;

}



/*Right Panel Profile*/

#rightPanelProfile{

	width:320px;

	position:absolute;

	right:26px; top:120px;

}

#rightPanelProfile h2{

	height:44px;

	background:no-repeat 0 5px;

	text-indent:-10000px;

	font-size:0;

}

#rightPanelProfile h2.fastFacts{background-image:url(designimages/fast-facts.gif);}

#rightPanelProfile h2.ourValues{background:url(designimages/our-values.gif) no-repeat 21px 12px;}



#rightPanelProfile ul{

	font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

	background:#fff;

	padding:0 0 12px 0;

}

#rightPanelProfile ul li{

	background:url(designimages/bull-chk-g1.gif) no-repeat 0 3px;

	_background-position:0 2px;

	padding:0 0 20px 21px;

}

.profileBox{

	width:320px;

	position:relative;

	background:url(designimages/profile-bg.gif) repeat-y 0 0;

}

.profileBox span{

	height:15px;

	display:block;

	background:url(designimages/profile-curve.gif) no-repeat

}

.profileBox span.top{background-position:0 0;}

.profileBox span.bottom{background-position:0 100%;}

#rightPanelProfile div.profileBox ul{

	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

	background:none;

	padding:0;

}

#rightPanelProfile div.profileBox ul li{background:none; padding:0 20px 20px 21px;}

#rightPanelProfile div.profileBox ul li strong{

	font-weight:bold;

	display:block;

}

.profileBox p a{

	color:#042EB9;

	text-decoration:underline;

	background:#fff;

}

.profileBox p a:hover{text-decoration:none;}



/*Right Panel Contact*/

#rightPanelContact{

	width:200px;

	position:absolute;

	right:49px; top:34px;

}

#rightPanelContact p{

	font:12px/20px Verdana, Arial, Helvetica, sans-serif;

	padding:0 0 19px;

}

#rightPanelContact p strong{display:block;}

#rightPanelContact p a{

	color:#042EB9;

	text-decoration:underline;

	background:#fff;

}

#rightPanelContact p a:hover{text-decoration:none;}

#rightPanelContact p.d2p{

	font:13px/20px Verdana, Arial, Helvetica, sans-serif;

	border-bottom:1px solid #D7D7D7;

	margin:0 0 20px;

	padding:0 0 10px;

}

#rightPanelContact p.d2p strong{display:inline;}

#rightPanelContact p.d2p a{font-weight:bold;}



/*Portfolio*/

#portfolio{

	width:660px;

	background:url(designimages/page-bg.png) repeat-y 0 0;

	margin:0 auto;

	position:relative;

	padding:0 26px;

}

#portfolio ul{

	height:187px;

	padding:26px 0 0;

	border-bottom:1px solid #D7D7D7;

}

#portfolio ul.noBor{border-bottom:0; padding:15px 0 10px;}

#portfolio ul li{

	float:left;

	padding:0 4px 0 0;

}

#portfolio ul li a img{border:1px solid #A1A1A1; display:block;}

#portfolio ul li a:hover img{border:1px solid #757576;}

#portfolio ul li.noPadR{padding-right:0;}

#portfolio ul li span{

	font:11px/27px Verdana, Arial, Helvetica, sans-serif;

	display:block;

}

#portfolio ul li a.visit{

	width:63px;

	height:16px;

	display:block;

	background:url(designimages/visit-site.gif) no-repeat 0 0;

	font-size:0;

	text-indent:-1000px;

}

#portfolio ul li a.visit:hover{

	background:url(designimages/visit-site-up.gif) no-repeat 0 0;

}

#portfolio div{

	height:5px;

	position:relative;

	background:url(designimages/divider1.gif) repeat-x 0 0;

	font-size:0;

}

#portfolio ul.pagination{

	height:37px;

	padding:0;

	border-bottom:none;

	position:relative;

	

}

#headerPortfolio ul.paginationTop{

	width:auto;

	height:auto;

	position:absolute;

	top:82px;

	right:24px;

	

}

#portfolio ul.pagination li, #headerPortfolio ul.paginationTop li{

	font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;

	color:#7D7D7D;

	float:right;

	text-align:right;

	background:#fff;

	margin:11px 0 0;

	padding:0 25px;

}

#portfolio ul.pagination li.last, #headerPortfolio ul.paginationTop li.last{

	padding:0;

}

#portfolio ul.pagination li span, #headerPortfolio ul.paginationTop li span{

	color:#000;

	font-weight:bold;

	display:inline;

	background:none;

}

#headerPortfolio ul.paginationTop li span{padding:0;}

#portfolio ul.pagination li a, #headerPortfolio ul.paginationTop li a{

	width:13px;

	height:13px;

	display:block;

	background:url(designimages/bull-arrow4.gif) no-repeat 0 0;

	float:right;

	position:absolute;

	top:12px; right:5px;

}



#portfolio ul.pagination li a.left, #headerPortfolio ul.paginationTop li a.left{

	background:url(designimages/bull-arrow4a.gif) no-repeat 0 0;

	position:absolute;

	top:12px; right:105px;

}

#portfolio ul.pagination li a.leftLast, #headerPortfolio ul.paginationTop li a.leftLast{

	background:url(designimages/bull-arrow4a.gif) no-repeat 0 0;

	position:absolute;

	top:18px; right:80px;

}

#headerPortfolio ul.paginationTop li a.leftLast{top:12px;}

#portfolio ul.pagination li a, #portfolio ul.pagination li a.left{top:18px;}



#portfolio a.view{

	background:url(designimages/bull-arrow4.gif) no-repeat 0 1px;

	color:#042EB9;

	font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;

	padding:0 0 0 20px;

	text-decoration:underline;

}

#portfolio a.view:hover{text-decoration:none;}



/*Home Page Box*/

#homeBox{

	padding:0 26px;

	height:246px;

	position:relative;

}



#bluePanel{

background:url(designimages/blue-curve-bg.gif) repeat-y 0 0;

width:320px; float:left; position:relative;}

#bluePanel span.top{

background:url(designimages/blue-curve-top.gif) no-repeat 0 0;

width:320px; height:10px; display:block; font-size:0; line-height:0; }

#bluePanel span.bottom{

background:url(designimages/blue-curve-bottom.gif) no-repeat 0 0;

width:320px; height:10px; display:block; font-size:0; line-height:0; }

#bluePanel h3{

background:url(designimages/blue-heading-txt.gif) no-repeat 0 0;

font-size:0; text-indent:-12000px; height:18px; margin:11px 20px;}



#bluePanel div.badge{

	width:88px;

	height:88px;

	background:url(designimages/badge1.gif) no-repeat 0 0;

	position:absolute;

	top:-12px; right:5px;

	cursor:pointer;

}

#bluePanel ul{

	margin:0 20px;

	position:relative;

}

#bluePanel ul li{

	background:url(designimages/blue-arrow.gif) no-repeat 2px 3px;

	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

	padding:0 0 8px 20px;

}

#bluePanel a.more1{

	background:url(designimages/blue-more.gif) no-repeat 0 0;

	color:#fff;

	width:175px;

	height:23px;

	display:block;

	padding:0 0 0 25px;

	margin:6px 20px 9px;

	font:bold 11px/23px Verdana, Arial, Helvetica, sans-serif;

}

#bluePanel a.more1:hover{

	background:url(designimages/blue-more.gif) no-repeat 0 -23px;

	color:#fff;

}



#yellowPanel{

background:url(designimages/yellow-curve-bg.gif) repeat-y 0 0;

width:320px; float:right; position:relative;}

#yellowPanel span.top{

background:url(designimages/yellow-curve-top.gif) no-repeat 0 0;

width:320px; height:10px; display:block; font-size:0; line-height:0; }

#yellowPanel span.bottom{

background:url(designimages/yellow-curve-bottom.gif) no-repeat 0 0;

width:320px; height:10px; display:block; font-size:0; line-height:0; }

#yellowPanel h3{

background:url(designimages/yellow-heading-txt.gif) no-repeat 0 0;

font-size:0; text-indent:-12000px; height:18px; margin:11px 20px;}

#yellowPanel p{

font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

margin:0 20px 4px; }

#yellowPanel ul{

margin:0 20px;

position:relative;}

#yellowPanel ul li{

background:url(designimages/yellow-arrow.gif) no-repeat 2px 3px;

font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

padding:0 0 3px 20px;}

#yellowPanel a.more1{

background:url(designimages/blue-more.gif) no-repeat 0 -23px; color:#fff;

width:175px; height:23px; display:block; padding:0 0 0 25px; margin:6px 20px 9px;

font:bold 11px/23px Verdana, Arial, Helvetica, sans-serif;}

#yellowPanel a.more1:hover{

background:url(designimages/blue-more.gif) no-repeat 0 0; color:#fff;}



/*Footer*/

#footer{

	width:712px;

	height:32px;

	background:url(designimages/bottom-curve.png) no-repeat 0 100%;

	margin:0 auto;

	position:relative;

}

.footerContent{

	padding:30px 6px 10px;

	width:700px;

	background:url(designimages/page-bg.png) repeat-y 0 0;

	font:normal 9px/18px Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

}

.footerContent ul{

	background-color:#F2F2F2;

	color:#898989;

	border-top:#D7D7D7 1px solid;

	border-bottom:#D7D7D7 1px solid;

	padding:0 15px;

	margin:0 0 20px;

	height:18px;

}

.footerContent ul li{

	background:url(designimages/footer-nav-divider.gif) no-repeat 0 5px #F2F2F2;

	padding:0 6px;

	float:left;

	color:#042EB9;

}

.footerContent ul li a{

	background-color:#F2F2F2;

	color:#898989;

}

.footerContent ul li a:hover{

	background-color:#F2F2F2;

	color:#042EB9;

}

.footerContent ul li.noDivider{

	background:none;

	padding:0 6px;

}

.footerContent p.paypal{padding:8px 0 3px;}

.footerContent p.greenTxt{

	color:#3BB000;

	background-color:#fff;

	font-weight:bold;

}

.footerContent p{

	color:#000;

	background-color:#fff;

}

.footerContent p.grayTxt{

	color:#898989;

	background-color:#fff;

}

.footerContent p a{

	color:#042EB9;

	background-color:#fff;

	text-decoration:underline;

}

.footerContent p a:hover{text-decoration:none;}





/*Main*/

#main ul.link{

	height:34px;

	position:absolute;

	top:274px;

	left:27px;

}

ul.link li{

	width:174px;

	margin-right:2px;

	float:left;

}

ul.link li.hire{width:206px;}

ul.link li.wdp{width:174px;}

ul.link li.active{

	height:34px;

	background:url(designimages/button.gif) no-repeat 0 0;

	font-size:0;

	text-indent:-174px;

}

ul.link li a{

	height:34px;

	display:block;

	background-repeat:no-repeat;

	text-indent:-174px;

	font-size:0;

}

ul.link li a.wdp{background:url(designimages/button.gif) 0 100%;}

ul.link li a.wdp:hover{background-position:0 0;}



ul.link li a.hire{background:url(designimages/button.gif) 206px 0;}

ul.link li a.hire:hover{background-position:206px 100%;}

#main div.screen{

	width:228px;

	height:215px;

	padding:17px 11px;

	background:url(designimages/screen.gif) no-repeat 0 0;

	position:absolute;

	top:110px;

	right:14px;

}

#main div.screen div{

	width:226px;

	height:137px;

	margin:0 auto;

	cursor:pointer;

}



#main div.screen ul#screenPortfolio{margin:0 0 12px;}

#main div.screen a{

	width:120px;

	height:10px;

	display:block;

	margin:18px auto;

	/*_margin:10px auto 0;*/

	background:url(designimages/view-port.gif) no-repeat 0 0;

	font-size:0;

	text-indent:-10000px;

}

#main div.screen a:hover{

	background-position:0 100%;

}

/*#main div.screen a{

	width:174px;

	height:16px;

	display:block;

	margin:0 auto;

	background:url(designimages/download-portfolio.gif) no-repeat 0 0;

	font-size:0;

	text-indent:-174px;

}*/

/* TESTIMONIALS */

#container div.testimonial p{

	font:12px/18px Verdana, Arial, Helvetica, sans-serif;

	padding:0 0 16px 25px; text-align:justify;

	margin:0 26px;

}

#container div.testimonial p.top {

	background:url(designimages/bull-chk-g1.gif) 0 3px no-repeat;

}

#container div.testimonial p.bot {

	margin-bottom:16px;	border-bottom:#D7D7D7 1px dashed;

}



/* Site Map */

ul.siteMap {

	font:bold 12px/26px Verdana, Arial, Helvetica, sans-serif;

	padding:0 0 0 40px;

}

ul.siteMap li {

	padding:0 0 0 20px; background:url(designimages/bull-sitemap.gif) 0 50% no-repeat;

}

ul.siteMap li a {

	color:#000;

}ul.siteMap li a:hover {

	color:#515050; text-decoration:underline;

}

/* Terms & Conditions */
ol.terms, ul.alpha {
	list-style-position:outside; padding:0 0 0 45px; margin:0 26px;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; text-align:justify;
	_padding:0 0 0 50px;
}
ol.terms li {
	padding:0 0 16px;
}
ul.alpha {
	list-style:lower-alpha; padding:0 0 12px 85px;
}
ul.alpha li {
	padding:0 0 6px;
}