/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Meet Bob Stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000000; color:#ffffff; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- GENERAL IDS ----- */
/* MIN HEIGHT HACK - height:auto !important; height:1px; min-height:1px;*/
#container { width:882px; margin:0 auto; text-align:left; font-size:130%; }   
#header { position:relative; width:882px; height:71px; background:url(../images/dots.gif) bottom left repeat-x;}
#header #logo { position:absolute; top:25px; left:0px; width:86px; height:36px;}
#flashHome { margin-bottom:18px; width:604px; height:327px;}
#imageHolder { margin-bottom:18px; width:604px; height:327px; background:#ffffff;}

/* ----- COLUMNS ----- */
#leftCol { width:604px; float:left; margin-top:16px; display:inline;}
#rightCol { width:262px; float:left; margin-top:16px; margin-left:16px; display:inline;}
#rightCol .box { background:#1f1f1f; padding:12px 12px 0 12px; height:auto !important; height:743px; min-height:743px; margin-bottom:18px;}
#rightCol .boxSmall { background:url(../images/boxSmallBg.gif) top left no-repeat; width:262px; height:327px; margin-bottom:18px; line-height:16px; font-size:12px; position:relative;}
#rightCol .boxSmall .padding { padding: 20px 17px 0 17px;}
#rightCol .boxSmall p { padding-bottom:14px;}
#rightCol .boxSmall .title { line-height:19px;}
#rightCol .workLink { position:absolute; bottom:42px; left:17px; background:url(../images/iconWhiteArrowGrey.gif) 2px 3px no-repeat; line-height:16px; text-decoration:none; font-size:13px; padding: 0 0 0 17px; font-weight:normal;}
#rightCol .workLink:hover { text-decoration:underline; color:#ffffff;}
#rightCol .websiteLink { position:absolute; bottom:18px; left:17px; background:url(../images/iconWhiteArrowGrey.gif) 2px 3px no-repeat; line-height:16px; text-decoration:none; font-size:13px; padding: 0 0 0 17px; font-weight:normal;}
#rightCol .websiteLink:hover { text-decoration:underline; color:#ffffff;}
#rightCol .title { font-size:16px; padding-bottom:10px;}
#rightCol .link { padding:10px 0 14px 0;}
#rightCol .link a { background:url(../images/iconWhiteArrow.gif) 4px 3px no-repeat; display:inline; padding: 0 13px 0 19px; font-weight:normal;}

/* ----- FEATURED WORK ----- */
#featuredWork { width:604px; background:url(../images/dots.gif) top left repeat-x;}
#featuredWork .title { background:url(../images/dots.gif) bottom left repeat-x; padding:7px 0; line-height:24px; font-size:21px; color:#eb008b;}
#featuredWork .featuredItem { background:#1f1f1f; width:190px; float:left; margin: 18px 17px 0 0; height:354px; position:relative;}
#featuredWork .featuredItem .padding { padding:12px 12px 20px 12px;}
#featuredWork .featuredItem.last { margin-right:0px;}
#featuredWork .featuredItemTitle { font-size:19px; padding:15px 0 3px 0px; line-height:21px;}
#featuredWork .featuredItemImage {}
#featuredWork .featuredItemText { font-size:12px; line-height:16px; color:#c2c2c2;}
#featuredWork .featuredItemLink { font-weight:normal; position:absolute; bottom:16px; left:13px; background:url(../images/iconPinkArrow.gif) 100% 4px no-repeat; line-height:16px; text-decoration:none; font-size:13px; padding-right:11px;}
#featuredWork .featuredItemLink:hover { text-decoration:underline; color:#ffffff;}
#featuredWork .featuredItemImage a { display:block; width:166px; height:129px;}
#featuredWork .featuredItemImage a .featuredItemOverlay { position:absolute; top:12px; left:12px; visibility:hidden;}
#featuredWork .featuredItemImage a:hover { cursor:pointer;}
#featuredWork .featuredItemImage a:hover .featuredItemOverlay { visibility:visible;}

/* ----- QUICK LINKS ----- */
#quickLinks { background:url(../images/dots.gif) bottom left repeat-x; margin-bottom:20px; height:143px;}
#quickLinks ul { margin:0; padding:0 0 18px 0; list-style:none; font-size:14px;}
#quickLinks li { background:url(../images/iconWhiteArrow.gif) 4px 5px no-repeat; padding: 0 0 0 19px;}
#quickLinks a { font-weight:normal; text-decoration:none;}
#quickLinks a:hover { text-decoration:underline;}

/* ----- ONE TO WATCH ----- */
#oneToWatch { background:url(../images/dots.gif) bottom left repeat-x; height:180px;}

/* ----- LATEST NEWS ----- */
#latestNews { background:url(../images/dots.gif) bottom left repeat-x; height:203px; line-height:16px;}
#latestNews .title { padding:20px 0 15px 0;}

/* ----- STAY IN TOUCH ----- */
#stayInTouch { padding-bottom:10px;}
#stayInTouch .title { padding:20px 0 5px 0;}

/* ----- BROCHURE REQUEST ----- */
#brochureRequest { background:#464646 url(../images/brochureRequestBg.gif) 0px 0px no-repeat; line-height:16px; height:auto !important; height:342px; min-height:342px; padding:12px 12px 0 12px;}
#brochureRequest .title { padding:10px 0 13px 0;}
#brochureRequest .submit { background: url(../images/btnSubmitGrey.gif) 0px 0px no-repeat; margin-top:42px; margin-bottom:13px;}
#brochureRequest .submit:hover { background: url(../images/btnSubmitGrey.gif) 0px -15px no-repeat;}
#brochureRequest form { padding-top:5px;}

/* ----- SECTION ----- */
#section { background:url(../images/sectionBg.gif) top left repeat-x; height:38px; position:relative; top:-1px;}
#section .title { padding:7px 0; line-height:24px; font-size:21px; color:#eb008b;}

/* ----- CONTENT ----- */
#content { font-size:16px; line-height:21px; padding:30px 0 0 0;}
#content p { padding-bottom:15px; line-height:18px;}
#content a { font-weight:normal; text-decoration:underline;}
#content a:hover { text-decoration:none;}

/* ----- ABOUT CONTENT ----- */
#aboutContent { font-size:13px; line-height:18px; width:410px; padding:30px 0 0 0; float:left;}
#aboutContent h1, #aboutContent h2, #aboutContent h3, #aboutContent h4 { padding:0 0 5px 0; font-size:19px; color:#eb008b;}
#aboutContent p { padding-bottom:20px;}

/* ----- BOBOGRAPHIES ----- */
#bobographies { width:415px; float:left; margin-left:57px; font-size:13px; line-height:21px; padding: 30px 0;}
#bobographies h2 { padding:0 0 17px 0; font-size:19px; color:#eb008b;}
#bobographies .bobography { background: url(../images/dots.gif) bottom left repeat-x; position:relative; min-height:1px; padding-bottom:10px;}
#bobographies .link  { color:#eb008b; background:url(../images/iconWhiteArrow.gif) 0px 13px no-repeat; padding: 10px 0 0 18px; line-height:17px; display:block; font-size:15px;}
#bobographies .link:hover { color:#eb008b; }
#bobographies p { padding: 0 0 3px 18px; display:inline-block; line-height:18px;}
#bobographies .summary { padding-bottom:20px; padding-top:3px;}
#bobographies .downArrow { position:absolute; top:13px; left:0px; background:url(../images/iconWhiteArrowDown.gif) 0px 0px no-repeat; display:block; width:11px; height:11px;}

/* ----- CONTACT CONTENT ----- */
#contactContent { font-size:15px; line-height:18px; width:600px; padding:30px 0 0 0;}
#contactContent h1, #contactContent h2, #contactContent h3, #contactContent h4 { padding:0 0 5px 0; font-size:19px; color:#eb008b;}
#contactContent p { padding-bottom:20px;}
#contactContent .registered { padding-bottom:0px; font-size:12px;}
#contactContent .twitter { float:left; margin: 0 8px 10px 0;}
#contactContent .facebook { float:left; margin-bottom:10px;}
#contactContent a { font-weight:normal;}

/* ----- NEWS ----- */
#newsContent {}
#newsContent .newsListing { background: url(../images/dots.gif) bottom left repeat-x; padding:23px 0 25px 0; margin-top:-2px;}
#newsContent .newsListing.last { background:none; padding-bottom:0px;}
#newsContent .newsListing .newsImage { width:125px; float:left; margin-right:30px;}
#newsContent .newsListing .newsDetails { width:697px; float:left;}
#newsContent .newsListing .newsTitle { padding:0; font-size:19px; color:#eb008b; line-height:23px; padding-bottom:5px;}
#newsContent .newsListing .newsDate { font-size:12px;}
#newsContent .newsListing .newsSummary { font-size:15px; line-height:18px; padding-bottom:25px;}

/* ----- CLIENTS - OLD ----- */
#clientsContent { }
#clientsContent #subNav { float:none; padding: 20px 0 30px 0; background:url(../images/dots.gif) bottom left repeat-x;}
#clientsContent #subNav ul { margin-left: -8px !important; float:left;}
#clientsContent #subNav li { padding-top:4px; padding-bottom:2px;  background:url(../images/subNavDivider.gif) 100% 7px no-repeat;}
#clients { background:url(../images/clientsBg.gif) top left repeat-y; height:auto !important; height:1px; min-height:1px;}
#clients .client { width:181px; height:170px; padding: 12px; position:relative; margin:22px 20px 0 0; float:left; display:inline;}
#clients .client.last { margin-right:0px;}
#clients .clientImage { background-position:0px 0px; background-repeat:no-repeat; display:block; width:181px; height:128px;}
#clients .clientImage:hover { background-position:0px -129px;}
#clients .clientLink { margin-top:18px; float:left; background:url(../images/iconPinkArrow.gif) 100% 4px no-repeat; line-height:16px; text-decoration:none; font-size:11px; padding-right:11px;}
#clients .clientLink:hover {  color:#ffffff; text-decoration:underline;}
#clients .workLink { margin-top:18px; float:left; background:url(../images/iconPinkArrow.gif) 100% 4px no-repeat; line-height:16px; text-decoration:none; font-size:13px; padding-right:11px;}
#clients .workLink:hover {  color:#ffffff; text-decoration:underline;}

/* ----- CLIENTS - NEW ----- */
#clientsContent { position:relative;}
#clientsContent .testimonialKey { position:absolute; top:-30px; right:0px; background:url(../images/iconWhiteArrow.gif) 0px 6px no-repeat; padding-left:13px;}
#clientsContent .testimonialText { font-size:16px; line-height:21px; width:400px; padding:20px 0 13px 0;}
#clientsContent .testimonialBy { font-size:12px; padding-bottom:20px;}
#clientList { background:url(../images/dots.gif) top left repeat-x; padding-top:8px;}
#clientList strong { font-size:14px; color:#ec008c;}
#clientList ul { margin:0; padding:20px 0 0 0; list-style:none; font-size:12px; line-height:19px;}
#clientList ul li {}
#clientList .col1 { float:left; width:240px;}
#clientList .col2 { float:left; width:240px;}
#clientList .col3 { float:left; width:215px;}
#clientList .col4 { float:left; width:187px;}
#clientList a { display:block; font-weight:normal; text-decoration:underline; background:url(../images/iconWhiteArrow.gif) 0px 4px no-repeat; padding-left:15px;}
#clientList a:hover { text-decoration:none;}

/* ----- BRANDING ----- */
#branding { background:url(../images/brandingBg.gif) top left repeat-y; height:auto !important; height:1px; min-height:1px;}
#branding .client { width:181px; height:170px; padding: 12px; position:relative; margin:18px 20px 0 0; float:left; display:inline;}
#branding .client.last { margin-right:0px;}
#branding .clientImage { background-position:0px 0px; background-repeat:no-repeat; display:block; width:181px; height:128px;}
#branding .clientImage:hover { background-position:0px -129px;}
#branding .clientLink { margin-top:18px; float:left; background:url(../images/iconPinkArrow.gif) 100% 4px no-repeat; line-height:16px; text-decoration:none; font-size:11px; padding-right:11px;}
#branding .clientLink:hover {  color:#ffffff; text-decoration:underline;}
#branding .workLink { margin-top:18px; float:left; background:url(../images/iconPinkArrow.gif) 100% 4px no-repeat; line-height:16px; text-decoration:none; font-size:13px; padding-right:11px; font-weight:normal;}
#branding .workLink:hover {  color:#ffffff; text-decoration:underline;}

/* ----- FEATURED WORK ----- */
#work { background: url(../images/workBg.gif) top left repeat-y; height:auto !important; height:1px; min-height:1px;}
#work .work {width:205px; float:left; margin: 18px 20px 0 0; height:272px; position:relative;}
#work .work .padding { padding:12px 12px 20px 12px;}
#work .work.last { margin-right:0px;}
#work .workTitle { font-size:19px; padding:15px 0 1px 0px; line-height:21px;}
#work .workImage { width:181px; height:129px;}
#work .workText { font-size:15px; line-height:16px; color:#c2c2c2; padding-top:3px;}
#work .workLink { position:absolute; bottom:16px; left:13px; background:url(../images/iconPinkArrow.gif) 100% 4px no-repeat; line-height:16px; text-decoration:none; font-size:13px; padding-right:11px; font-weight:normal;}
#work .workLink:hover { text-decoration:underline; color:#ffffff;}
#work .workImage a { display:block; width:181px; height:129px;}
#work .workImage a .workOverlay { position:absolute; top:12px; left:12px; visibility:hidden;}
#work .workImage a:hover { cursor:pointer;}
#work .workImage a:hover .workOverlay { visibility:visible;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:42px; left:400px; height:15px; width:480px; line-height:1px;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav li { display:inline; float:left; height:15px;}
#topNav a { display:inline; float:left; height:15px; text-indent:-9999px; background:url(../images/topNavBg.gif) 0px 0px no-repeat;}
#topNav a:hover { background:url(../images/topNavBg.gif) 0px -15px no-repeat;}
#topNav .home a { background-position: 0px 0px; width:61px;}
#topNav .home a:hover { background-position: 0px -15px;}
#topNav .home .active { background-position: 0px -15px !important;}
#topNav .about a { background-position: -80px 0px; width:61px; margin-left:19px;}
#topNav .about a:hover { background-position: -80px -15px;}
#topNav .about .active { background-position: -80px -15px !important;}
#topNav .work a { background-position: -160px 0px; width:55px; margin-left:19px;}
#topNav .work a:hover { background-position: -160px -15px;}
#topNav .work .active { background-position: -160px -15px !important;}
#topNav .clients a { background-position: -234px 0px; width:70px; margin-left:19px;}
#topNav .clients a:hover { background-position: -234px -15px;}
#topNav .clients .active { background-position: -234px -15px !important;}
#topNav .news a { background-position: -324px 0px; width:57px; margin-left:20px;}
#topNav .news a:hover { background-position: -324px -15px;}
#topNav .news .active { background-position: -324px -15px !important;}
#topNav .contact a { background-position: -400px 0px; width:80px; margin-left:19px;}
#topNav .contact a:hover { background-position: -400px -15px;}
#topNav .contact .active { background-position: -400px -15px !important;}

/* ----- SUB NAVIGATION ----- */
#subNav { float:right;}
#subNav ul { margin:0; padding:0; list-style:none; line-height:17px;}
#subNav li { display:inline; float:left; padding: 9px 10px 3px 8px; background:url(../images/subNavDivider.gif) 100% 12px no-repeat;}
#subNav li.last { background:none !important; padding-right:0px;}
#subNav a { display:inline; float:left; font-weight:normal;}
#subNav a:hover { color:#eb008b; text-decoration:none;}
#subNav .active a {color:#eb008b; text-decoration:none;}

/* ----- FOOTER ----- */
#footer { background:url(../images/dots.gif) top left repeat-x; margin-top:37px; font-size:11px;}
#footer .padding { padding:10px 0;}
#footer a { text-decoration:none; font-weight:normal;}
#footer a:hover { text-decoration:underline; color:#ffffff;}
#footer .footerLinks { float:right;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#ffffff; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; color:#ffffff; }
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; float:left; font-size:12px; font-weight:bold; width:45px; padding:6px 0 0 0;}
.inputText { float:left; background:#ffffff; border:none; line-height:14px; width:185px; padding: 4px 3px; margin: 5px 0; float:left; font-size:11px; font-weight:bold;}
.submit { text-decoration:underline; cursor:pointer; background: url(../images/btnSubmit.gif) 0px 0px no-repeat; float:left; margin-top:11px; width:59px; height:15px; font-size:0px; line-height:150px; border:none; padding:0;}
.submit:hover { background: url(../images/btnSubmit.gif) 0px -15px no-repeat;}
.errors { line-height:14px; font-size:11px; font-weight:bold; color:#eb008b; padding-top:10px; padding-bottom:10px;}
.errors strong { color:#ffffff;}
#brochureRequest label { width:70px;}
#brochureRequest .inputText { width:160px;}

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }