body {background: #1E1F1C url('../uploads/site_bg.png') repeat-x top left; margin: 0; font-family: 'Lucida Grande', verdana, Arial, Helvetica, sans-serif;}
a {outline:none; color: #0066CC;}
a:hover {text-decoration:none;}

ul, ol, p {font-size:14px; line-height:20px;}

.shadow_top, .shadow_right, .shadow_left, .shadow_bottom, .logo img {behavior: url('/iepngfix/iepngfix.htc')}

.portfolio img {border: 0;}

.wrapper {width: 790px; margin: 50px auto 0 auto; position: relative; background: url('../uploads/shadow_tile.png') no-repeat center 591px; padding: 0 8px 12px 8px;}

.header {position: relative; height: 30px;}
.header .logo {position: absolute; top: 0; left: 0; border:0;}
.header ul {list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0; right: 10px;}
.header ul li {float: left; padding-left: 5px;}
.header ul li.selected, .header ul li:hover {background: url('../uploads/tab_left.gif') no-repeat top left;}	
.header ul li a {color: #fff; text-decoration: none; font-size: 12px; font-family: 'geneva', Arial, Helvetica, sans-serif; 
				 height: 22px; line-height: 24px; padding: 0 8px 0 3px; float: left;}
.header ul li.selected a, .header ul li:hover a {background: url('../uploads/tab_right.gif') no-repeat top right; color: #333333;}	

.body {background-color: #fff; overflow: hidden; min-height: 600px;}

#flash_project {margin: 0 10px;}

.left_nav {margin: 100px 0 0 25px; float: left; width: 150px;}
.left_nav ul.nav {list-style: none; margin:0; padding:0;}
.left_nav ul.nav li {}
.left_nav ul.nav li.last a {border-bottom: 0;}
.left_nav ul.nav li a {color: #878787; text-decoration: none; font-size: 11px; font-weight: bold; border-bottom: 1px solid #CCCCCC; display: block; height: 43px; line-height: 43px;}
.left_nav ul.nav li a:hover, .left_nav ul li.selected a {color: #333333; background: url('../uploads/Template Assets/icon_arrow_black.gif') no-repeat center right;}

.left_nav .sub ul {margin:12px 0 0 0; padding:0; list-style:none;}
.left_nav .sub ul li {margin:0; padding:0 0 5px 0px; font-size:10px; line-height:16px; color:#333}

.secondary .content {float: left; width: 574px; margin: 40px 0 0 25px; color: #666666;}
.secondary .content h1 {font-size: 38px; color: #006699; margin: 0 0 -8px 0; padding: 0;}
.secondary .content h2 {font-size: 22px; margin: 30px 0 -20px 0; padding: 0; color: #454545}
.secondary .content h3 {font-size: 18px; margin: 0px 0 -20px 0; padding: 0; color: #454545}
.secondary .content p {font-size: 14px; line-height: 24px; margin: 27px 0;}
.content .selected_work {float:right; width:178px; padding-left:15px; border-left:1px solid #CCC;}
.content .selected_work div {clear:both; margin-top:30px;}
.content .selected_work span {font-size:10px; font-weight:bold; color:#666; font-family:'Lucida Grande', verdana, sans-serif; font-style:normal;}
.content .selected_work img {border:5px solid #CCC;}
.content .selected_work p {font-size:15px; font-family:Georgia,Times,Sans-serif; color:#787878; font-style:italic; padding-top:0;}
.content .selected_work p.credits {font-size:11px; font-style:normal; line-height:13px; padding:0px;}
.content .dev_about {width:355px;}

.about .content {margin: 40px 0 0 30px; color: #666; width: 650px;}
.about .content h1 {color: #7AB701; font-size: 38px; margin: 0 0 -8px 0; padding: 0;}
.about .content h2 {font-size: 22px; color: #454545; margin: 30px 0 -20px 0; padding: 0;}
.about .content p {font-size: 14px; line-height: 24px; margin: 27px 0;}
.about .content .employee {clear: both; overflow: hidden;}
.about .content .employee h2 {margin-top: 40px;}
.about .content .employee img {float: left; margin: 40px 15px 5px 0;}
.about .content .about_office {background: url('../uploads/office-banner.jpg') no-repeat top left; width: 715px; height: 296px; border: 10px solid #CCCCCC;}

.portfolio .content {margin: 40px 0 0 30px; color: #666; width: 680px;}
.portfolio .content h1 {color: #FF6600; font-size: 38px; margin: 0 0 5px 0; padding: 0;}
.portfolio .content .project {clear: both; overflow: hidden; border: 1px solid white;}
.portfolio .content .project h2 {font-size: 22px; color: #454545; margin: 20px 0 -27px 0; padding: 0;}
.portfolio .content .project p {font-size: 14px; line-height: 23px; margin: 27px 0;}
.portfolio .content .project img {float: left; margin: 20px 27px 50px 0; border: 10px solid #999999;}
.portfolio .content .project a.more {color: #0066CC; background: url('../uploads/icon_arrow_blue.gif') no-repeat right 5px; font-weight: bold; padding-right: 15px;}
.portfolio .content .project a:hover {text-decoration:none;}

.portfolio .tags {list-style: none; margin: 15px 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size: 10px; color: #8A8C7B;}
.portfolio .tags li {padding-left: 25px; margin: 7px 0;}
.portfolio .content .content-management {background: url('../uploads/portfolio/icon_contentmanagement.png') no-repeat left center;}
.portfolio .content .css {background: url('../uploads/portfolio/icon_css.png') no-repeat left center;}
.portfolio .content .custom-development {background: url('../uploads/portfolio/icon_customdevelopment.png') no-repeat left center;}
.portfolio .content .database {background: url('../uploads/portfolio/icon_database.png') no-repeat left center;}
.portfolio .content .html {background: url('../uploads/portfolio/icon_html.png') no-repeat left center;}
.portfolio .content .javascript {background: url('../uploads/portfolio/icon_javascript.png') no-repeat left center;}
.portfolio .content .php {background: url('../uploads/portfolio/icon_php.png') no-repeat left center;}

.portfolio .content .portfolio_listing {width:100%; padding-bottom:80px; border-bottom:1px solid #CCC; margin-bottom: 0; padding-top:40px;}
.portfolio .content .portfolio_listing td {margin: 0; padding: 0; vertical-align:top;}
.portfolio .content .portfolio_listing h2 {font-size:36px; white-space:nowrap; margin:0; padding:0; height: 22px;}
.portfolio .content .portfolio_listing p {font-size:11px; line-height:1.5em; width:300px;}
.portfolio .content .portfolio_listing img {margin-left:-17px;}

.portfolio_details .content {margin: 40px 0 0 30px; color: #666; width: 735px;}
.portfolio_details .content p {font-size: 14px; line-height: 24px; margin: 27px 0;}
.portfolio_details .content h1 {color: #FF6600; font-size: 38px; margin: 0 0 20px 0; padding: 0; position: relative;}
.portfolio_details .content .back {color: #999999; font-size: 11px; position: absolute; top: 90px; right: 34px; background: url('../uploads/icon_arrow_grey.gif') no-repeat left center; padding-left: 8px;}
.portfolio_details .content h2 {font-size: 22px; margin: 30px 0 -20px 0; padding: 0; color: #454545}
.portfolio_details .content .project_image_netflix {background: url('../uploads/portfolio_details_netflix.png') no-repeat top left; width: 715px; height: 296px; border: 10px solid #CCCCCC;}
.portfolio_details .content .project_image_dinan {background: url('../uploads/dinan-banner.jpg') no-repeat top left; width: 715px; height: 296px; border: 10px solid #CCCCCC;}
.portfolio_details .content .project_image_scu {background: url('../uploads/scu-banner.jpg') no-repeat top left; width: 715px; height: 296px; border: 10px solid #CCCCCC;}
.portfolio_details .content .project_image_performics {background: url('../uploads/performics-banner.jpg') no-repeat top left; width: 715px; height: 296px; border: 10px solid #CCCCCC;}
.portfolio_details .content .project_image_zyprexa {background: url('../uploads/zyprexa-banner.jpg') no-repeat top left; width: 715px; height: 296px; border: 10px solid #CCCCCC;}
.portfolio_details .content .project_image_gag {background: url('../uploads/Portfolio Images/guild_image.png') no-repeat top left; width: 715px; height: 296px; border: 10px solid #CCCCCC;}

.portfolio_details .content .summary {float: right; width: 190px; border-left: 1px solid #CCCCCC; padding-left: 25px; margin: 20px 0 0 40px;}
.portfolio_details .content .summary h3 {margin: 3px 0 15px 0; padding: 0; font-size: 20px; color: #666666;}
.portfolio_details .content .summary h4 {margin: 15px 0 -6px 0; padding: 0; font-size: 12px; color: #999999; text-transform: uppercase; font-weight: normal;}
.portfolio_details .content .summary p {margin: 0 0 15px 0; padding: 0; font-size: 12px;}
.portfolio_details .content .summary a {color: #0066CC;}
.contact .content {margin: 40px 0 0 30px; color: #666; width: 735px;}
.contact p {font-size: 14px; line-height: 24px; margin: 15px 0;}
.contact label sub {vertical-align: baseline;}
.contact h1 {color: #7AB701; font-size: 38px; margin: 0 0 20px 0; padding: 0; position: relative;}
.contact h1 a {color: #999999; font-size: 11px; position: absolute; top: 25px; right: 0; background: url('../uploads/icon_arrow_grey.gif') no-repeat left center; padding-left: 8px;}
.contact h2 {font-size: 22px; margin: 30px 0 0 0; padding: 0; color: #454545}
.contact input#name, .content input#company_name {height: 30px!important; line-height: 30px; border: 2px solid #999999; font-size: 25px; padding: 5px; color: #666666; width: 400px;}
.contact input#email_address, .contact input#area_code, .contact input#phone_first_three, .content input#phone_last_four {
	border: 2px solid #999; height: 15px!important; line-height: 15px; padding: 5px; color:#666;
}
.contact input.selected, .contact textarea.selected {border:2px solid #444!important;}
.contact input#email_address {width: 200px;}
.contact input#area_code {width: 25px; text-align: center}
.contact input#phone_first_three {width: 25px; text-align: center}
.contact input#phone_last_four {width: 35px; text-align: center}
.contact textarea#describe_your_project, .textbox {width: 400px; border: 2px solid #999; height: 110px; padding: 5px;}
.contact input#submit {margin-top: 5px;}
.contact .contact_info {float: right; width: 200px; border-left: 1px solid #CCCCCC; padding-left: 40px; margin: 80px 10px 0 40px;}
.contact .contact_info h3 {margin: -5px 0 5px 0; padding: 0; font-size: 20px; color: #666666;}
.contact .contact_info h4 {margin: 15px 0 -6px 0; padding: 0; font-size: 12px; color: #999999; text-transform: uppercase; font-weight: normal;}
.contact .contact_info p {margin: 0 0 15px 0; padding: 0; font-size: 13px; line-height: 20px;}
.contact .contact_info a {color: #0066CC;}
.contact ul li {line-height: 30px;}


.about_text {position: relative; height: 159px;}
.about_text h1, .body .about_text h2, .body .about_text ul {margin: 0; padding: 0;}
.about_text h1 {color: #666666; position: absolute; top: 20px; left: 20px; font-weight: bold;}
.about_text h2 {color: #666666; position: absolute; top: 20px; left: 420px; font-size: 25px; font-weight: bold;}
.about_text ul {color: #999999; position: absolute; top: 55px; left: 420px; list-style: none; font-size: 18px; width:200px;}
.about_text ul li {margin: 2px 0;}

.sub_nav {list-style: none; margin: 5px 10px; padding: 0;}
.sub_nav li {float: left; width: 253px; padding: 0 0 50px 0;}
.sub_nav li p {font-size: 11px; color: #666666; margin: 15px; line-height:15px;}	
.sub_nav li p a {color: #006699;}	
.sub_nav li p a:hover {text-decoration:none;}
.sub_nav li h3 {margin: 0; padding: 0;}
.sub_nav li h3 a {display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; width: 253px; height: 152px;}
.sub_nav .our_services {margin-right: 5px;}
.sub_nav .our_services h3 a {background-image: url('../uploads/Template Assets/box_our_services.png');}
.sub_nav .our_services h3 a:hover {background-image: url('../uploads/Template Assets/box_our_services_over.png')}
.sub_nav .our_portfolio {margin-right: 5px;}
.sub_nav .our_portfolio h3 a {background-image: url('../uploads/Template Assets/box_our_portfolio.png');}
.sub_nav .our_portfolio h3 a:hover {background-image: url('../uploads/Template Assets/box_our_portfolio_over.png');}	
.sub_nav .your_project {}
.sub_nav .your_project h3 a {background-image: url('../uploads/Template Assets/box_your_project.png');}
.sub_nav .your_project h3 a:hover {background-image: url('../uploads/Template Assets/box_your_project_over.png');}	

.footer {width: 790px; margin: 0 auto; padding: 5px 0; text-align: right;}
.footer p {margin: 5px 0; padding: 0;}
.footer_nav {color: #ccc; font-size: 11px;}
.footer_nav a {color: #ccc; text-decoration: none;}
.footer_nav a:hover {text-decoration:underline;}
.copyright {color: #666666; font-size: 11px;}

.spacer_p {height: 10px; margin: 0; padding: 0;}

.shadow_top, .shadow_right, .shadow_bottom, .shadow_left {position: absolute; overflow: hidden;}
.shadow_top {background: url('../uploads/shadow_top.png') no-repeat top left; left: 8px; top: 19px; width: 790px; height: 8px;}
.shadow_right {background: url('../uploads/shadow_right.png') no-repeat top left; right: 0; top: 19px; width: 8px; height: 572px;}	
.shadow_bottom {background: url('../uploads/shadow_bottom.png') no-repeat top left; left: 0; bottom: -12px; width: 806px; height: 12px;}
.shadow_left {background: url('../uploads/shadow_left.png') no-repeat top left; left: 0px; top: 19px; width: 8px; height: 572px;}

.highlight {background-color:#D6EDFA;}

table {margin:27px 0;}

.error {color:red; font-weight:bold;}
.validation-advice {color:red; font-weight:bold; font-size:11px; margin-bottom:8px;}

.preload {display:none;}

.left_column {float: left; width: 42%; padding: 0 30px 15px 30px;}
.right_column {float: right; width: 50%; color: #fff;}

p {margin: 10px 0;}
h3 {padding: 0; margin: 25px 0 0 0;}	
h4 {font-weight: normal; font-size: 18px; padding: 0; margin: 25px 0 0 0;}
h4 img {float: left; margin: 0 15px 10px 0;}

.right_column ul {list-style: none; padding: 0; margin: 0;}
.right_column ul li {background: url('../uploads/assets/icon_check.png') no-repeat left center; padding-left: 35px;}

.partner_reviews {color: #454545; font-size: 12px;}
.partner_reviews td {vertical-align: top; width: 50%;}
.partner_reviews td.left {padding-right: 10px;}
.partner_reviews td.left p {margin-left: 10px;}
.partner_reviews td.right {padding-left: 10px; text-align: center;}	
.partner_reviews td.right p {font-size: 11px; line-height: 15px;}
.partner_reviews h2 {margin: 10px 0; padding: 0; font-size: 14px;}
.partner_reviews em {font-family: Georgia, "Times New Roman", Times, serif;}

.partners .contact {clear: both; padding: 0 30px 0 30px;}
.partners h1 {margin:30px 30px 10px 30px;}
.partners h2 {margin:0 30px 20px;}
.partners p {font-size:13px; color: #666666; line-height: 22px;}
.partners h4 {font-size:15px; font-weight:bold; color:#555;}

.grey_background {background-color: #333; padding: 0 30px 15px 30px; overflow: hidden; margin-right:20px;}
.grey_background p {color:#EFEFEF;}

.partners h1 {font-size: 38px; color: #006699; padding: 0;}
.contact h2 {font-size: 22px; margin: 30px 0 0 0; padding: 0; color: #454545}

.right_column .preview {text-align: center; font-size: 11px; margin: 0 auto;}
.right_column .preview p {margin: 0; font-size: 11px;}
.right_column .preview a {color: #fff;}