﻿

#website_codesend { width: 620px; display: block !important; background: white }
#website_codesend img { border: 0 }
#website_codesend .header { background: url('images/codesend_header.jpg'); height: 108px }
#website_codesend .logo { height: 57px; padding: 14px 0 0 5px }
#website_codesend .stripe { height: 30px; padding: 4px 5px 0 5px; text-align: center; color: #cdfcff; background: url('images/codesend_stripe.png'); font: normal 11px Tahoma }
#website_codesend .body { padding: 10px 0 0 10px }
#website_codesend .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
#website_codesend .blur { background: url('images/codesend_blur.png') no-repeat top center; height: 32px }
#website_codesend .details { text-align: right }

#website_lolpie { width: 620px; display: block !important; background: white }
#website_lolpie img { border: 0 }
#website_lolpie .header { background: url('images/lolpie_header.jpg'); height: 108px }
#website_lolpie .logo { height: 57px; padding: 14px 0 0 5px; margin-left: 10px; }
#website_lolpie .stripe { height: 30px; padding: 4px 5px 0 5px; text-align: center; color: #fff; background: url('images/lolpie_stripe.png'); font: normal 11px Tahoma;}
#website_lolpie .body { padding: 10px 0 0 10px }
#website_lolpie .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
#website_lolpie .blur { background: url('images/lolpie_blur.png') no-repeat top center; height: 32px }
#website_lolpie .details { text-align: right; margin-right: 10px;}

#website_graphicmaniacs { width: 620px; display: block !important; background: white }
#website_graphicmaniacs img { border: 0 }
#website_graphicmaniacs .header { background: url('images/graphicmaniacs_header.jpg'); height: 108px }
#website_graphicmaniacs .logo { height: 67px; padding: 0 0 0 0; }
#website_graphicmaniacs .stripe { height: 30px; padding: 4px 5px 0 5px; text-align: center; color: #fff; background: url('images/graphicmaniacs_stripe.png'); font: normal 11px Tahoma;}
#website_graphicmaniacs .body { padding: 10px 0 0 10px }
#website_graphicmaniacs .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
#website_graphicmaniacs .blur { background: url('images/graphicmaniacs_blur.png') no-repeat top center; height: 32px }
#website_graphicmaniacs .details { text-align: right; margin-right: 10px;}


#tetris {display:block !important;}

#backgammon {display:block !important;}

#website_contact {display:block !important;width: 620px; }
#website_contact img { border: 0 }
#website_contact .header { background: url('images/contact_header.jpg'); height: 105px }
#website_contact .logo { height: 65px; padding: 2px 0 0 10px; }
#website_contact .stripe { height: 26px; padding: 8px 5px 0 10px; text-align: left; color: #fff; background: url('images/contact_stripe.png'); font: normal 14px Arial;}
#website_contact .body { background: url('images/contact_gradient.jpg') repeat-x top left; padding: 10px 0 10px 10px }
#website_contact .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
#website_contact .body .fields { width: 500px; margin: 0 auto; text-align: right; display: block }
#website_contact .body .fields label { display: block; font: normal 13px Arial }
#website_contact .body .fields input { width: 440px; margin: 2px 0 }
#website_contact .body .fields select { width: 444px; margin: 2px 0 }
#website_contact .body textarea { height: 170px; width: 590px; padding: 5px; margin: 2px 0 }
#website_contact .blur { background: url('images/graphicmaniacs_blur.png') no-repeat top center; height: 32px }
#website_contact .details { text-align: right; margin-right: 10px;}
#website_contact .submit { font: normal 18px Arial; margin: 0 }
#website_contact #body_loading { display: none; position: relative; width: 620px; height: 170px; padding-top: 140px; opacity: 0.3; top: -316px; left: 0; z-index: 1; filter: alpha(opacity=30); background: black; text-align: center; color: white; font: normal 13px Arial }

#website_portfolio {display:block !important;width: 900px; }
#website_portfolio img { border: 0 }
#website_portfolio .header { background: url('images/portfolio_header.jpg'); height: 105px }
#website_portfolio .logo { height: 65px; padding: 2px 0 0 10px; }
#website_portfolio .stripe { height: 26px; padding: 8px 5px 0 10px; text-align: left; color: #fff; background: url('images/contact_stripe.png'); font: normal 14px Arial;}
#website_portfolio .body { padding: 10px 0 10px 10px }
#website_portfolio .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
#website_portfolio .verticalmenu { float: left; width: 150px }
#website_portfolio .verticalmenu a { display: block; text-decoration: none; font: normal 13px Arial; color: black; background: url('images/portfolio_vmenu.jpg') no-repeat top left; height: 34px; padding: 2px 0 0 4px; margin-bottom: 1px }
#website_portfolio .verticalmenu a:hover { background-position: bottom left }
#website_portfolio .verticalmenu a img { vertical-align: middle }
#website_portfolio .horizmenu { padding-left: 20px; border-bottom: 1px solid #008999; height: 18px; width: 850px; background: white; }
#website_portfolio .horizmenu span { padding: 3px 8px; cursor: pointer; cursor: hand; border: 1px solid #86ccd4; border-bottom: 0; background: white }
#website_portfolio .horizmenu span.selected { margin-bottom: -1px; border-color: #008999; border-bottom: 1px solid #00d0e9; color: white; text-shadow: 1px 1px 1px #006571; background: #00bad0; font-weight: bold }
#website_portfolio .listings { float: left; width: 890px; height: 350px; }
#website_portfolio .listings .showcase { height: 340px; overflow: auto }

#website_portfolio .listings li { display: block; width: 858px; clear: both; border: 1px solid #7ddeec; background: #e7fcff; padding: 5px; margin-top: 5px; overflow: hidden; position: relative }
#website_portfolio .listings li .pfimage { padding: 0; float: right; width: 470px; height: 195px; border: 1px solid #000000 }
#website_portfolio .listings li .pftext { height: 170px; padding: 0; float: left; width: 365px; font: normal 13px Arial; line-height: 13px } 
#website_portfolio .listings li .pftext .pftitle { font: bold 15px Arial; color: #005c7e; line-height: 17px; display: block; height: auto }
#website_portfolio .listings li .pftext .pfdescription { padding: 10px 0 0 0 }
#website_portfolio .listings li .pfbutton { float: left; width: 94px; height: 27px; text-align: center; text-decoration: none; background: url('images/visit_website.gif') no-repeat top left #01a0ca }
#website_portfolio .listings li .pfbutton a { color: white; text-shadow: 1px 1px 1px #006270; display: block; padding-top: 4px; height: 23px } 
#website_portfolio .logos { position: relative; background: white !important; margin: 0; height: 50px; }
#website_portfolio .logos img {  }


#website_inventory {display:block !important;width: 900px; }
#website_inventory img { border: 0 }
#website_inventory .header { background: url('images/inventory_header.jpg'); height: 105px }
#website_inventory .logo { height: 65px; padding: 2px 0 0 10px; }
#website_inventory .stripe { height: 26px; padding: 8px 5px 0 10px; text-align: left; color: black; background: url('images/inventory_stripe.png') no-repeat top left; font: normal 14px Arial;}
#website_inventory .body { padding: 10px 0 10px 10px }
#website_inventory .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
#website_inventory .horizmenu { padding-left: 20px; border-bottom: 1px solid #343202; height: 18px; width: 850px; background: white; }
#website_inventory .horizmenu span { padding: 3px 8px; cursor: pointer; cursor: hand; border: 1px solid #656565; border-bottom: 0; background: #fffdcb }
#website_inventory .horizmenu span.selected { margin-bottom: -1px; border-color: #343202; border-bottom: 1px solid #868100; color: white; text-shadow: 1px 1px 1px #868100; background: #868100; font-weight: bold }
#website_inventory .listings { float: left; width: 890px; height: 350px; }
#website_inventory .listings .showcase { height: 340px; overflow: auto }

#website_inventory .listings li { display: block; width: 858px; clear: both; border: 1px solid #d3cc00; background: #fffee6; padding: 5px; margin-top: 5px; overflow: hidden; position: relative }
#website_inventory .listings li .pfimage { padding: 0; float: right; width: 470px; height: 195px; border: 1px solid #000000 }
#website_inventory .listings li .pftext { height: 170px; padding: 0; float: left; width: 365px; font: normal 13px Arial; line-height: 13px } 
#website_inventory .listings li .pftext .pftitle { font: bold 15px Arial; color: #965500; line-height: 17px; display: block; height: auto }
#website_inventory .listings li .pftext .pfdescription { padding: 10px 0 0 0 }
#website_inventory .listings li .pfbutton { float: left; width: 94px; height: 27px; text-align: center; text-decoration: none; background: url('images/visit_website.gif') no-repeat top left #01a0ca }
#website_inventory .listings li .pfbutton a { color: white; text-shadow: 1px 1px 1px #006270; display: block; padding-top: 4px; height: 23px } 
#website_inventory .logos { position: relative; background: white !important; margin: 0; height: 50px; }
#website_inventory .logos img {  }


#website_about { width: 620px; display: block !important; background: white }
#website_about img { border: 0 }
#website_about .header { background: url('images/about_header.jpg'); height: 105px }
#website_about .logo { height: 67px; padding: 0 0 0 0; }
#website_about .stripe { height: 26px; padding: 8px 5px 0 10px; text-align: left; color: white; background: url('images/about_stripe.png') no-repeat top left; font: normal 14px Arial; }
#website_about .body { padding: 10px 0 0 10px }
#website_about .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
#website_about .heading {
	font-weight: bold;
	color: #008000;
	margin-bottom: 2px;
}

#website_itservices { width: 620px; display: block !important; background: white }
#website_itservices img { border: 0 }
#website_itservices .header { background: url('images/itservices_header.jpg'); height: 105px }
#website_itservices .logo { height: 67px; padding: 0 0 0 0; }
#website_itservices .stripe { height: 26px; padding: 8px 5px 0 10px; text-align: left; color: black; text-shadow: 1px 1px 1px white; background: url('images/itservices_stripe.png') no-repeat top left; font: normal 14px Arial; }
#website_itservices .body { padding: 10px 0 0 10px }
#website_itservices .body p { padding: 5px 0 0 0; margin: 0; font: normal 13px Arial }
