/*  
Theme Name: TMCC Landing Page 2.0
Theme URI: tripledime.com
Description: Landing page for TMCC 2.0
Version: 2.2
Author: Triple Dime Media
Author URI: http://tripledime.com
*/

                        /************************* body *************************/
body{
margin:0 auto;
padding:0;
font-family:Tahoma, Arial, "Sans Serif";
font-size:12px;
background:#1c2a50 url('images/bg_main3.png') no-repeat top center;
text-align:center;
color:#000;
}

                        /************************* links *************************/
a, a:link, a:active, a:visited{
text-decoration:none;
color:#0000bb;
}

                        /************************* headings *************************/
h1, h2, h3, h4, h5, h6{
color:#333;
}

h1{
font-size:18px;
margin-bottom:10px;
}

h2{
font-size:16px;
}

h3{
font-size:20px;
margin:0px;
}

h4{
font-size:16px;
}

h5{
font-size:14px;
}

h6{
font-size:9px;
}

                        /************************* hr *************************/
hr{
border:0px;
height:1px;
background:#ccc;
}

* html hr{
border-top:#ccc 1px solid;
width:100%;
height:0px;
}

                        /************************* global classes *************************/
.center{text-align:center}
.alignleft{float:left}
.alignright{float:right}
.hidden{display:none}
.upper{text-transform:uppercase}
.small{font-size:8px;}


                        /************************* WRAP *************************/
#wrap{
margin-top:30px;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:left;
width:890px;
position:relative;
z-index:0;
}

                        /************************* MAIN MENU *************************/
#main-menu{
position:absolute;
top:24px;
right:15px;
z-index:3;
}
* html body{
behavior:url(csshover.htc)
}

#main-menu, #main-menu * {list-style:none;margin:0;padding:0;}
#main-menu li {cursor:pointer;float:left;}
#main-menu li a {display:block;}
#main-menu li ul {position:absolute;left:-5000px;}
#main-menu li:hover ul {left:auto;120px;}
#main-menu li ul li:hover ul {margin:-25px 0 0 155px;}
#main-menu li:hover ul ul, #main-menu li:hover ul ul ul, #main-menu li:hover ul ul ul ul {left:-5000px;}
#main-menu li:hover ul, #main-menu li li:hover ul, #main-menu li li li:hover ul, #main-menu li li li li:hover ul {left:auto;}

/* IE7 clear fix */
.clear:after,#main-menu:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clear,#main-menu{display:inline-block;}
/* hide from IE Mac \*/
.clear,#main-menu{display:block;}
/* end hide from IE Mac */

* html #main-menu{
filter:alpha(opacity=97);
}

#main-menu li a{ /* menu item */
font-family: 'arial narrow', arial, sans-serif;
font-size: 16px;
font-weight:normal;
color:#e9e9a6;
text-transform:uppercase;
letter-spacing: -1px;
margin-right:15px;
margin-bottom:12px;
}


#main-menu li:hover a{ /* menu item hover */
color:#fff;
}


#main-menu li:hover li a{ /* sub menu item*/
font-family: arial, sans-serif;
letter-spacing: -0.5px;
color:#fff;
font-size:12px;
margin-top:0px;
margin-bottom:0;
padding-top:8px;
padding-left:6px;
text-align:left;
text-transform:none;
font-weight:normal;
width:169px;
height:16px;
}

#main-menu li:hover ul{
height:201px;
background:url(images/trans_blk.png);
width:175px;
}

#main-menu li li:hover a{ /* sub menu item hover */
color:#333;
background:#f5f2e9;
}

#main-menu li:hover ul li ul{
display:none;}



                        /************************* LOGO *************************/
#logo{
position: absolute;
top:0px;
left:0px;
background:url('images/logo3.png') no-repeat center center;
width:236px;
height:113px;
z-index:2;
margin:0px;
padding:0px;
}
#logo_page{
position: absolute;
top:0px;
left:0px;
background:url('images/logo_page.png') no-repeat center center;
width:236px;
height:113px;
z-index:2;
margin:0px;
padding:0px;
}
                        /************************* BANNER *************************/
#banner{
position: absolute;
top:40px;
left:0px;
background:url('images/bg_banner3.png') no-repeat top center;
z-index:1;
width:100%;
height:233px;
margin:0px;
padding:0px;
}

.banner_img{
margin-top:14px;
margin-left:47px;
border: 1px solid #777;
width:800px;
height:200px;
}


                        /************************* CONTENT *************************/
iframe{border:2px solid #555;padding:1px}
img{border:none;}

#landingcontent{
position:absolute;
top:269px;
background:url('images/bg_content_landing2.png') no-repeat top center;
width:100%;
margin:0px;
padding0px;
}
#landing-height{
height:420px;
}

#pagecontent{
position:absolute;
top:250px;
width:100%;
margin:0px;
padding0px;
}
#page-height{
background:url('images/bg_content2.png') repeat-y top center;
border:1px solid transparent;
}

#pagecontent h3{
font-size:20px;
color:#1c2a50;
font-family:Tahoma, "Sans-Serif";
}

#pagecontent h5{
margin-bottom:0px;
margin-top:25px;
}

#pagecontent .txt {
padding-top:25px;
margin-right:320px;
margin-left:50px;
min-height:300px;
}

.page-edit{float:right;}


                        /************************* EVENTS *************************/
#events{
position:relative;
margin-left:60px;
margin-right:0px;
margin-top:20px;
width:504px;
height:302px;
float:left;
}

.events_rotate{
margin-top:0px;
margin-left:0px;
border:2px solid #777;
}

#events li{
list-style:none;
display:inline;
margin-left:0px;
}

#events a span.thumb{
display:none;
}
#events li img.thumb{
padding-right:8px;
padding-bottom:10px;
}

#events li:hover img.thumb{
background: url('images/bg_thumbdrops.png') no-repeat bottom right;
}

#events li:hover span.thumb{
position:absolute;
top:2px;
left:2px;
display:block;
z-index:1000;
}


                  /************************* MESSAGES *************************/
.messages{
/*margin-top:0px;
margin-left:10px;
width:502px;
height:170px;*/
background:url(images/bg_flow.png) no-repeat center 15px;
color:#333;
}

#iflow{
border:1px solid #333;
}

.imageflow{
background:url(images/div_message.png) no-repeat center bottom;
}

                        /************************* SIDEBAR *************************/
#sidebar{
position:relative;
width:221px;
text-align:center;
margin-top:20px;
margin-left:60px;
float:left;
padding:0;
}

#pagesidebar{
position:relative;
width:221px;
text-align:center;
margin-top:20px;
margin-right:50px;
float:right;
padding:0;
}

#sidebar-links li, #sidebar-links li a{
font-size:14px;
font-weight:bold;
text-align:right;
color:#000;
list-style:none;
padding-top:5px;
}

#buttons ul{
padding:0px;
margin:0px;
}

#buttons ul.buttons li{
list-style:none;
padding:0px;
margin-top:10px;
/*border-top:1px solid #777;
border-bottom:1px solid #777;*/
}

#buttons ul.buttons a{
display:block;
width:221px;
height:86px;
}

#buttons a.watch{
background:url('images/button_watch_off3.png') no-repeat center;
}

#buttons a.watch:hover{
background:url('images/button_watch_on3.png') no-repeat center;
}

#buttons a.services{
background:url('images/button_services_off3.png') no-repeat center;
}

#buttons a.services:hover{
background:url('images/button_services_on3.png') no-repeat center;
}

#buttons a.expect{
background:url('images/button_expect_off3.png') no-repeat center;
}

#buttons a.expect:hover{
background:url('images/button_expect_on3.png') no-repeat center;
}

#icons li{
display:inline;
}

#icons img{
width:25px;
height:25px;
}

                        /************************* FOOTER *************************/
#footer{
letter-spacing:-75%;
width:100%;
height:120px;
color:#000;
padding-top:50px;
margin-top:0px;
background:url('images/bg_footer2.png') no-repeat top center;
border:none;
}

.footer_copy{
margin-left:30px;
float:left;
color:#ccc;
}

.footer_meta{
text-align:right;
margin-right:25px;
margin-top:10px;
color:#333;
list-style:none;
}