/*
 * Site-wide styles for SITE NAME
 *
 * (c) Profile Digital 2007
 *     Tom Duncalf (tom@profile-digital.com)
 *     http://www.profile-digital.com
 */

body
{
   background:#eee url(../images/main_bg.gif) repeat-y top middle;
   color:black;
}

body, input, textarea
{
   font-family: Verdana, Arial, sans-serif;
   font-size:12px;
}

p
{
   margin-bottom:1em
}

ul
{
   margin-left:25px;
   line-height:18px;
   margin-bottom:12px;
}

li
{
   padding-left:10px;
   margin-bottom:5px;
}

/* Generic */

.floatRight
{
   float:right !important;
}

.floatLeft
{
   float:left !important;
}

.left-align
{
   text-align:left
}

/* General */

#container
{
   margin-left:auto;
   margin-right:auto;
   width:950px
}

a
{
   color:black;
   /*text-decoration:none;*/
}

a:hover
{
   text-decoration:none;
   color:#B6071A;
}

.last
{
   margin-right:0 !important
}

/* Menu */

#menubar-container
{
   margin-top:-1px;
}

#menu
{
   margin:0;
   padding:0;
}

#menu li
{
   padding:0;
   margin:0;
   list-style:none;
   float:left;
   height:57px;
   width:132px;
}

#menu li span
{
   display:none
}

#menu li a
{
   display:block;
   height:57px;
   width:132px;
}

li#mavcast, li#mavcast a
{
   background:url(../images/menu/mavcast.png);
   width:212px;
}

li#products
{
   background:url(../images/menu/products.png);
}

li#products.current
{
   background:url(../images/menu/products-over.png);
}

li#services
{
   background:url(../images/menu/services.png);
}

li#services.current
{
   background:url(../images/menu/services-over.png);
}

li#faq
{
   background:url(../images/menu/faq.png);
}

li#faq.current
{
   background:url(../images/menu/faq-over.png);
}

li#support
{
   background:url(../images/menu/support.png);
}

li#support.current
{
   background:url(../images/menu/support-over.png);
}

li#news
{
   background:url(../images/menu/news.png);
}

li#news.current
{
   background:url(../images/menu/news-over.png);
}

li#login
{
   background:url(../images/menu/login.png) no-repeat;
   width:210px
}

li#login a
{
   width:210px
}

#searchbox
{
   float:left;
   height:57px;
   width:210px;
   background:url(../images/menu/search.png);
}

#searchbox input
{
   border:0;
/*   position:relative;*/
   margin-left:60px;
   margin-top:16px;
   width:108px;
   color:#8a8c8e;
}

/* Login bit */

#login-container
{
   margin:8px 0;
}

#login-container img
{
   float:left;
   margin-right:6px;
}

#login-container #clickToLogin img
{
   margin-right:0
}

#login-container .floatRight
{
   margin:0;
}

/* Main */

.main-container
{
   overflow:hidden;
   margin-top:15px;
   padding:0 15px;
   width:921px;
}

.main-container#home
{
   border-color:#000;
}

p.warning strong
{
   color:#DC5457;
   color:black;
}

.flash
{
   margin:0 auto;
   position:relative;
}

div#flashHome
{
   height:482px;
   width:919px;
   display:block;
   background:url(../images/home-flash-bg.jpg);
}

div#flashHome div
{
   background:url(../images/home-flash-bg.jpg);
}

.flash a
{
   color:black;
}

.flash h1, .flash h2, .flash ul, .flash p
{
   display:none
}

.flash p.warning
{
   display:block;
   position:absolute;
   width:400px;
   bottom:0;
   padding:5px;
   border:1px solid black;
   left:10px;
   background:white;
   opacity:0.8;
}

.buttons div
{
   overflow:hidden;
}

#homeButtons 
{
   margin-top:18px
}

.buttons a
{
   width:202px;
   height:31px;
   padding:88px 6px 0 6px;
   display:block;
   text-decoration:none;
   font-size:11px;
   float:left;
   margin-right:22px;
   overflow:hidden
}

.buttons a:hover
{
   text-decoration:none
}

.buttons h2
{
   display:none
}

.news-item
{
   border-bottom:2px dotted #e71a30;
   margin-top:5px;
   margin-bottom:15px
}

.news-item .image
{
   float:right;
   margin:5px 0px 10px 10px;
}

.news-item .image p
{
   font-size:10px;
   text-align:center;
   margin:0
}

.news-item .image img
{
   border:1px solid #bbb;
}

#button-what-is-it
{ 
   background-image: url(../images/button-what-is-it.png); 
}

#button-express 
{ 
   background-image: url(../images/button-express.png); 
   margin-right:21px
}

#button-pro 
{ 
   background-image: url(../images/button-pro.png); 
}

#button-our-users 
{ 
   background-image: url(../images/button-our-users.png); 
}

h1
{
   font-size:33px;
   font-weight:bold;
   margin-bottom:18px;
}

h2
{
   color:black;
   font-weight:bold;
   font-size:13px;
   margin-bottom:18px;
}

h3
{
   font-size:13px;
   font-weight:bold;
   margin-bottom:8px;
}

.main-content p, .main-content dl
{
   font-size:12px;
   line-height:18px;
}

h1.smaller
{
   font-size:30px
}

.red
{
   color:#B6071A
}

/* Services */

.services-div
{
   width:414px;
   height:475px;
   background:url(../images/services-div-bg.png);
   float:left;
   margin-right:18px;
   padding:18px;
   position:relative
}

.services-div .image
{
   text-align:center;
   padding:6px;
}

.services-div .details h4
{
   font-weight:bold
}

.services-div .details li
{
   margin-bottom:0
}

.services-div .sign-up-now
{
   position:absolute;
   bottom:8px;
   font-weight:bold;
   color:#d31145;
   text-decoration:underline
}

img.pro-image
{
   float:right;
   border:1px solid #bbb; 
   margin-left:10px;
}

/*div.smaller-text p  */
.pro-image p
{
   font-size:10px;
   line-height:12px
}

div.pro-image
{
   margin-left:10px;
   float:right;
   width:178px;
   text-align:center
}

/* Pro services */

.pro-services
{
   list-style:none;
   margin:0;
   margin-bottom:18px
}

.pro-services li
{
   float:left;
   width:230px;
   padding:0;
   text-align:center;
}

.pro-services img
{
   margin:0 auto
}

.pro-services span.replace
{
   display:block;
   background-repeat:no-repeat !important;
   height:50px;
   text-align:left;
   margin:0 auto;
}

.pro-services .tell-me-more
 { color: #b6071a; font-size: 11px; display: block; padding-top: 21px }

.pro-services:hover .tell-me-more
{
   color:black
}

#express-services 
{
   margin-top:10px
}

#express-services img
{
   border: 1px solid black
}

#entertainment-p
{
   background:url(../images/mavcast-pro-text-entertainment.png);
   width:151px
}

#media-p
{
   background:url(../images/mavcast-pro-text-media.png);
   width:72px
}

#property-p
{
   background:url(../images/mavcast-pro-text-property.png);
   width:92px
}

#recruitment-p
{
   background:url(../images/mavcast-pro-text-recruitment.png);
   width:127px
}

p.intro
{
   font-weight:bold
}

/* Sidebar layout e.g. for services->pro->each section */

.has-sidebar .main-content
{
   width:720px;
   float:left
}

.has-sidebar .main-sidebar
{
   width:174px;
   float:right
}

h2.pro-sidebar
{
   background:url(../images/pro-sidebar-top.png) no-repeat;
   font-weight:normal;
   padding:10px;
   padding-top:6px;
   height:28px;
   width:154px;
   margin:0;
   overflow:hidden
}

ul.pro-sidebar
{
   margin:0;
   list-style:none;
   width:174px;
}

ul.pro-sidebar li 
{
   display:block;
   margin:0;
   padding:0;
   text-align:center;
   font-size:11px;
}

ul.pro-sidebar a
{
   text-decoration:none;
   display:block;
   width:174px;
}

#express-li a
{
   background:url(../images/pro-sidebar-express.png);
   padding-top:70px;
   height:29px
}

#entertainment-li a
{
   background:url(../images/pro-sidebar-entertainment.png);
   padding-top:65px;
   height:29px
}

#media-li a
{
   background:url(../images/pro-sidebar-media.png);
   padding-top:80px;
   height:26px
}

#property-li a
{
   background:url(../images/pro-sidebar-property.png);
   padding-top:80px;
   height:26px
}

#recruitment-li a
{
   background:url(../images/pro-sidebar-recruitment.png);
   padding-top:80px;
   height:31px
}

#join-now-li a
{
   display:block;
   background:url(../images/pro-sidebar-join-now.png);
   height:40px
}

#join-now-li span
{
   display:none
}

#bottom-li
{
   background:url(../images/pro-sidebar-bottom.png);
   padding:25px 7px 0 7px;
   height:76px
}

#bottom-li p
{
   line-height:13px;
   text-align:left;
   margin-bottom:8px
}

#bottom-li p a
{
   display:inline;
}

ol.how-it-works
{
   list-style:none;
}

ol.how-it-works li
{
   margin:0;
   padding:0;
   float:left;
   width:165px;
   margin-right:20px
}

ol.how-it-works-three-across li
{
   width:226px;
}

ol.how-it-works img
{
}

ol.how-it-works div
{
   background:url(../images/how-it-works-text-bg.png) no-repeat;
   height:67px;
   margin-top:-2px;
   padding:5px;
   padding-top:4px;
}

ol.how-it-works-three-across div
{
   background:url(../images/how-it-works-text-wide-bg.png) no-repeat;
   height:67px;
}

ol.how-it-works-three-across-tall div
{
   background:url(../images/how-it-works-text-wide-tall-bg.png) no-repeat;
   height:162px;
}

ol.how-it-works-tall div
{
   background:url(../images/how-it-works-text-tall-bg.png) no-repeat;
   height:108px;
}

ol.how-it-works div h3
{
   margin-bottom:2px;
}

ol.how-it-works div h3 span
{
   display:block;
   padding-top:2px;
   font-weight:normal;
   font-style:italic;
   margin-bottom:6px;
}

ol.how-it-works div h3, ol.how-it-works div p
{
   font-size:11px;
   line-height:13px;
}

/* What is it? */

#mavcast-demo
{
   width:500px;
   margin:0 auto
}

/* Column layout e.g. for services->pro */

.column 
{
   width:440px;
   float:left
}

.express-page .column
{
   width:376px
}

.column img
{
   border:1px solid #6f6f6f;
}

.express-page .left-column
{
   width:324px
}

.left-column
{
   margin-right:10px;
}

.left-column img
{
}

.right-column
{
   margin-left:10px;
}

.right-column img
{
}

/* FAQ */ 

.main-content dl
{
   margin-bottom:20px
}

.main-content dt
{
   cursor:pointer;
   font-weight:bold;
   margin-top:6px
}

.main-content dt:hover
{
   text-decoration:underline
}

.main-content dd
{
   display:none;
   margin-left:1.2em;
   color:#B6071A;
   background:white;
}

/* Testimonials */

.testimonial-credit
{
   text-align:right
}

.testimonial-credit, .testimonial-credit a
{
   color:#b6071a
}

/* FAQ */

#faqControls
{
   margin-bottom:18px
}

/* MAVCast Express */

#express-examples div
{
   float:left;
   margin-right:20px;
   margin-bottom:10px
}

/* Contact page */

#contact-page h2.red
{
   margin-bottom:2px;
}

ol#contact-form
{
   list-style:none;
   margin-bottom:1em
}

ol#contact-form li
{
   padding-left:0;
}

ol#contact-form label
{
   display:block;
   width:80px;
   float:left;
   padding-top:2px
}

ol#contact-form input, ol#contact-form textarea
{
   float:left;
   padding:2px;
   width:200px
}

ol#contact-form textarea
{
   height:8em;
   width:400px
}

ol#contact-form input.submit
{
   margin-left:80px;
   width:auto
}

/* Header replacements */

.replace
{
   padding:0;
   border:0
}

.replace span
{
   display:none
}

h1.replace
{
   width:520px;
   height:56px;
}

#mavcast-pro-h1
{
   background:url(../images/titles/mavcast-pro.png);
}

#faq-h1
{
   background:url(../images/titles/faq-670.png);
   width:670px;
}

#services-h1
{
   background:url(../images/titles/our-services.png);
}

#support-h1
{
   background:url(../images/titles/support.png);
}

#news-h1
{
   background:url(../images/titles/news.png);
}

#what-is-mavcast-h1
{
   background:url(../images/titles/mobile-audio-visual-cast.png);
   width:719px
}

#about-the-market-h1
{
   background:url(../images/titles/about-the-market.png);
}

#our-users-h1
{
   background:url(../images/titles/our-users.png);
}

#legal-h1
{
   background:url(../images/titles/legal.png);
}

#sitemap-h1
{
   background:url(../images/titles/sitemap.png);
}

#contact-us-h1
{
   background:url(../images/titles/contact-us.png);
}

#mavcast-property-h1
{
   background:url(../images/titles/mavcast-property.png);
}

#mavcast-recruitment-h1
{
   background:url(../images/titles/mavcast-recruitment.png);
}

#mavcast-media-h1
{
   background:url(../images/titles/mavcast-media.png);
}

#mavcast-entertainment-h1
{
   background:url(../images/titles/mavcast-entertainment.png);
}

#mavcast-express-h1
{
   background:url(../images/titles/mavcast-express.png);
}

#sign-up-h1
{
   background:url(../images/titles/sign-up.png);
}

#mavcast-express-h2
{
   background:url(../images/titles/services-mavcast-express.png);
   width:294px;
   height:41px;
}

#mavcast-pro-h2
{
   background:url(../images/titles/services-mavcast-pro.png);
   width:294px;
   height:41px;
}

/* Footer */

.footer
{
   border-top:0;
   border:1px solid #000;
   padding:10px;
   padding-right:0;
   font-size:11px;
   color:white;
   background:#000;
   margin-top:18px
}

.footer a
{
   margin:0 10px;
   color:white
}

.footer a:hover
{
   color:white
}

.footer .left
{
   float:left;
}

.footer .right
{
   float:right
}


.overlay
{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-color:#000;
   opacity:0.7;
   filter:alpha(opacity=70);
   z-index:100;
   display:none;
   cursor:pointer
}

/*#login-div
{
   width:425px;
   height:203px;
   background:url(../images/login-bg.png);
   position:absolute;
   top:50%;
   left:50%;
   margin-left:-212px;
   margin-top:-101px;
   z-index:101;*/


#login-div
{
   text-align:center;
}