body {
	margin: 0;
	font: 90% Arial, Helvetica, sans-serif;
	color: #999;
	background: #fff url(images/body.jpg) repeat-x;
}
img {
	border: none;
}
a {
	color: #778b0a;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
}
h3 {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 200%;
	color: #5f5f5f;
}

h1
{
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 200%;
	color: #7a8f10;
}

.callUs span, .intro span {
	color: #767676;
}
.clr {
	clear: both;
	height: 1px;
	font-size: 1px;
}
.clr2 {
	clear: both;
	height: 11px;
	font-size: 1px;
	background: url(images/clr.gif) no-repeat right center;
}
.pageWrap {
	width: 929px;
	margin: auto;
	padding: 16px 0;
}
.topnav {
	height: 35px;
	background: url(images/topnav.gif) repeat-x;
}
.topnav ul {
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	background: url(images/topnav_right.gif) no-repeat right top;
}
.topnav li {
	float: left;
	padding-left: 4px;
	background: url(images/topnav_list.gif) no-repeat;
}
.topnav li.first {
	padding-left: 0;
	background-image: url(images/topnav_left.gif);
}
.topnav a {
	display: block;
	padding: 0 17px;
	color: #b9b9b9;
	text-decoration: none;
}
.topnav li.first a {
	padding-left: 37px;
}
.topnav li:hover > a, .topnav a:hover {
	color: #bed312;
}
.topnav a:hover {
	color: #bed312;
}
/* Dropdown start */
.topnav li ul {
	height: auto;
	line-height: normal;
	background: #1c1c1c;
	margin: -3px 0 0 -1px;
	border-left: 1px solid #5b5c5e;
	border-right: 1px solid #5b5c5e;
	font-weight: normal;
	width: 220px;
	position: absolute;
	display: none;
}
.topnav li li {
	float: none;
	height: auto;
	padding: 0;
	background: none;
}
.topnav li li a {
	height: auto;
	line-height: normal;
	padding: 10px 17px;
	border-bottom: 1px solid #5b5c5e;
}
/* Dropdown end */
.topnav li:hover ul {
	display: block;
}
* html .topnav li li a {
	height: 1%;
}
* html .topnav a {
	position: relative;
	line-height: 35px;
}
.mainhome {
	background: url(images/homelogo_package.jpg) no-repeat 0 41px;
}
.mainthree {
	background: url(images/3logo_package.jpg) no-repeat 0 41px;
}
.mainfive {
	background: url(images/5logo_package.jpg) no-repeat 0 41px;
}
.mainten {
	background: url(images/10logo_package.jpg) no-repeat 0 41px;
}
body.portfolio .main {
	background: url(images/prize_logos.jpg) no-repeat 6px 41px;
}
.top {
	height: 440px;
}
.callUs {
	margin: 0 5px 0 238px;
	text-align: right;
	padding-right: 8px;
	height: 53px;
	line-height: 53px;
	font-weight: bold;
	background: url(images/call.gif) repeat-x bottom;
}
.intro {
	margin: 40px 100px 34px 261px;
	line-height: 20px;
}
body.portfolio .intro {
	margin: 48px 100px 0 261px;
	line-height: 20px;
}
.ui-tabs-hide {
	display: none;
}
.tabs {
	margin-left: 238px;
}

.divider
{
	border-bottom: 1px solid #dddede;
}

.subintro
{
	padding: -15px 10px 15px 10px;
	line-height: 20px;
}

body.portfolio .tabs {
	margin-left: 0;
}
ul.tabs {
	margin: 0 6px 0 0;
	padding: 0 0 0 14px;
	list-style: none;
	border-bottom: 1px solid #dddede;
	height: 29px;
	position: relative;
	z-index: 0;
}
body.portfolio ul.tabs {
	padding: 0 15px 0 0;
}
ul.tabs li {
	float: left;
	margin-right: 5px;
	width: 159px;
	text-align: center;
}
body.portfolio ul.tabs li {
	float: right;
	margin: 0 0 0 5px;
}
ul.tabs a {
	display: block;
	outline: none;
	margin-bottom: -1px;
	height: 30px;
	line-height: 30px;
	position: relative;
	z-index: 1;
	color: #898989;
	font-weight: bold;
	text-decoration: none;
	background: url(images/tab.gif) no-repeat;
}
ul.tabs li.ui-tabs-selected a {
	color: #5f5f5f;
	background-image: url(images/active_tab.gif);
}
a.portfolio {
	display: block;
	float: right;
	margin-top: -20px;
	width: 128px;
	height: 37px;
	text-indent: -10000px;
	outline: none;
	position: relative;
	z-index: 3;
	background: url(images/portfolio.gif) no-repeat;
}
/*
#logos, #categories {
	width: 929px;
	padding-top: 19px;
	height: auto;
	background-color: #fff;
}
*/

#logos, #categories {
	width: 675px;
	padding-top: 19px;
	height: auto;
	background-color: #fff;
}

/* Cory added this in an attempt to fix the homepage */
#logoshome {
	width: 675px;
	padding-top: 19px;
	height: auto;
	background-color: #fff;
}
body.portfolio #logos {
	width: auto;
}
#mockups {
	overflow: hidden;
}
* html #mockups {
	width: 585px;
}
#recent {
	width: 773px;
	overflow: hidden;
	margin: auto;
}
* html #recent {
	width: 760px;
}
#mockups ul, #recent ul {
	width: 20000px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#mockups li {
	float: left;
	width: 592px;
	text-align: center;
}
#recent li {
	float: left;
	margin: 0 5px;
}
#recent a {
	display: block;
	padding: 8px 10px;
	border: 1px solid #fff;
	outline: none;
}
#recent a:hover {
	border-color: #dddede;
}
#recent .ui-tabs-selected a {
	border: 2px solid #232323;
	padding: 7px 9px;
}
.prev {
	width: 25px;
	height: 25px;
	float: left;
	margin-top: 29px;
	cursor: pointer;
	background: url(images/prev_arrow.gif) no-repeat;
}
body.portfolio .prev {
	margin: 21px 0 0 25px;
}
.next {
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 29px;
	cursor: pointer;
	background: url(images/next_arrow.gif) no-repeat;
}
body.portfolio .next {
	margin: 21px 26px 0 0;
}
.logoInside {
	padding: 40px 17px 0 17px;
	height: 400px;
	line-height: 20px;
}
.logosLeft {
	float: left;
	width: 377px;
	
}
.logosLeft p {
	margin: 0;
	padding: 25px 0 0;
	font-style: italic;
}
.logosRight {
	float: right;
	width: 475px;
	padding-top: 11px;
}
.logosRight h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 110%;
	color: #5f5f5f;
}
.logosRight h2 span {
	font-size: 100%;
	font-weight: normal;
	color: #999;
}
.logosRight h2 a {
	text-decoration: none;
}
.logosRight p {
	margin: 12px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #dddede;
}
.leftCol {
	float: left;
	width: 239px;
	padding-top: 174px;
	text-align: center;
}
.leftCol p {
	text-align: left;
	margin: 0;
	padding: 20px 52px 19px 57px;
	line-height: 20px;
}
.leftCol span {
	color: #5f5f5f;
	font-weight: bold;
}
.centerCol {
	float: left;
	width: 362px;
	padding-top: 25px;
	background: url(images/centercol.jpg) no-repeat;
}
.orderButton {
	outline: none;
	margin: 1px 0 37px;
}
body.portfolio .orderButton {
	margin: 0 0 30px 0;
}

body.portfolio #logos p
{
	padding-bottom: 20px;
}
.centerCol div {
	margin-bottom: 22px;
	padding: 7px 0 0 71px;
	min-height: 43px;
	margin-left: 7px;
	background-repeat: no-repeat;
}
.compL div {
	padding: 7px 0 0 71px;
	height: 58px;
	background-repeat: no-repeat;
}
* html .centerCol div {
	height: 43px;
}
.mockupsthree {
	background-image: url(images/3mockups.gif);
}
.mockupsfive {
	background-image: url(images/5mockups.jpg);
}
.mockupsten {
	background-image: url(images/10mockups.jpg);
}
.mockupsnumber {
	background-image: url(images/numbermockups.jpg);
}
.daysthree {
	background-image: url(images/3days.gif);
}
.daysfive {
	background-image: url(images/5days.jpg);
}
.unlimited {
	background-image: url(images/unlimited.gif);
}
.revisions {
	background-image: url(images/revisions.jpg);
}
.blackWhite {
	background-image: url(images/black_white.gif);
}
.color {
	background-image: url(images/color.gif);
}
.centerCol h2, .compL h4 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #5f5f5f;
}
.compare {
	display: block;
	width: 186px;
	height: 37px;
	margin: 4px 0 0 8px;
	text-indent: -10000px;
	outline: none;
	background: url(images/compare.gif) no-repeat;
}
.rightCol {
	float: right;
	width: 324px;
	padding: 24px 4px 0 0;
	background: url(images/rightcol.jpg) no-repeat;
}
.testimonialsTop {
	height: 21px;
	font-size: 1px;
	background: url(images/testimonials_top.gif) no-repeat;
}
.testimonials {
	padding: 0 20px 17px 20px;
	line-height: 20px;
	background: url(images/testimonials.gif) repeat-y;
}
.testimonials p {
	margin: 0;
	padding: 50px 0 0;
}
.testimonials span {
	color: #898989;
	font-weight: bold;
}
.testimonialsBottom {
	height: 21px;
	font-size: 1px;
	background: url(images/testimonials_bottom.gif) no-repeat;
}

.compared {
	padding: 37px 0 0 16px;
	background: url(images/compared_bg.jpg) no-repeat;
}
.compL {
	float: left;
	width: 380px;
	padding-right: 20px;
}
.compS {
	float: left;
	width: 166px;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	color: #5f5f5f;
	height: 65px;
	line-height: 55px;
}
.first {
	padding-bottom: 50px;
	height: auto;
	line-height: normal;
	padding-top: 10px;
}
* html .first {
	padding-bottom: 0;
}
.value {
	line-height: normal;
	background: url(images/value.gif) no-repeat center;
}
.value span {
	font-size: 50%;
	display: block;
	padding-top: 5px;
}