/* ----------------------- GENERAL DEFINITIONS ------------------------ */
*					{ margin: 0; padding: 0; }/* border: 1px dotted red; */
BODY				{ font-family: "Arial"; font-size: 14px; color: #000; direction: ltr; text-align: left; background: url(images2/bg-tile.jpg) repeat-x top #FFF; }
P					{ margin: 0 0 10px 0; line-height: 18px; }

A:active, OBJECT	{ outline: none; }

H1, H2, H3				{ font-size: 20px; font-weight: normal; color: #2e7a8d; margin-bottom: 15px; }

IMG					{ border: 0; }

UL					{ margin: 0; padding: 0; list-style: none; }
LI					{ margin: 0; padding: 0; list-style: none; }

.clear				{ clear: both; }
.clearfix:after		{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix			{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix			{ display:block; }
/* End hide from IE Mac */

/* ----------------------- FORM DEFINITIONS ------------------------ */
.form-text, .form-textarea	{ width: 300px; height: 24px; border: 1px solid #AAA; font-family: "Arial"; background-color: #FFF; }
:focus.form-text, :focus.form-textarea	{ background-color: #edfafd; }
.form-textarea		{ width: 300px; height: 50px; border: 1px solid #AAA; }
.form-submit		{ width: 132px; height: 31px; border: 0; background: url(images2/btn-bg.png) no-repeat; color: #FFF; font-family: "Arial"; font-size: 16px; font-weight: bold; padding: 0 2px 7px 0; cursor: pointer; }
:hover.form-submit 	{ background: url(images2/btn-bg-over.png) no-repeat; }

#main-wrap			{ margin: 0 auto; width: 978px; min-height: 900px; background: url(images2/bg-wrap.png) no-repeat center 10px; }
.inner				{ margin: 0 auto; width: 978px; position: relative; }

/* ----------------------- HEADER DEFINITIONS ------------------------ */
#header				{ height: 70px; width: 958px; padding: 20px 10px 0; position: relative; }
#logo 				{ position: absolute; left: 10px; top: 20px; display: block; height: 58px; width: 322px; background: url(images2/logo-YBO-interactive.png) no-repeat; }
#logo SPAN			{ position: absolute; top: -9999px; }

#header	.menu		{ position: absolute; right: 0; bottom: 0; }
#header	.menu LI.active A, #header	.menu LI:hover A	{ color: #2f788c; border-bottom: 3px solid #f99a1d; }

/* ----------------------- HEADER DEFINITIONS ------------------------ */
#header1				{ height: 70px; width: 958px; padding: 20px 10px 0; position: relative; }
#logo 				{ position: absolute; left: 10px; top: 20px; display: block; height: 58px; width: 322px; background: url(images2/logo-YBO-interactive.png) no-repeat; }
#logo SPAN			{ position: absolute; top: -9999px; }

#header1	.menu		{ position: absolute; right: 0; bottom: 0; }
#header1	.menu LI.active A, #header	.menu LI:hover A	{ color: #2f788c; border-bottom: 3px solid #f99a1d; }

/* ----------------------- MENU DEFINITIONS ------------------------ */ 

.menu				{ height: 38px; }
.menu LI			{ position: relative; float: left; padding: 0 10px; }
.menu A				{ height: 18px; display: inline-block; padding: 0px 5px; margin: 3px 0; font-size: 14px; color: #2f788c; text-decoration: none; }
.menu A:hover		{ color: #FFF; }
 
/* ----------------------- CONTENT DEFINITIONS ------------------------ */
#content					{ width: 960px; padding: 0 9px; }
#primary-content			{ position: relative; width: 930px; height: 234px; padding: 15px; margin-bottom: 15px; background:url(images2/bg-banner.png) no-repeat; }
#primary-content .about		{ float: left; width: 600px; margin-top: 20px; }
#primary-content .about H2	{ font-family: "Calibri"; color: #FFF; font-size: 26px; line-height: 26px; font-weight: normal; }
#primary-content .about P	{ color: #a6deff; font-size: 17px; line-height: 20px; }

#primary-content .visual	{ float: right; margin: -58px 0 0 10px; }

#primary-content .blog		{ float: right; width: 310px; margin-top: 80px; }
#primary-content .blog H3	{ font-size: 20px; color: #f49d00; font-weight: normal; margin-bottom: 15px; }
#primary-content .blog LI	{ margin-bottom: 10px; }
#primary-content .blog A	{ color: #a6deff; }

#primary-content .rss		{ position: absolute; top: 9px; right: 250px; display: block; }
#primary-content .google-adwords{ position: absolute; top: 15px; right: 12px; display: block; }

#secondary-content			{  }
#secondary-content .service	{ float: left; width: 210px; padding: 0 30px 20px 80px; background: no-repeat top left; }
#secondary-content .seo		{ background-image: url(images2/bg-seo.png); }
#secondary-content .ppc		{ background-image: url(images2/bg-ppc.png); }
#secondary-content .wd		{ background-image: url(images2/bg-design.png); }

#secondary-content .customer{ float: left; width: 213px; padding: 10px; margin: 0 8px 0 0; background: url(images2/bg-box.jpg) no-repeat top left; text-align: center; }
#secondary-content .last	{ margin: 0 !important }
#secondary-content .customer .logo	{ margin-bottom: 15px; }
#secondary-content .customer P		{ text-align: left; font-size: 12px; line-height: 15px; color: #6a6a6a; }
#secondary-content .customer A		{ color: #0087ff; }

#footer						{ width: 100%; height: 150px; background: #d2d2d2; border-top: 1px solid #ededed; }

#footer .logo 				{ position: absolute; left: 10px; top: 10px; display: block; height: 29px; width: 159px; background: url(images2/logo-small.png) no-repeat; }
#footer A:hover.logo 		{ background-image: url(images2/logo-small-over.png); }
#footer .logo SPAN			{ position: absolute; top: -99999px; }

#footer-menu				{ float: right; margin-top: 10px; }
#footer-menu LI				{ background: url(images2/seperator.gif) no-repeat right 6px; }
#footer-menu LI.last		{ background: none; }
#footer-menu A				{ color: #777; font-size: 11px; }
#footer-menu A:hover		{ color: #999; }

/* ----------------------- CONTACT DEFINITIONS ------------------------ */
#form-contact LABEL			{ display: block; font-weight: bold; }
.contact-form				{ float: left; width: 400px; }
.contact-details			{ float: right; width: 480px; }
.contact-details LI			{ margin-bottom: 5px; }
.contact-details A			{ color: #0087ff; }