body {margin:10px 0 20px; background: url(../images/smoothbg.jpg) #173f63 left top repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";}
#wrapper { margin:auto; height:auto; width:942px; background:url(../images/smoothpagebg.jpg); background-repeat:repeat-y;}
#pagebgtop, #pagebgbottom { margin:0 auto; width:962px; height:22px;}
#header {}
	#headtop {background: url(../images/smoothheadtop.gif) left top no-repeat; height:10px;}
	#headmid {background: url(../images/smoothheadmid.gif) left top repeat-y; height:86px;}
	#headbottom {background: url(../images/smoothheadbottom.jpg) left top no-repeat; height:52px;}
	#logo {float:left; position: relative; left:28px; top:0px; width:134px;}
	#topmenu {float:right; position:relative; top:10px; right:0px;}
	#topmenu ul { margin:0; padding:0;}
	#topmenu li { margin:0; padding:0 10px 0 10px; display:inline; background:url(../images/topmenubullet.gif) left center no-repeat;}
	#topmenu li a { color:#797979; text-decoration:none; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px;}
	#topmenu li a:hover { text-decoration:underline;color:#008CD5;}
#mainmenu { margin:117px 0 0 49px; background:url(../images/mainmenubg.jpg); background-repeat:no-repeat;
width:505px; height:30px;
}
	#mainmenu ul { margin:0 0 0 40px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
	#mainmenu li { margin:0; padding:0; float: left; line-height:30px; margin-right: 4px !important; list-style: none;}
	.ie9 #mainmenu li { margin:0; padding:0; float: left; line-height:30px; margin-left:4px; margin-right: 4px !important; list-style: none;}
	.mac #mainmenu li { margin:0; padding:0; float: left; line-height:30px; margin-right: 8px !important; list-style: none;}
	#mainmenu li.home { padding: 0 0 0 20px;}
	.ie9 #mainmenu li.home { padding: 0 0 0 17px;}
	#mainmenu li.about { padding: 0 0 0 18px;}
	#mainmenu li.menuservices { padding: 0 0 0 18px;}
	#mainmenu li.portfolio { padding: 0 0 0 15px;}
	#mainmenu li.packages { padding: 0 0 0 14px;}
	#mainmenu li.contact { padding: 0 0 0 14px;}
	.ie9 #mainmenu li.contact { padding: 0 0 0 15px;}
	#mainmenu li.active { color:#000;}
	#mainmenu li a {  color:#333333; text-decoration:none;}
	#mainmenu li a:hover { color:#000; text-decoration:underline;}
	#headbanner { padding:15px 0 0 20px;}
	#newsletter { background:url(../images/newsletterbg.jpg) top left no-repeat; float:left; width:320px; height:121px; margin:0 0 16px 10px; *margin:0 0 0 10px;}
	#support {background:url(../images/supportbg.jpg) top left no-repeat; float:left; width:320px; height:121px; margin:-7px 0 0 10px;}
	bannersmall { margin: 10px 0 0 10px;}
    .supporttagline { font-family:Arial, Helvetica, sans-serif, 'Trebuchet MS'; font-size:11px; color:#fff; text-align:right; padding:0 10px 0 0;}
/*main page styles*/
#mainpage { width:680px; float:left;}
	.portfoliobox p, ul { margin:0; padding:0; color:#616161;}
	.portfoliobox { padding:9px; background:url(../images/portfoliobox.gif) left top no-repeat; width:665px; height:212px; margin:0 0 10px 0;}
	.foliodescbox a { text-decoration:none;}
	.foliodescbox a:hover { text-decoration:underline;color:#008CD5;}
	.folioimgholder {width:300px; float:left}
	.foliodescbox { float:left;padding:4px 0 0 0;}
	.portfoliobox .more { float:right; font-family:Arial, Helvetica, sans-serif, 'Trebuchet MS'; font-size:11px; color:#616161;}
	.portfoliobox .featuredtxt, .mainbox h1, .servicesbox .serviceshead, .contentbg h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#15528a; }
	.portfoliobox .featuredtxt { padding:0 0 20px 0;}
	.portfoliobox .foliotitle { font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:18px;}
	.portfoliobox .foliodesc { font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px; line-height:18px;}
	.portfoliobox ul, .mainbox ul, .expertise ul, .desclist ul, .sitemaplist ul { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px; padding:0 0 16px 0;}
	.portfoliobox li, .mainbox li, .expertise li, .desclist li, .sitemaplist li { list-style:none; line-height:18px; padding:0 0 0 8px;}
	.expertise li, .desclist li, .sitemaplist li { padding:0 0 8px 8px;}
	.mainbox { background:url(../images/mainboxbg.gif) right top no-repeat; height:330px; width:462px; padding:12px 10px 10px 10px; float:left; margin:0;}
	.mainbox a { text-decoration:underline;color:#008CD5; }
	.mainbox a:hover { text-decoration:none; }
	.mainbox h1, .contentbg h1 { margin:0 0 20px 0; padding:0;}
	.mainbox p, .rankbox p, .rankbox-sub p, .services p, .contentbg p { font-size:11px; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; margin:0px 0 16px 0; line-height:16px; color:#616161;}
	.contentbox { background:url(../images/contenttopbg.jpg) left top no-repeat; padding:20px 0px 0px 0px; width:482px; float:left;}
	.contentbox a { text-decoration:underline;color:#008CD5; }
	.contentbox a:hover { text-decoration:none; }
	.contentbg h2 { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:12px; color:#616161; padding:0 0 4px 0; margin:0;}
	.contentbg { background:url(../images/contentbg.gif) transparent left top repeat-y; padding:0 10px 0 10px;}
	.contentbottombg { background:url(../images/contentbottombg.jpg) left top no-repeat; height:30px; margin-top:-20px;}
	.blue-list { margin:0 0 0 20px; padding:0 4px 4px 14px;background:url(../images/bullet-blue.gif) top left no-repeat; font-weight:bold; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:12px; color:#616161;}
	.blue-list a { text-decoration:none;}
	.blue-list a:hover { text-decoration:none; color:#FF9900;}
	#list1, #list2, #list3, #list4, #list5, #list6, #list7, #list8 {margin:0 0 0 20px; background: #eeeeee; display:none;}
	.packagewrapper, .foliowrapper { padding:0 0 22px 8px;}
		.imgpackholder, .imgfolioholder { float:left;}
		.packagedesc { float:left; padding-left:10px; width:340px;}
		.foliodesc { float:left; padding-left:10px; width:280px;}
		.desclist ul, .sitemaplist ul { margin:0; padding:0;}
		.sitemaplist ul { font-weight:bold;}
		.desclist li{ margin:0 0 0 12px; padding:0 0 0 16px; background:url(../images/foliobullet.gif) left top no-repeat;}
		.sitemaplist li,.sitemaplist li ul li { list-style:none; margin:0 0 0 12px; padding:0 0 0 16px; background:url(../images/foliobullet.gif) left top no-repeat; }
		.sitemaplist li a { text-decoration:none;}
		.sitemaplist li a:hover { text-decoration:underline;color:#008CD5;}
		.moreinfo { padding:10px 0 0 2px;}
		.foliodesc .foliolink { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; color:#008cd5; font-size:11px; margin-top:0px}
		.foliodesc .foliolink a { color:#008cd5; text-decoration:underline;}
		.foliodesc .foliolink a:hover { text-decoration:none;}
	.pagination ul { margin:0; padding:0 0 12px 0; text-align:right; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px;}
	.pagination li { margin:0; padding:0 3px 0 3px; display:inline;}
	.pagination li a:hover { text-decoration:none; color:#2165a4;}
	.pagination li.activepage { color:#2165a4; text-decoration:none; font-weight:bold;}
	.breadcrumbs { color:#616161; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px; padding:0 0 20px 0;}
	.breadcrumbs a { text-decoration:underline; font-weight:bold;}
	.breadcrumbs a:hover { text-decoration:none;color:#008CD5;}
	.samples { padding:0 0 18px 0;}
	.rankbox { background:url(../images/rankboxbg.gif) left top no-repeat; height:326px; width:172px; float:right; padding:16px 10px 10px 10px; margin:0 -2px 0 0;}
	.rankbox-sub {background:url(../images/rankboxbg.gif) left top no-repeat; height:326px; width:174px; float:left; padding:16px 10px 10px 10px; margin:0 -2px 0 0;}
	.servicesbox { background:url(../images/servicesboxbg.gif) left top no-repeat; width:663px; height:331px; padding:16px 10px 6px 10px; margin:8px 0 0 0;}
	.services { width:326px; float: left;}
	.serviceimgbox { float:left; width:100px;}
	.servicedescbox { float:left; width:222px;}
	.servicestitle { font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; color:#616161;}
	ol { margin:0 0 20px 20px; padding:0; color:#616161;}
	ol li { margin:0; padding:0 0 10px 0;}
#sidebar { width:180px; float:left; margin-left:6px;}
/*styles for leftbar*/
#leftbar { width:210px; float:left; margin-right:8px; _margin-right:6px;}
	.boxtop { margin:0 0 10px 0;}
	.box { background:url(../images/leftbox.gif) left top no-repeat; width:192px; height:142px; padding:10px; margin:0 0 10px 0;}
	.box p { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px; color:#616161; margin:0; line-height:14px;}
	.box p a, .servicedescbox p a, .portfoliobox .more a { text-decoration:underline; color:#616161;}
	.box p a:hover, .servicedescbox p a:hover, .portfoliobox .more a:hover { text-decoration:none;color:#008CD5;}
	.box2 { background:url(../images/leftbox2.gif) left top no-repeat; width:192px; height:122px; padding:10px; margin:0 0 10px 0;}
	.box2 p { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px; color:#616161; margin:0; line-height:14px;}
	.box2 p a { text-decoration:underline; color:#616161;}
	.box2 p a:hover { text-decoration:none;color:#008CD5;}
	.box3 { background:url(../images/leftbox3.gif) left top no-repeat; width:192px; height:82px; padding:10px; margin:0 0 10px 0;}
	.box3 .sponsor, .rankbox .tips, .rankbox-sub .tips { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#15528a; margin:0; line-height:14px;}
	#sponsors {padding:2px 0 0 14px;}
#footer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:center;}
#footer p { margin:10px 0 0 0; padding:0;}
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { text-decoration:underline }	
	.footermenu { font-weight:bold;}
.subscribetxt, .supporttxt {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; color:#fff; font-size:24px; text-align:right; padding:8px 10px 16px 0;}
.subscribeinput{ padding:0 0 0 110px;}
	.subscribeinput .input1 { background: url(../images/newslettertxtbox.gif) left top no-repeat; width:152px; height:22px; border:none; padding:4px 0 0 4px; color:#7e7e7e; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0;}
	.gecko .subscribeinput .input1 { background: url(../images/newslettertxtbox.gif) left top no-repeat; width:152px; height:22px; border:none; padding:0 0 0 4px; color:#7e7e7e; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0;}
	.ie9 .subscribeinput .input1 { background: url(../images/newslettertxtbox.gif) left top no-repeat; width:152px; height:22px; border:none; padding:0 0 0 4px; color:#7e7e7e; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0;}
	.subscribeinput .input2 { width:42px; height:22px; background:url(../images/go.jpg) left top no-repeat; border:none; color:#fff; margin:0 0 4px 4px;}
.clear { clear:both;}
.padT5px { padding-top:5px;}
.padT8px { padding-top:8px;}
.padB5px { padding-bottom:5px;}
.padB6px { padding-bottom:6px;}
.padB16px { padding-bottom:20px;}
.padB20px { padding-bottom:20px;}
.padB26px { padding-bottom:26px;}
.padR10px { padding-right:8px;}
.txtff9900 {color:#ff9900;}
.txtff0000 {color:#880000;}
.txt008cd5 {color:#008cd5;}
img { border:none;}
a { color:#616161;color:#008CD5;}
/*styles for job request*/
.job_txt { font:normal 11px Arial, Helvetica, sans-serif; color:#767691; }
.job_title { margin:10px 0 0 0; }
.access_title { font-weight:bold; }
.access_lbl { font-weight:bold; font-style:italic; }
.lvtitle { font:bold 12px Arial, Helvetica, sans-serif; color:#767691; margin-bottom:4px; }
.lvdesc { font:normal 12px Arial, Helvetica, sans-serif; color:#767691; width:400px; margin-bottom:10px; text-align:justify; }
.line { text-decoration:underline; }
.info1 { margin-bottom:-4px; }
.info2 { padding:0 0 78px 2px; *padding:0 0 62px 2px; }
.btn_submit { margin:10px 20px 10px 0; }
/*styles for thank you page*/
.contentbg h1#ty { text-align:center; padding-top:40px; }
#bmain { text-align:center; padding:0 0 200px 0; }
#headerfix{width:900px; height:147px; margin:auto}
#headediv1{float:left; width:11px; height:147px; background-image: url(../images/header1.jpg); background-repeat:no-repeat}
#headediv2{float:left; width:880px; height:147px; background-image: url(../images/header2.jpg); background-repeat:repeat-x}
#headediv3{float:left; width:9px; height:147px; background-image: url(../images/header3.jpg); background-repeat:no-repeat}
#headepanel1{float:left; width:326px; padding:10px 0 0 0}
#headepanel2{float:left; width:538px}
#maincontent{ width:902px; margin:auto; padding:15px 0 0 0}
.revealcontent{ visibility: hidden; }


.newcontentbox { background:url(../images/newcontenttopbg.jpg) left top no-repeat; padding:20px 0px 0px 0px; width:680px; float:left;}
.newcontentbox h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#15528a; }
.newcontentbox a { text-decoration:underline;color:#008CD5; }
.newcontentbox a:hover { text-decoration:none; }
.newcontentbg h2 { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:12px; color:#616161; padding:0 0 4px 0; margin:0;}
.newcontentbg { background:url(../images/newcontentbg.gif) transparent left top repeat-y; padding:0 10px 0 10px;}
.newcontentbottombg { background:url(../images/newcontentbottombg.jpg) left top no-repeat; height:30px; margin-top:-20px;}
.cat_panel { float:left; width:200px; }
.logo_panel { float:left; width:140px; text-align:center; margin-top:10px; }

/*Wufoo Forms*/
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select {
color:#333333 !important;
font-family:inherit !important;
font-size:95% !important;
width:430px !important;
}