#navigation, #content, .section { padding: 0; margin: 0; list-style: none; }

#content { overflow: hidden; width: 700px; position: relative; height: 430px; }

#content h2 { color: #993333; margin: 20px 0pt; }
#content a { color: #777; text-decoration: none; }
#navigation { background: url(../images/b2.gif) no-repeat left bottom; }
#navigation .sup { font-size: 1.4em; padding: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #c9c1c1; }

#navigation ul { list-style: none; }
#navigation .firstlink { border-top: none; }
#navigation .lastlink { border-bottom: none; padding-bottom: 5px; }
#navigation .noborder { border-top: none; } 

#navigation a { color: #800808; text-decoration: none; font-size: 1.1em; letter-spacing: 1px; }
#navigation a:hover { color: #1a1818; }
#navigation a.scrolling { color: #933; }


h3.workhead { width: 90px; height: 15px; background: url(../images/ourwork.gif) no-repeat 15px top; text-indent: -9999px; }
h3.benefitshead { width: 82px; height: 15px; background: url(../images/benefits.gif) no-repeat 15px top; text-indent: -9999px; }

.section { width: 3650px; position: relative; }

.sectionone { width: 650px; position: relative; }
.sectiontwo { width: 700px; position: relative; }

.section .sub { position: relative; float: left; padding: 0; width: 670px; height: 400px; padding: 30px 30px 0; }
.section .subservices { position: relative; float: left; padding: 0; width: 680px; height: 400px; padding: 24px 25px 0; }
.section .pricesbg { background: url(../images/prices.gif) no-repeat center; width: 650px; height: 400px; padding: 30px 30px 0; }

.section .sub p { width: 550px; font-size: 1.3em; line-height: 1.4em; }
.section .next, .section .prev { font-size: 18px; position: absolute; bottom: 15px; letter-spacing: -2px; }
.section .next { bottom: 10px; right: 50px; }
.section .prev { bottom: 10px; left: 30px; }

/*...{ Inner List }...*/

.section .sub ul { list-style: none; margin: 0; }

.section .sub li.subli { float: left; list-style: none; padding: 0; text-align: center; }

.section .sub li.subli img { float: left; }
.section .sub li.subli p { float: right; width: 210px; padding: 0 30px 0 0; text-align: left; }

.section .sub li a { color: #474444 !important; font-size: 1.3em; }

.section .sub li a:hover { color: #800808 !important; }

.section .sub li.subli img { border: 1px solid #c9c1c1; margin-bottom: 10px; }
.section .sub li:hover img { border-color: #ada3a3; }

.section .sub li.subli p.portfolio-head { float: right; width: 210px; padding: 0 30px 0 0; text-align: left; margin: 0; font: italic normal 2em Georgia, "Times New Roman", Times, serif; }
.section .sub li.subli p.launch-project { font: italic normal 1.5em Georgia, "Times New Roman", Times, serif !important; }
.section .sub li.subli p.launch-project a { color: #bebcbc !important; font-weight: normal !important; }
.section .sub li.subli p.launch-project a:hover { color: #800808 !important; }

	/*...{ Inner List }...*/
	
	.section .sub li.subli ul { float: right; font-size: 1.2em; padding: 90px 30px 90px 0; text-align: left; width: 210px; }
	.section .sub li.subli ul li { padding: 5px 0; }
	
	/*...{ Point Lists }...*/
	
	.firstpoint { background: url(../images/pointone.gif) no-repeat top; float: left; height: 80px; width: 602px; }
	.secondpoint { background: url(../images/pointtwo.gif) no-repeat top; float: left; height: 80px; width: 602px; }
	.thirdpoint { background: url(../images/pointthree.gif) no-repeat top; float: left; height: 80px; width: 602px; }
	
	.pointpad { padding: 26px 20px 29px 38px; }
	.section .sub li.pointtext { text-align: left; }
	.section .sub li.pointtext h5 { color: #1a1818; font: normal 1.659em Verdana, Arial, Helvetica, sans-serif; padding-bottom: 0.4em; }
	.section .sub li.pointtext p { color: #474444; float: none; width: auto; }
	.section .sub li.pointtext h5 a { border-bottom: 1px dotted #800808; color: #800808 !important; font-size: 1em; }
	.section .sub li.pointtext h5 a:hover { color: #1a1818 !important; }
	
	/*...{ Price Lists }...*/
	
	.pricelist { float: left; height: 365px; width: 216px; }
	.pricelist h5 { padding: 25px 0 10px; text-align: center; }
	.prl2 h5 { padding-top: 25px }
	.pricelist ul { padding: 0 13px; }
	.pricelist ul li { font-size: 1.159em; height: 56px; line-height: 24px; padding: 2px 0; }
	.pricelist ul.bestvalue { padding-top: 3px; color: #800808; }
	.pricelist ul.bestvalue li { height: 54px; }
	.pricelist ul.wordpressplugin { padding-top: 0; }
	.pricelist ul.twitterapp li { height: 54px; }
	.pricelist ul.twitterapp li.twitterappend { height: 60px; }
	.pricelist ul.mysql li { height: 56px; }
	.pricelist ul.mysql li.mysqlfirst { padding: 0; }
	.pricelist ul li.blogprice { font-size: 1.3em; padding: 16px 0 0; text-align: center; line-height: 18px; }
	.pricelist ul li.price { font-size: 1.3em; padding: 12px 0 0; text-align: center; line-height: 18px; }
	.pricelist ul li.pricetwoline { font-size: 1.3em; padding: 8px 0 0; text-align: center; line-height: 18px; }
	.pricelist ul.bestvalue li.price { padding-top: 18px; }
	.pricelist ul li.value a { color: #800808 !important; font-size: 1.6em; }
	.section .sub p.priceclick { color: #800808; font-size: 1em; float: left; padding: 7px 0 0; text-align: center; width: 100%; }
	
.message { background: #EEE; border: 1px solid #999; color: #333; font-size: 12px; padding: 1px; position: absolute; left: 11px; }
#first { top: 484px !important; top: 498px; }
#second { top: 503px !important; top: 517px; }