@charset "utf-8";/* CSS Document */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */:focus { outline: 0;}
/* remember to highlight inserts somehow! */ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */table { border-collapse: collapse; border-spacing: 0;}
/*END RESET*/
blockquote {
margin: 15px 30px 0 10px;
padding: 10px;
border-left: 5px solid #ddd;
background:url(http://brianyerkes.com/graphics/bg-block.gif) repeat;
}
body { font-family:Tahoma, Arial, sans-serif;}
ol { padding-left: 10px; list-style:numeric; margin-left:15px;}
.alignleft { float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #d3c793; text-align:center }
.alignright { float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #d3c793; text-align:center }
#fullwidth .alignleft { border:none;}
#fullwidth ul { margin-left:20px;}
#slickbox { width:100%; position:fixed; bottom:36px; z-index:400}
#fixedcontainer { background-color:#336368; bottom:0; font-size:10px; color:#e1e1e1; position:fixed; width:100%; z-index:1000; height:36px;}
#fixedcontaner p { }
#fixedcontainer a { color:#FFF; }
#topcontrol { position:absolute; margin-bottom:7px; width:30px; z-index:2000; color:#FFFFFF; }
#topcontrol a { color:#FFFFFF}
#fixed-logo { position:absolute; right:20px; top:-40px; width:29px; height:42px; background:url(/graphics/logofixed-trans.png) no-repeat;}
#request-footer {margin-top:-15px; float:right; background:#800000; color:#FFF; font-size:10px; padding:5px; text-align:center; width:80px; height:42px; font-weight:bold; z-index:10000; text-decoration:none; display:block;}
#request-footer:hover { margin-top:-25px; height:51px;}
.font14 { font-size:14px;}
p { padding-bottom: 15px; font-family:Tahoma, Arial, sans-serif; color:#353535; font-size:14px;}
h1, h2, h3, h4, h5 {}
h1 { font-size:24px; font-family:"Futura", Tahoma,Arial, sans-serif; color:#2e757b; font-weight:normal; line-height:100%; margin-bottom:20px;}
.headerh1 { position:absolute; font-size:10px; font-family:Tahoma, Arial, sans-serif; color:#FFF; font-weight:normal; line-height:12px; top:0px; right:10px; text-decoration:none; margin:0; padding:0}
.headerh1 a,.headerh2 a { color:#FFF; text-decoration:none;}
.headerh2 {position:absolute; font-size:10px; font-family:Tahoma, Arial, sans-serif; color:#999999; font-weight:normal; line-height:12px; top:0px; right:120px; text-decoration:none; margin:0; padding:0}
h2 { font-size:18px; font-family:"Futura",Tahoma,Arial, sans-serif; color:#2e757b; font-weight:normal; line-height:100%}
.home-services h2{ margin-bottom:7px;}
.home-services h2 a, .serv-column h3 a, h3 a { text-decoration:none; color:#2e757b}
.home-services h2 a:hover, h3 a:hover, .serv-column h3 a:hover { text-decoration:none; color:#2fa8b2}
.twitterh2 {background:url(/v2//graphics/twitter-icon.png) no-repeat left; padding-left:25px; width:205px;}
h3, #blog-single h2 { font-size:18px; font-family:"Futura",Tahoma,Arial, sans-serif; color:#2e757b; font-weight:normal; line-height:100%; width:100%; padding-bottom:8px; border-bottom:1px solid #c7c8c8; margin-bottom:20px;}
.serv-column h3 { font-size:18px; font-family:"Futura",Tahoma,Arial, sans-serif; color:#2e757b; font-weight:bold; line-height:100%; width:100%; padding-bottom:0px; margin-bottom:10px; border-bottom:none; font-variant:small-caps;}
#sidebar h3, #blog-sidebar h3 { font-size:18px; font-family:"Futura",Tahoma,Arial, sans-serif; color:#2e757b; font-weight:normal; line-height:100%; width:100%; margin-bottom:5px; border-bottom:1px solid #c7c8c8;padding-bottom:8px;}
h4 { font-size:16px; font-family:"Futura",Tahoma,Arial, sans-serif; color:#FFF; font-weight:normal; line-height:100%; width:100%; padding-bottom:8px; border-bottom:1px solid #c7c8c8; margin-bottom:10px;}
.clear { clear:both;}
@font-face { font-family: "Futura"; src: url(http://www.brianjosephstudios.com/v2/fonts/FtraMd.ttf) format("truetype"); }
ul#navigation {
line-height: 25px;
margin-top: 0px;
position:absolute;
right: 0;
top: 15px;
z-index: 9999;
}
ul#navigation li {
float: left;
display: inline;
height: 54px;
padding-right: 8px;
margin-right: 8px;
}
ul#navigation li.end {
background: none;
padding: 0;
margin: 0;
}
ul#navigation li a {color:#fff; text-decoration:none; text-align:right; display:block; padding:10px; margin:0px; font-size:14px; font-family:Tahoma, Arial, sans-serif; text-shadow: 1px 1px 2px #063e43;}
ul#navigation li a:hover {;color:white!important; border-bottom:1px solid #FFF; padding-bottom:2px; }
#fullcont { width:100%; background:url(/graphics/bg-nav.png) top repeat-x}
#container { width:989px; margin:auto; padding-bottom:30px; margin-bottom:30px; position:relative; }
#page-cont { width:957px; margin:auto;}
#header { width:966px; margin:auto; padding-top:10px;}
#hdr-logo { float:left; width:156px; margin-left:20px; margin-top:0;}
#socmed-icons { float:right; width:85px; padding-top:35px;}
#socmed-icons img { padding-left:10px;}
#home-title { float:left; width:957px; font-family:"Futura",Tahoma,Arial, sans-serif; font-size:32px; color:#2e757b; margin-top:65px; margin-bottom:40px;}
#home-title a { color:#2e757b; text-decoration:underline;}
#home-testimonials { float:right; width:254px; height:129px; margin-top:19px; background:url(/graphics/bg-hometest.jpg) no-repeat;}
#home-testimonials h4 { font-family:"Futura",Tahoma,Arial, sans-serif; color:#2e757b;}
.entry h4 { font-family:"Futura",Tahoma,Arial, sans-serif; color:#2e757b; font-size:16px; margin:10px 0 10px 0}
#home-testimonials p { font-size:12px; font-family:Tahoma, Arial, sans-serif;}
#home-testimonials a, .entry a, #contact-side a { color:#2e757b; text-decoration:none;}
#home-testimonials a:hover , .entry a:hover, #contact-side a:hover { text-decoration:none; color:#2fa8b2}
.home-services { float:left; width:215px; text-align:center; font-size:11px; line-height:16px;}
.home-services p { font-size:11px;}
.homedivider { float:left; width:3px; height:80px; background:url(/graphics/divider.jpg) no-repeat; margin:0 10px 0 10px;}
#homeservices { width:957px; padding-top:20px; height:150px; margin:250px auto 30px auto; background:url(/graphics/bg-services.png) no-repeat;}
.fader {position:absolute; top:57px; z-index:-1; width:100%; height: 400px; }
.home-fade1 { width:100%; height: 400px; background-image:url(/graphics/bg/bg-komen.jpg); background-repeat:repeat-x; background-position:center}
.home-fade2 { width:100%; height: 400px; background-image:url(/graphics/bg/bg-merc.jpg); background-repeat:repeat-x; background-position:center}
.home-fade3 { width:100%; height: 400px; background-image:url(/graphics/bg/bg-snook.jpg); background-repeat:repeat-x; background-position:center}
.home-fade4 { width:100%; height: 400px; background-image:url(/graphics/bg/bg-obrien.jpg); background-repeat:no-repeat; background-position:center; background-color:#527eae}
#home-text h3 { font-size:28px; color:#FFF; line-height:42px; text-shadow: 1px 1px 1px #000; }
#home-textcont { width:483px; color:#FFF; z-index:10; position:absolute; left:50%; margin-left:-465px; top:120px; font-size:12px;}
#home-textcont ul { list-style:none; margin:0; line-height:16px;}
#home-textcont a { color:#FFF; font-size:10px; text-decoration:underline;}
.home-flash { width:195px; margin:auto; position:relative;}
.flashshadow { position:absolute; z-index:10; top:0; left: 15px;}
.btn-folio { display:block; width:117px; height:36px; margin:auto 0 0 48px; float:left;}
#btn-web { background:url(/graphics/btn-webfolio.png) no-repeat}
#btn-web:hover { background:url(/graphics/btn-webfolio.png) no-repeat; background-position:0px -37px }
#btn-logo { background:url(/graphics/btn-logofolio.png) no-repeat}
#btn-logo:hover { background:url(/graphics/btn-logofolio.png) no-repeat; background-position:0px -37px}
#btn-graphic { background:url(/graphics/btn-printfolio.png) no-repeat}
#btn-graphic:hover { background:url(/graphics/btn-printfolio.png) no-repeat; background-position:0px -37px}
#btn-socmed { background:url(/graphics/btn-casestudies.png) no-repeat}
#btn-socmed:hover { background:url(/graphics/btn-casestudies.png) no-repeat; background-position:0px -37px}
#home-left { float:left; width:573px; margin-left:30px;}
#home-left p, #inner-left p, #blog-left p, #standard-left p, #contact-left p, #fullwidth p { font-size:12px; line-height:20px;}
#home-right { float:right; width:325px; margin-right:0px;}
#home-right img { float:left; padding:2px; margin-left:15px; margin-bottom:15px; border:1px solid #D7D7D7}
#home-right ul, #side-latestnews ul { margin-left:15px; font-family:Tahoma, Arial, sans-serif; padding-right:20px;}
#home-right li, #side-latestnews li { padding-bottom:20px; border-bottom:1px dotted #CCC; margin-bottom:20px;}
#home-right li a, #side-latestnews li a { font-size:12px; color:#145c63; text-decoration:none; line-height:18px; display:block; }
.tagcloud a { font-size:12px; color:#145c63; text-decoration:none; line-height:18px;}
.tagcloud a:hover {text-decoration:none; color:#2fa8b2}
#home-right li a:hover, #side-latestnews li a:hover {text-decoration:none; color:#2fa8b2}
#home-right span, #side-latestnews span { font-size:10px; color:#a09f9f; margin-bottom:10px; height:20px;}
#home-connect .signup, #blog-sidebar .signup { float:left; width:212px; height:13px; padding:8px 5px 5px 8px; margin-right:15px; margin-top:5px; background:url(/graphics/bg-inputfield.jpg) no-repeat; background-position: 0px 0px; border:none; color:#666666; font-size:12px;}
#home-connect .signup:hover, #blog-sidebar .signup:hover {background:url(/graphics/bg-inputfield.jpg) no-repeat; background-position: 0px -26px}
#home-connect label, #blog-sidebar label { float:left; width:200px; margin-right:37px; padding-left:2px; color:#999999}
#home-connect small, #blog-sidebar small { font-size:11px;}
#home-connect .submit, #blog-sidebar .submit { float:left; margin-top:3px; background:url(/graphics/btn-signup.jpg) no-repeat; background-position: 0px -29px; height:29px; width:84px; border:none;}
#home-connect .submit:hover, #blog-sidebar .submit:hover { background:url(/graphics/btn-signup.jpg) no-repeat; background-position: 0px 0px; height:29px; width:84px; border:none; cursor:hand; cursor:pointer}
.fullwidth { float:left;}
.breadcrumb { float:left; width:100%; font-size:8px; color:#666;}
.breadcrumb a { color:#666; text-decoration:none;}
#inner-left { float:left; width:650px; margin-top:30px;}
#inner-left ul, #blog-single ul, .clients-container ul, #blog-single .entry ul { margin-left:20px; list-style:url(/graphics/bullet-inner.jpg); margin-bottom:15px;}
#inner-left li, #blog-single li, .clients-container li, #blog-single .entry li { color:#515151; font-size:12px; line-height:18px; float:none; padding:0 0 5px 0;}
.home-soc { display:block; height:56px; float:left; margin:20px auto 0 auto;}
.sidebar-soc { display:block; height:56px; margin:20px auto 0 auto; }
#home-soc1 { background:url(/graphics/btn-twitter.jpg) no-repeat; width:196px; }
#home-soc1:hover { background:url(/graphics/btn-twitter.jpg) no-repeat; background-position:0px -55px}
#home-soc2 { background:url(/graphics/btn-facebook.jpg) no-repeat; width:201px; }
#home-soc2:hover { background:url(/graphics/btn-facebook.jpg) no-repeat; background-position:0px -56px}
#home-soc3 { background:url(/graphics/btn-rss.jpg) no-repeat; width:176px; }
#home-soc3:hover { background:url(/graphics/btn-rss.jpg) no-repeat; background-position:0px -56px}
#twitter-column {float:left; width:270px; margin:10px; font-size:11px; color:#d5d6d6; position:relative;}
.footer-columnh2 {background:url(/v2/graphics/blue-star.png) no-repeat left; color:#d5d6d6; padding-left:25px;}
#footer-tag { font-size:14px; color:#FFF; width:230px; text-align:center; padding-top:15px; margin-right:0; margin-left:10px;}
#footer-tag span { font-size:12px;}
#footer-container { width:100%; margin:auto; background-color:#336368; color:#e1e1e1; height:100px; z-index:800; }
#footer { margin:0 auto 0 auto; height:100px; width:966px; position:relative;}
#footer-close { position:absolute; right:0; top:-10px; display:block;}
#footer p { color:#FFF;}
#footer-follow {font-size:10px; height:20px; margin-top:10px; margin-left:10px;}
#footer-follow a, #twitter-column a { color:#FFF; text-decoration:none; border-bottom:2px dotted #145c63}
#footer-follow a:hover, #twitter-column a:hover { color:#FFF; text-decoration:none; border-bottom:2px solid #145c63}
.footer-column { float:left; width:195px; margin-right:15px; font-size:10px; margin-top:10px;}
.footer-column ul, #twitter-column ul {margin-left:10px; list-style:none;}
.footer-column li { color:#CCC; }
.footer-column li a { text-decoration: none; color:#CCC; text-decoration:none; border-bottom:1px dotted #145c63; line-height:16px;}
.footer-column li a:hover { color:#FFF; text-decoration:none; border-bottom:1px solid #145c63}
#footer-logo { float:right; width:29px; height:42px; margin-top:25px; margin-right:35px; background:url(/graphics/logofixed-trans.png)}
#toTop { width:200px; height:20px;float:left; cursor:pointer; font-family:verdana;font-size:10px; }
#toTop a { color:#CCC;}
#sidebar, #blog-sidebar, #port-sidebar { float:right; width:254px; margin-top:30px;}
/*=====================================================SERVICES PAGE======================================================*/.serv-column { float:left; width:146px; margin-right:22px;}
#serv-socmedia { margin-right:0px;}
#inner-left .serv-column ul { list-style:url(/graphics/bullet.jpg) ; margin-left:18px; margin-top:10px; }
#inner-left .serv-column li, #port-single-right li { padding:0px 3px 10px 0; font-size:12px; font-family: Tahoma, Arial, sans-serif; color:#353535 }
.serv-sidebox { width:213px; border:1px solid #CCC; padding:20px; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-bottom:20px;}
.serv-sidebox ul { }
.serv-sidebox li {font-size:13px; color:#6d6e6e; line-height:18px;}
.serv-sidebox span { font-size:14px; color:#2e757b; margin-bottom:10px; font-weight:bold;}
/*=====================================================PORTFOLIO PAGE======================================================*/
.port-container, .clients-container { -moz-border-radius: 7px; -webkit-border-radius:7px; background:#e2e2e0; padding:20px; float:left; width:917px}
.port-container2 { -moz-border-radius: 7px; -webkit-border-radius:7px; background:#FFF; padding:16px; margin-bottom:20px; border:1px solid #d2d3d3; width:880px}
.port-container2 .port-left { float:left; width:350px; margin-right:20px; font-family: Tahoma, Arial, sans-serif; font-size:12px}
.clients-container2 .clients-left{ float:left; width:450px; margin-right:20px; font-family: Tahoma, Arial, sans-serif; font-size:12px}
.port-container2 .port-left p { font-family: Tahoma, Arial, sans-serif; font-size:12px; line-height:18px;}
.port-container2 .port-left img { margin-bottom:15px;}
.port-container2 .port-right { float:right; width:505px; }
#right-allaboard { background: #FFF url(/graphics/right-allaboard.jpg) right no-repeat}
#right-andrews { background: #FFF url(/graphics/right-andrews.jpg) right no-repeat}
#right-everglades { background: #FFF url(/graphics/right-everglades.jpg) right no-repeat}
#right-pool { background: #FFF url(/graphics/right-pool.jpg) right no-repeat}
.btn-dets { display:block; width:134px; height:29px; background:url(/graphics/btn-viewdets.jpg) no-repeat; margin-top:20px;background-position:0px -0px}
.btn-dets:hover { background:url(/graphics/btn-viewdets.jpg) no-repeat; background-position:0px -29px }
.port-cats { float:left; width: 210px; padding:10px; display:block; text-decoration:none; margin-bottom:20px; }
.port-cats h2 { font-size:26px; color:#2e757b; font-weight:normal}
.port-cats h2 a { color:#2e757b; text-decoration:none;font-weight:normal}
.port-cats span { float:left; width:75px; font-size:14px; color:#b83030; text-decoration:none;}
.port-cats:hover, .active { background:#DBDBDB; -moz-border-radius: 5px; -webkit-border-radius:5px; text-shadow:1px 1px 2px #FFF}
/*=====================================================BLOG PAGE======================================================*/
#blog-left { width:660px; float:left; margin-top:30px;}
#blog-left .entry h4 { margin:15px 0 15px 0; padding:10px; background:#efeeed; font-size:18px; line-height:24px; width:640px }
#blog-main h4, #blog-single h4 { padding:0; margin:0; background:none; line-height:20px; font-size:14px; border-bottom:none; }
#blog-main h4 a, #blog-single h4 a { color:#145c63; text-decoration:none; border-bottom:none; display:block;}
#blog-main h4 a:hover, #blog-single h4 a:hover { text-decoration:none; color:#2fa8b2; border-bottom:none;}
#blog-main ul { margin:0; list-style:none;display:inline;}
#blog-main li { display:block; width:315px; height:86px; margin-right:20px; margin-bottom:15px; float:left;}
#blog-main .alt {margin-right:0;}
.blogmain-thumb { float:left; width:86px; height:64px; background:url(/v2//graphics/bg-blogmain.png) no-repeat; padding:0px 5px 6px 4px; margin-right:5px;}
.blogmain-thumb img { border:1px solid #E5E5E5; padding:3px;}
.blogmain-title { float:left; width:210px; font-size:14px;}
.blogmain-date { float:left; width:150px; font-size:10px; color:#969494; font-variant:small-caps; margin-top:10px;}
.hundred { width:100%; margin-top:-10px; margin-bottom:20px;}
.blogmain-read { float:right; width:71px; color:#969494; font-variant:small-caps; font-size:10px; text-align:right;}
.blogmain-read a {color:#d5d6d6; text-decoration:none; border-bottom:none;}
.blogmain-read a:hover { color:#d5d6d6; text-decoration:none; border-bottom:2px solid #ca7a08}
#blog-sidebar ul { margin-left:15px; list-style:none; margin-top:20px; padding-right:15px;}
#blog-sidebar li { border-bottom:1px solid #E6E6E6; font-size:12px;color:#6d6e6e; padding:0 15px 5px 0; margin-bottom:10px;}
#blog-sidebar li a {color:#145c63; text-decoration:none; display:block;}
#blog-sidebar li a:hover {text-decoration:none; color:#2fa8b2; border-bottom:none;}
#blog-sidebar p { font-size:12px; color:#6d6e6e;}
#sidebar-signup { padding:0 15px 0 15px;}
#sidebar-signup .submit { margin-top:10px;}
.imgleft { float:left; margin-right:20px; margin-bottom:10px; padding:3px; border:1px solid #E5E5E5;}
.imgright { float:right; margin-right:20px; padding:3px; border:1px solid #E5E5E5;}
.imgcenter { float:left; margin:auto; padding:3px; border:1px solid #E5E5E5;}
.clients-container2 { -moz-border-radius: 7px; -webkit-border-radius:7px; height:237px; padding:16px; margin-bottom:20px; border:1px solid #d2d3d3}
#mercedes { background:url(/graphics/clients/mercedes.jpg) right no-repeat;}
#mercedestext { margin-top:170px; line-height:18px;}
#jevon { background:url(/graphics/clients/jevon.jpg) no-repeat;}
#jevontext { margin-top:170px; line-height:18px;}
#jevontext p { color:#FFF;}
#bayfront {}
#bayfronttext {}
#susangkomen { background:url(/graphics/clients/susangkomen.jpg) no-repeat;}
#susangkomentext { margin-top:170px; line-height:18px;}
#sunstream { background:url(/graphics/clients/sunstream.jpg) no-repeat;}
#bayfront { background:url(/graphics/clients/bayfront.jpg) no-repeat;}
#bayfronttext { margin-top:170px; line-height:18px;}
/*=====================================================PORTFOLIO WEB DESIGN======================================================*/
.fullport { width:966px; float:left; margin-top:10px; position:relative;}
.port-nav { position:absolute; right:-5px; top:-1px; color:#E8E8E8; font-size:12px; width: 217px;}
.blog-nav1 { float:left;color:#999999; font-size:12px; width: 300px;}
.blog-nav2 { float:right;color:#999999; font-size:12px; width: 300px;}
.port-nav a, .blog-nav1 a, .blog-nav2 a { text-decoration:none; color:#2e757b; display:block; padding:5px; background:#f7f7f7; float:left; margin-left:5px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.port-nav a:hover, .blog-nav1 a:hover, .blog-nav2 a:hover { color:#FFFFFF; background:#2e757b;}
#port-sidebar {}
#port-webdesign-full {width:966px; margin:auto;}
#port-single-full {width:966px; margin:auto;}
#port-webdesign-full ul { display:inline;}
#port-webdesign-full li { float:left; width: 204px; height:260px; margin-right:50px; }
#port-webdesign-full li a {}
#port-webdesign-full .port-textdiv {width:194px; float:left; margin:auto; font-size:12px;}
#port-webdesign-full li img { border:1px solid #CCC;}
#port-webdesign-full li p { font-size:12px; line-height:16px; padding:0; margin:0}
#port-webdesign-full p, #port-single-full p { font-size:12px; line-height:16px;}
#port-webdesign-full .alt { margin-right:0px;}
#port-webdesign-full h4 {border-bottom:none; padding:10px 0 5px 0; margin:0; font-size:14px;color:#2e757b}
#port-webdesign-full h4 a { padding:0; color:#2e757b; border-bottom:1px solid #E6E6E6; text-decoration:none;}
#port-webdesign-full h4 a:hover {text-decoration:none; color:#2fa8b2;}
#port-single-left { float:left; width:350px; }
#port-single-right { float:right; width:550px; border:1px solid #D8D8D8; padding:5px; position:relative;}
#port-single-left ul { margin: 0 0 15px 20px; list-style:url(/graphics/bullet.jpg) ; }
#port-single-left li { padding:0px 3px 5px 0; font-size:12px; font-family: Tahoma, Arial, sans-serif; color:#6d6e6e }
#port-single-left .circlearrow { margin:0 0 15px 20px; list-style:url(/graphics/arrow-bullet.jpg);}
#port-single-left .circlearrow a {color:#2e757b; text-decoration:none;}
#port-single-left .circlearrow a:hover {text-decoration:none; color:#2fa8b2;}
.slideshow { height: 345px; width: 550px; margin: auto }
#standard-left { width:660px; float:left; margin-top:30px;}
#contact-left { float:left; width:950px;}
#snaptags { position:absolute; right:-8px; bottom:-6px; z-index:100}
/*===================================================== Graphic Design ======================================================*/
#right-mercedes{ background: #FFF url(/graphics/right-mercedes.jpg) right no-repeat; height:249px;}
#right-mercedes .port-left { width:150px;}
#right-bayfront{ background: #FFF url(/graphics/right-bayfront.jpg) right no-repeat; height:249px;}
#right-bayfront .port-left { width:150px;}
#right-coffeebar { background: #FFF url(/graphics/right-coffeebar.jpg) right no-repeat; height:249px;}
#right-coffeebar .port-left { width:250px;}
#right-daddydonkey { background: #FFF url(/graphics/right-daddydonkey.jpg) right no-repeat; height:249px;}
#right-daddydonkey .port-left { width:250px;}
#right-dartfrog { background: #FFF url(/graphics/right-dartfrog.jpg) right no-repeat; height:249px;}
#right-dartfrog .port-left { width:150px;}
#right-pooltile2 { background: #FFF url(/graphics/right-pooltile.jpg) right no-repeat; height:249px;}
#right-pooltile2 .port-left { width:150px;}
#right-sterling { background: #FFF url(/graphics/right-sterling.jpg) right no-repeat; height:249px;}
#right-sterling .port-left { width:150px;}
#right-shady { background: #FFF url(/graphics/right-shady.jpg) right no-repeat; height:249px;}
#right-shady .port-left { width:150px;}
#right-sunpalace { background: #FFF url(/graphics/right-sunpalace.jpg) right no-repeat; height:249px;}
#right-sunpalace .port-left { width:150px;}
#gform_fields_1 label, #gform_fields_5 label { font-size:12px; font-family:Tahoma, Arial, sans-serif; color:#353535; font-weight:normal; }
.gform_wrapper { width:660px; float:left;}
.gform_wrapper form ul.left_label li { margin-bottom:5px;}
#featured{
width:979px;
position:relative;
height:215px;
border-bottom:1px solid #CCC;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:200px; left:800px;
list-style:none;
padding:0; margin:0;
width:110px; height:27px;
background:none;
z-index:2;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px;
background:none;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
text-decoration:none;
outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{
background:url('images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured .ui-tabs-panel{
width:979px; height:217px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
width:421px;
bottom:0; left:0;
height:150px;
}
#featured .ui-tabs-panel .info a.hideshow{
position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{
font-size:1.2em; font-family:Georgia, serif;
padding:5px; margin:0; font-weight:normal;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}
.wp-caption-text { font-size:10px; font-style:italic; padding:5px;}
.about-left {float:left; width:120px;}
.about-right { float:left; width:500px;}
.blogmeta { float: left; width:400px; font-size: 10px; color: #a8a8a8}
.sharesoc { float: right; width: 100px;}
.confirm-fbtwitter {float:left; width:600px;background:url(http://www.brianjosephstudios.com/wp-content/uploads/2010/11/bjs-fbtwitter.jpg) no-repeat; height:102px;}
.confirmleft {float:left; width:280px;height:102px; display:block;}
.confirmleft:hover {background:url(http://www.brianjosephstudios.com/wp-content/uploads/2010/11/bjs-fbtwitter.jpg) left bottom no-repeat;}
.confirmright {float:right; width:280px;height:102px; display:block}
.confirmright:hover {background:url(http://www.brianjosephstudios.com/wp-content/uploads/2010/11/bjs-fbtwitter.jpg) right bottom no-repeat;}