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

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

#content h2 { margin: 20px 0pt; }
#content a { 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; padding: 10px 15px 0; } 

#navigation a { color: #800808; 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: 2100px; position: relative; }

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

	.blogbg { background: url(../images/blogbg.gif) no-repeat left bottom; }
	.webbg { background: url(../images/webbg.gif) no-repeat left bottom; }
	.devbg { background: url(../images/devbg.gif) no-repeat left bottom; }
	.logobg { background: url(../images/logobg.gif) no-repeat left bottom; }

.section .sub { position: relative; float: left; padding: 0; width: 670px; height: 260px; padding: 20px; }
.section .sub p { width: 550px; font-size: 1.3em; line-height: 1.4em; }
.section .next, .section .prev { font-size: 1.3em; position: absolute; bottom: 15px; }
.section .next { right: 20px; bottom: 20px; }
.section .prev { left: 15px; }

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

.section .sub ul { list-style: none; float: right; padding-left: 135px; width: 520px; }

.section .sub ul.icon-wp { background: url(http://www.weborithm.com/wp-content/2009/06/wp-b.png) no-repeat left center; }
.section .sub ul.icon-web { background: url(../images/icon-web.gif) no-repeat left center; }
.section .sub ul.icon-blog { background: url(../images/icon-blog.gif) no-repeat left center; }
.section .sub ul.icon-dev { background: url(../images/icon-dev.gif) no-repeat left center; }
.section .sub ul.icon-logo { background: url(../images/icon-logo.gif) no-repeat left center; }
.section .sub ul.icon-dest { background: url(../images/icon-dest.gif) no-repeat left center; }
.section .sub ul.icon-prod { background: url(../images/icon-prod.gif) no-repeat left center; }

.section .sub li.subli { list-style: none; padding: 20px 0; border-bottom: 1px solid #C9C1C1; border-top: 1px solid #fff; }

.section .sub-alt li.subli { padding: 20px 0; }

.section .sub li.subli p { color: #800808; font-size: 1.3em; }
.section .sub li a { color: #800808; font-weight: bold; text-decoration: underline; }

.section .sub li.noborder { border-top: none; padding-top: 10px; }
.section .sub li.noborder2 { border-bottom: none; padding-bottom: 0; }

.section .sub li.toppadding { padding-top: 0; }

.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; }

.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; }