/*
 *   Copyright (C) 2009 Rockfish Interactive
 *   
 *   http://rockfishinteractive.com
 *
**/

/*
_______________________________
BASE */

@import url(base.css);

/*
_______________________________
PLUGINS */

@import url(plugins/visual.css);
@import url(plugins/type.css);


/*
_______________________________
END */

/*
_______________________________
CUSTOM STYLES GO HERE

*/

.header {width:100%;height:78px;background:#F4F4F4; position:relative;z-index:2000;}

.logo {background:#F4F4F4 url(/images/rfi_logo.png) no-repeat top left; float:left;width:134px;height:56px;margin-top:9px;}

.logo a {display:block;width:100%; height:100%;}

.header ul{float:right;}

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

/*
_______________________________
POV ELEMENTS

*/



/*HOME */

.home_pov {width:100%;height:513px;background:#000000;color:#FFFFFF;margin:0;padding:0;position:relative;text-align:center;}

.home2_pov {width:100%;height:389px;background:#000000;color:#FFFFFF;margin:0;padding:0;position:relative;}

.home_pov h1 {font:color:#CF0000;padding-top:10px;font-weight:normal;}

.home_pov img {padding:5px 100px 0 0;}

.home_pov .subhead {font:1.1em "Calibri",Verdana, sans-serif;color:#A1A1A1;line-height:1.3em;font-weight:normal;margin-top:15px;}

.home_pov .pov_container {width:1000px;margin:0 auto;padding:0;height:650px;}

.home_pov #flashContent {width:100%; height:100%;background-color:#000;margin:0;padding:0;position:relative;z-index:100;}

.home_pov .povRight {float:left; width:345px;}

.home_pov .povRight h1 {font:1.5em "Cambria",Times New Roman, serif;color:#CF0000;font-weight:normal;margin:0 0 10px 0;}

.home_pov .povLeft {position:relative;top:-25px;left:80px;z-index:20;width:500px;}

.home_pov .recentProject {float:left;width:800px;margin-left:30px;}

.home_pov h3{font:1.3em "Cambria",Times New Roman, serif;color:#FFF;font-weight:normal;margin:20px 0 0 .57em}

.home_pov .featureLink {color:#FFF;margin:10px 0 0 0;}

.home_pov .featureLink a {font:1.1em "Calibri",Verdana,sans-serif;color:#FFF; text-decoration:none;font-weight:bold;}



/*SUBPAGES*/

/* BLOG */
.blog_pov {width:100%;height:90px;background:#1b1c1d;color:#FFFFFF;margin-bottom:20px;border-bottom:1px solid black; }

.blog_pov .bg{width:1000px; height:90px;}

.blog_pov h1 {font-size:2.2em;color:#FFFFFF;padding:30px 0 0 32px;margin:0 0 10px 0; }

.blog_pov img {padding:5px 100px 0 0;}

.blog_pov .subhead {font:1.1em "Calibri",Times New Roman, serif;color:#A1A1A1;line-height:1.16em;padding:5px 0 0 120px;display:block}


/* CASESTUDY */
.casestudy_pov {width:100%;height:80px;background:#1b1c1d;color:#FFFFFF;margin-bottom:50px;padding-top:10px;border-bottom:1px solid black; }

.casestudy_pov .bg{background:#1b1c1d;width:1000px;}

.casestudy_pov h1 {font-size:2.2em;color:#FFFFFF;padding:0 0 0 80px !important;margin-top:0px;top:0px !important;}

.casestudy_pov img {padding:0px 100px 0 0;}

.casestudy_pov .subhead {font:1.1em "Calibri",Verdana,sans-serif;color:#A1A1A1;line-height:1.16em;padding:5px 0 0 120px;display:block}


/* TECHNOLOGY SECTION */
.tech_pov {width:100%;height:128px;background:#000;color:#FFFFFF;margin-bottom:50px; }

.tech_pov .bg{width:1000px; height:128px;}

.tech_pov h1 {font-size:2.2em;color:#FFFFFF;padding:30px 0 0 120px;}

.tech_pov img {padding:5px 100px 0 0;}

.tech_pov .subhead {font:1.1em "Calibri",Verdana,sans-serif;color:#A1A1A1;line-height:1.16em;padding:5px 0 0 120px;display:block}


/* CONTACT SECTION */
#contact { width:935px;height:100%}

#contact .pov {}

#contact .greyRule {width:100%;background:#E4E4E4; height:1px;margin:10px 0 15px 0;}

#contact h1 {font:2.1em "Cambria",Times New Roman, serif;margin:0 0 10px 0;}

#contact h5 {font:1.3em "Cambria",Times New Roman, serif;margin:0 0 10px 0;}

#contact h5 span {color:#CF0000;font-weight:bold;}

#contact h6 {font:1.1em "Calibri",Verdana, sans-serif;font-weight:bold;margin:10px 0 10px 0;display:block;padding:2px 0 2px 5px;background:#CF0000;color:#FFF}

#contact .column2 ul {font:1em "Calibri",Verdana,sans-serif;margin:0 0 10px 15px;list-style-type: disc;}

#contact  ul {font:1em Verdana,sans-serif;margin:-5px 0 20px 2.4em;list-style-type: disc;color:#666;}

#contact  ol {font:1em Verdana,sans-serif;margin:-5px 0 20px 2.4em;color:#666;}

#contact  .column1 ul li {margin:0 0 10px 0;}

#contact .rightcolumn ul {color:#666;font:1em Verdana,sans-serif;margin:0 0 10px 30px;list-style-type: disc;}

#contact .column1 {float:left; margin:15px 0;padding:0 15px 0 0;width:650px;}

#contact .column1 .videoPlayer {background: url(/images/video_player_skin.jpg) no-repeat top center; width:480px;height:315px;display:block;margin:0 auto;}

#contact .column2 {float:left; margin:15px 10px 0 0;padding:0 0 0 15px;width:215px;}

#contact .column2 a {margin:0; font:1em "Calibri",Verdana,sans-serif;}

#contact .column2 p {font:1em "Calibri",Verdana,sans-serif;}

#contact .column3 {float:left; margin:10px 0 0 0;width:175px}

.vruleLeft {background:transparent url(/images/vrule.gif) repeat-y top left;}
.vruleRight {background:transparent url(/images/vrule.gif) repeat-y top right;}

/* PORTFOLIO SECTION */
.portfolio_pov {width:100%;height:550px;background:#1a1b1c;color:#FFFFFF;}

.portfolio_pov .pov_container {width:1000px;margin:0 auto;padding:0px 0px 0px 0px;height:650px;}

.portfolio_pov h1 {font-size:2.2em;color:#FFFFFF;padding-top:30px;margin:0 0 0 0}

.portfolio_pov img {padding:5px 100px 0 0;}

.portfolio_pov .subhead {font:1.1em "Calibri",Times New Roman, serif;color:#A1A1A1;line-height:1.16em;font-weight:bold;}

.portfolio_pov #portfolioContent {width:960px; height:568px;margin:0px 0 0 20px;background:#1a1b1c; z-index:100;}




/*
_______________________________
MAIN CONTENT

*/

.container {width:935px;margin:0 auto;padding:0px 20px 0px 20px;height:100%;position: relative; min-height: 100%;}

* html .container {height: 100%;min-height: 100%;}

.leftcolumn{width:270px;float:left;margin:20px 0 0 0;}

.leftcolumn p{padding:0;width:250px;}

.leftcolumn h5{padding:0 0 0 40px;width:250px;}

.rightcolumn{width:540px;float:left;padding:0;}

.rightcolumn .content{padding:0 10px 0 20px;margin:20px 0 0 0;z-index:200;background:transparent url(/images/vrule.gif) repeat-y 0 0;}

.rightcolumn .case_img{width:261px;float:right;position:relative; top:-140px;left:20px;z-index:100;margin-bottom:-160px;margin-left:-20px;border:0px solid black}

.rightcolumn .tech_img{width:261px;float:right;position:relative; top:-177px;left:-250px;z-index:100;margin-bottom:-147px;margin-left:40px;border:0px solid black}

blockquote {font-size:1.17em;font-family:"Cambria",Times New Roman,serif; line-height:1.28em; font-weight:bold; color:#333; padding:25px; float:right;width:150px}

.byline{font:1.08em "Calibri",Times New Roman, serif; line-height:1.17em;color:#797979;font-weight:bold; }

.breadcrumb {font-family:"Calibri",Arial, sans-serif; line-height:1.17em;color:#797979;}

/*
_______________________________
MAIN NAVIGATION

*/

ul#main_nav {list-style-type: none; z-index: 2000; position: relative; display: block; top: 43px; right: 0px;}
#main_nav li {margin: 0; float: left; display: block; position: relative; z-index: 6000;}
#main_nav li.off ul, #main_nav li.on ul {display:none; position: absolute;z-index:9999 !important; top: 35px; width: 150px}
#main_nav li.on ul {display: block}
#main_nav li.off:hover ul, #main_nav li.over ul {display: block; z-index: 6000}
#main_nav li.on li, #main_nav li.off li {border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #797979;border-top: 1px solid #FFF; width: 200px; display: block; position: relative; z-index: 6000; height: 30px; background-color: #fff;}
#main_nav li.on li.odd, #main_nav li.off li.odd {background-color: #f1f1f1; border-top: 1px solid #fff}
#main_nav li.on li:last-child, #main_nav li.off li:last-child {border-bottom: none !important; border-left: none !important; border-right: none !important; width: 202px; height: 30px; background-repeat: no-repeat; background-color: transparent; background-position: top left; z-index: 6000}
#main_nav li.off li.even:last-child {background-image: url(/images/nav_even.png);border-bottom:0px solid !important;}
#main_nav li.off li.odd:last-child {background-image: url(/images/nav_odd.png);border-bottom:0px solid !important;}
#main_nav li.on a, #main_nav li.off a {display: block; color: #797979; z-index: 6000; font:1.2em "Calibri",Arial,sans-serif; font-weight:bold; text-decoration: none}
#main_nav ul li a:focus{ outline:none }

#main_nav li.on ul a, #main_nav li.off ul a, #main_nav li.home.off:hover ul a, #main_nav li.strategies.off:hover ul a, #main_nav li.technology.off:hover ul a, #main_nav li.company.off:hover ul a, #main_nav li.portfolio.off:hover ul a, #main_nav li.blog.off:hover ul a {float: left; color: #797979;  font:1.1em "Calibri",Arial, sans-serif;font-weight:bold;height: 10px; z-index: 6001; background: none; width: 180px; text-align: left; padding: 13px 0 13px 15px}
#main_nav li.on ul a, #main_nav li.off ul a:hover, #main_nav li.home.off:hover ul a:hover, #main_nav li.strategies.off:hover ul a:hover, #main_nav li.technology.off:hover ul a:hover, #main_nav li.company.off:hover ul a:hover, #main_nav li.portfolio.off:hover ul a:hover, #main_nav li.blog.off:hover ul a:hover {color: #CF0000;}
#main_nav li.on {height: 57px; margin-top: 1px}
#main_nav li.home.off:hover a, #main_nav li.strategies.off:hover a, #main_nav li.technology.off:hover a, #main_nav li.company.off:hover a, #main_nav li.porfolio.off a,#main_nav li.blog.off a, #main_nav li.home.off a, #main_nav li.strategies.off a, #main_nav li.technology.off a, #main_nav li.company.off a, #main_nav li.portfolio.off a {color: #797979; height: 19px; text-align: center; padding: 11px 0px 11px; position: relative; z-index: 6020; margin-top: -6px}
#main_nav li.home.off:hover a, #main_nav li.strategies.off:hover a, #main_nav li.technology.off:hover a, #main_nav li.company.off:hover a, #main_nav li.portfolio.off:hover a, #main_nav li.home.off a, #main_nav li.strategies.off a, #main_nav li.technology.off a, #main_nav li.company.off a, #main_nav li.porfolio.off a, #main_nav li.blog.off a {color: #797979; height: 19px; text-align: center; padding: 11px 0px 11px; position: relative; z-index: 6020; margin-top: -6px;outline:none;}
#main_nav li.home.off:hover a, #main_nav li.home.off a {background: transparent url(/images/nav_bg.png) no-repeat top right; width: 60px;color:#FFF;}
#main_nav li.strategies.off:hover a, #main_nav li.strategies.off a {background: transparent url(/images/nav_bg_130.png) no-repeat top right; width: 130px;color:#FFF;outline:none;}
#main_nav li.technology.off:hover a, #main_nav li.technology.off a {background: transparent url(/images/nav_bg_110.png) no-repeat top right; width: 110px;color:#FFF}
#main_nav li.company.off:hover a, #main_nav li.company.off a {background: transparent url(/images/nav_bg_110.png) no-repeat top right; width: 110px;color:#FFF}
#main_nav li.portfolio.off:hover a, #main_nav li.portfolio.off a {background: transparent url(/images/nav_bg_90.png) no-repeat top right; width: 90px;color:#FFF}
#main_nav li.blog.off:hover a, #main_nav li.blog.off a {background: transparent url(/images/nav_bg.png) no-repeat top right; width: 60px;color:#FFF}
#main_nav li.strategies.off ul, #main_nav li.strategies.on ul {left: -100px}
#main_nav li.technology.off ul, #main_nav li.technology.on ul {left: -120px}
#main_nav li.company.off ul, #main_nav li.company.on ul {left: -120px}
#main_nav li.portfolio.off ul, #main_nav li.portfolio.on ul {left: -140px}
#main_nav li.blog.off ul, #main_nav li.blog.on ul {left: -170px}

#main_nav li.home.off a,
#main_nav li.strategies.off a,
#main_nav li.technology.off a,
#main_nav li.company.off a,
#main_nav li.portfolio.off a,
#main_nav li.blog.off a {background: none; color: #797979;outline:none;position:relative;}


#main_nav li.on li.blogIcon, #main_nav li.off li.blogIcon {
background:#FFF url(/images/blog_icon.png) no-repeat scroll 5px 5px;
padding-left:17px;
width:183px;
}
#main_nav li.on li.enewsIcon, #main_nav li.off li.enewsIcon {
background:#F1F1F1 url(/images/blog_icon.png) no-repeat scroll 5px 5px;
padding-left:17px;
width:183px;
}
#main_nav li.on li.twitterIcon, #main_nav li.off li.twitterIcon {
background:#F1F1F1 url(/images/twitter_icon.png) no-repeat scroll 5px 5px;
padding-left:17px;
width:183px;
}
#main_nav li.on li.facebookIcon, #main_nav li.off li.facebookIcon {
background:#F1F1F1 url(/images/myspace_icon.png) no-repeat 0 0;
padding-left:17px;
width:185px;
}
#main_nav li.on li.youtubeIcon, #main_nav li.off li.youtubeIcon {
background:#fff url(/images/youtube_icon.png) no-repeat 5px 5px;
padding-left:17px;
width:183px;
}
#main_nav li.on li.myspaceIcon, #main_nav li.off li.myspaceIcon:last-child {
background:transparent url(/images/myspace_icon.png) no-repeat 0 0;
padding-left:17px;
width:185px;
}


/*
______________________________
ERROR MESSAGES

*/
.errorMessage {color:#CF0000;line-height:1em;}




/*
_______________________________
FOOTER CONTENT

*/
#footerContainer {width:100%;height:58px;overflow:hidden;}
#side1 {width: 50%; float: left; margin: 0 -569px 0 0; background: #000; padding: 0;}
#side1 div {background:#000 url(/Images/footerPattern1.gif) repeat-x top left !important; margin: 0 -100px 0 0; height: 58px; padding:0;}
#side2 {width: 50%; float: right; margin: 0 0 0 -569px; background: #000; padding: 0;}
#side2 div {background: #000; margin: 0 0 0 260px; height: 58px; padding:0;}
#side1 #center {background: #000; width: 1138px; height: 58px; float: right; margin: 0 -569px 0 0 ; padding:0; position: relative;}

* html #side1 div,* html #side2 div, * html #side1 #center {height: 58px; /* min-height for IE6 */}
* html #side1 {position: relative;}
* html #side1 #center {position: relative; left: -2px;}

#flashFooter {width:1138px;height:58px;background:#000;margin:0 auto;}
object#flashFooter {width:1138px;height:58px;background:#000;float:left;}
#footerPattern1 {height:58px;background:#000 url(/Images/footerPattern1.gif) repeat-x top left !important;}
#footerPattern2 {height:58px;background:#000 url(/Images/footerPattern2.gif) repeat-x top left!important;}

.push {height:40px;background:#F4F4F4;}

#footer{background-color:#e4e4e4;margin:0 auto;color:#797979;min-height:4em;height:100%;width:100%;margin-top:30px;}
#footer .container {width:935px;}

#footer p{font:1.2em "Calibri",Verdana,sans-serif;line-height:1.16em;font-weight:bold;}

#footer a{font:1.1em "Calibri",Verdana,sans-serif;line-height:1.16em;margin-right:5px;font-weight:bold;text-decoration:none;}
#footer a:hover {text-decoration:none;}

#footer img {margin-top:10px;margin-right:10px;}