/**********************************************************************************
=Global Reset
**********************************************************************************/
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, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#000000;
    background: #8D8985 url(../images/bg.gif) repeat-x top left;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:20px;
	font-weight:bold;
	font-family:Trebuchet MS, Tahoma, Verdana, Arial;
	text-transform:uppercase;
}

h2
{
    font-weight:normal;
	font-size:2em;
	text-transform:lowercase;
	color:#FA9D24;
}
    h2.channels, h2.music, h2.photos, h2.videos
	{
        color:#FFFFFF;
		height:61px;
		line-height:52px;
		font-size:1em;
		text-transform:uppercase;
		padding:0 0 0 10px;
		background:url(../images/h_channels.gif) no-repeat top left;
		width:486px;
		margin:8px 0 15px 0;
    }
	
	h2.music{background:url(../images/h_music.gif) no-repeat top left;}
	h2.photos{background:url(../images/h_photos.gif) no-repeat top left;}
	h2.videos{background:url(../images/h_videos.gif) no-repeat top left;}		
h3
{
	font-weight:bold;
	margin:0px;
	font-family:Trebuchet MS, Arial, Tahoma, Verdana;
	font-size:16px;
	text-transform:uppercase;
	color:#FD440A;
}

h4
{
	font-size:1.2em;
	font-weight:bold;
}

h5{font-weight:bold;}

p
{
	padding:10px 0 0 0;
	font-size:1em;
}

ul, ol
{
	padding:0 0 20px 20px;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}


/**********************************************************************************
=Text
**********************************************************************************/


/**********************************************************************************
=Links
**********************************************************************************/

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

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
#container
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:898px;
	border:1px solid #000000;
	border-top:0;
	background:#FFFFFF url(../images/bg_footer.gif) bottom left repeat-x;
}
	
#header
{
	background:#564B41 url(../images/bg_header.gif) bottom left no-repeat;
	height:106px;
}
	#logo{margin-left:15px;float:left;}

#nav
{
	float:right;
	list-style-type:none;
	text-transform:uppercase;
	margin:62px 5px 0 0;
}
	#nav li
	{
		float:left;
		padding-right:10px;
	}
	
	#nav li a
	{
		color:#FFFFFF;
		text-decoratioN:none;
	}
	
	#nav li a:hover
	{
		color:#9D958F;
	}
	
	#nav li.selected a
	{
		color:#FD440A;
	}
	
#content
{

}

	#inner_content
	{
		background:url(../images/bg_content.jpg) bottom no-repeat;
		height:auto!important;
		height:516px;
		min-height:516px;
		width:778px;
		padding:10px 30px 80px;
		margin:0 auto;
		font-size:1.2em;
		overflow:hidden
	}
	
	#text
	{
	    width:244px;
	    float:left;
	    background:#FFFFFF;
	    padding:10px;
	    border:2px solid #EEEEEE;
	    margin:20px 14px 40px 0;
		line-height:1.5em
	}
	
	#channel_list{line-height:1.4em;}
	    #channel_list td{width:142px;padding:0 0 30px 0;}
	    #channel_list td.middle{padding:0 35px 30px;}
    	
	    #channel_list h4
	    {
            margin:10px 0 0 0;
            font-size:1.1em;
	    }
            #channel_list a
	        {
                color:#F37001;
                text-decoration:none;
	        }
	            #channel_list a:hover{text-decoration:underline;}

#footer
{
	height:88px;
	text-transform:uppercase;
	color:#9C958F;
	padding:0 15px;
}
	#footer a{
		color:#9C958F;
		text-decoration:none;
	}
	#footer a:hover{text-decoration:underline;}
	
	#footerMenu
	{
		text-align:center;
		padding:0 0 20px 0;
	}

/**********************************************************************************
=Tutorials Page
**********************************************************************************/

#tutorial_content
{
	color:#555555;
	line-height:1.3em;
	margin:2px
}

#tutorial_content a
{
    text-decoration:none;
    font-weight:bold;
    color:#0000ff
}	

#tutorial_content p
{
    padding:2px;
}	

#tutorial_content h3
{
	margin:0px;
	font-family:Trebuchet MS, Arial, Tahoma, Verdana;
	font-size:16px;
	text-transform:uppercase;
	color:#FD440A;
}

.tvmobili-faq
{
	margin-left:30px;
	margin-top:10px;
}

.tvmobili-faq p
{
	margin-left:30px;
}

.tvmobili-faq ul
{
	margin-left:30px;
	margin-top:5px;
	padding-bottom:0px;
	margin-bottom:5px;
}

/**********************************************************************************
=Homepage
**********************************************************************************/
#top_image
{
    width:898px;
    height:411px;
    overflow:hidden;
}

#stream_image
{
    width:898px;
    overflow:hidden;
}

#home_intro p, p.intro
{
	color:#555555;
	float:left;
	font-size:1.08em;
	line-height:1.3em;
	margin:2px;
}
    p.intro{margin:0 0 20px 0;width:auto;}

#stream_content
{
	color:#555555;
	line-height:1.3em;
	margin:2px
}

#home_intro a
{
    margin-left:5px;
}

.home_block, .content_block
{
	float:left;
	width:244px;
	background:url(../images/bg_homeblock.gif) no-repeat top right;
	padding:0 10px 0;
	line-height:1.5em;
}

.content_block_wide
{
    width:369px;
    float:left;
	line-height:1.5em
}


	.home_block h2, .content_block h2, .content_block_wide h2, h4.installguide, h4.title
	{
		color:#FFFFFF;
		height:70px;
		line-height:52px;
		font-size:1em;
		text-transform:uppercase;
		padding:0 0 0 10px;
	}
	.home_block p, .content_block p
	{
		height:auto!important;
		height:100px;
		min-height:100px;
	}
	.home_block a
	{
		float:right;
	}
	
	#view, #support{padding-left:0;}
	#listen, #sales{padding-right:0;background:none;}
	#plugin{margin-left:40px;}
	
	#view h2 {background:url(../images/h_view.gif) no-repeat top left;}
	#listen h2 {background:url(../images/h_listen.gif) no-repeat top left;}
	#share h2 {background:url(../images/h_share.gif) no-repeat top left;}
	
	#support h2 {background:url(../images/h_support.gif) no-repeat top left;}
	#oem h2 {background:url(../images/h_oem.gif) no-repeat top left;}
	#sales h2 {background:url(../images/h_sales.gif) no-repeat top left;}
	
	#branding h2 {background:url(../images/h_branding.gif) no-repeat top left;}
	#plugin h2 {background:url(../images/h_plugin.gif) no-repeat top left;}
	
	h4.installguide {background:url(../images/h_installguide.gif) no-repeat top left;clear:both;}

#logos
{
    clear:both;
    margin:15px auto 0;
    text-align:center;
}

#home_channels ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
    #home_channels ul li
    {
        float:left;
        text-align:center;
    } 
    
    #home_channels ul li a img, img.border
    {
        background:url(../images/bg_featuredchannel.gif) no-repeat;
        padding:7px;
        float:left;
        width:112px;
        height:82px;
    } 
    
    #home_channels ul li a
    {
        clear:left;
        float:left;
        text-decoration:none;
        text-transform:uppercase;
        text-align:center;
        color:#A5A4A2;
        width:126px;
    } 
    
/**********************************************************************************
=Downloads
**********************************************************************************/
#home_intro .download_intro
{
	float:left;
	width:500px;
	margin:20px 0 40px 25px;
	font-size:0.8em;
	color:#534E4A;
}
    #home_intro .download_intro h2
    {
		color:#FFFFFF;
		height:70px;
		line-height:52px;
		font-size:1em;
		text-transform:uppercase;
		padding:0 0 0 10px;
		background:url(../images/h_download.gif) no-repeat top left;
    }
    
    #home_intro .download_intro p
    {
	    color:#534E4A;
	    float:left;
	    width:240px;
	    padding:0 10px 0 0;
	    margin:0;
    }
    
    #home_intro .download_intro a{margin:0;}
    
.download_block
{
	float:left;
	width:210px;
	height:auto!important;
	height:363px;
	min-height:363px;
	padding:10px 10px 0;
	margin:0 0 50px 20px;
	background:#FFFFFF;
	border:2px solid #EEEEEE;
	display:inline;
	position:relative;
}

    .download_block h2, .hWindows, .hMac, .hLinux
    {
	    color:#C0BCB9;
	    font-size:1.8em;
	    text-align:right;
	    height:80px;
	    line-height:100px;
	    padding:0 65px 0 0;
    }
    #windows h2, .hWindows{background:url(../images/download_windows.gif) no-repeat top right;}
    #mac h2, .hMac{background:url(../images/download_mac.gif) no-repeat top right;}
    #linux h2, .hLinux{background:url(../images/download_linux.gif) no-repeat top right;}
    
    .version
    {
        color:#9D958F;
    }

    .version-new
    {
        color:#888;
	font-weight:bold;
    }
    
    .download_block h3
    {
        color:#F37001;
        text-transform:uppercase;
        font-weight:normal;
        font-size:1.3em;
    }
    
    .download-btn
    {
      color:#555;
      text-decoration:none;
	width:200px;
	height:25px;
	padding:0px;
	background:url(/images/download-new.gif) no-repeat left 50%;
	display:block;
    }

    .download-info
    {
        color:#222;
        text-decoration:none;
	padding:8px;
	display:block;
	padding-left:5px;
	padding-top:4px;
    }

    .released
    {
        text-transform:uppercase;
    }

    .released-new
    {
        text-transform:uppercase;
	font-size:10px;
	font-color:#aaa;
    }
    
    .download_block p
    {
        padding:0;
        color:#6A6662;
    }
    
    .download_block div
    {
        clear:both;
        float:left;
        width:100%;
        margin:0 0 15px 0;
    }
    
    .download_block div.more_info
    {
        position:absolute;
        left:10px;
        bottom:0;
        width:210px;
        margin:0;
    }
        .download_block div.more_info p{padding:0 0 10px 0;}

.download_intro
{
    width:100%;
    height:auto;
    min-height:1px;
    width:755px;
    margin:15px 0 15px 0;
}

div.install_guide{clear:both;}
a.installguide{margin-right:15px;float:right;display:inline;}

.content_background
{
	padding:0 0 40px;
	float:left;
	height:auto!important;
	height:596px;
	min-height:596px;
}

/**********************************************************************************
=News
**********************************************************************************/
#news_content
{
    float:left;
    width:510px;
}

    .post
    {
        padding:20px 0;
        float:left;
        width:100%;
        border-bottom:1px dotted #E9E7E4;
    }
        .post small
        {
            text-transform:uppercase;
            color:#AAA39E;
            font-size:0.9em;
        }
        .post h2{font-size:1em;font-weight:bold;}
        .post h2 a
        {
            text-transform:uppercase;
            color:#73B125;
            font-size:1.09em;
            text-decoration:none;
        }

        .post .entry img
        {
            float:left;
            margin:0 10px 5px 0;
        }
        
        .alt
        {
            background:#E2EFD1;
            border:2px solid #73B125;
            margin:20px 0 0 0;
            padding:15px 5px;
            border-left:0;
            border-right:0;
            
        }
        .postmetadata small
        {
            text-transform:none;
            color:#666666;
        }
            .postmetadata small a{color:#3B5F0C;}
            
            
#comment_form
{
    margin:15px 0 0 0;
    padding:15px;
    background:#FFFFFF;
    border:1px solid #CCCCCC;
    float:left;
}
    #comment_form form
    {
        float:left;
        width:476px;
    }
    
    #comment_form h3
    {
        color:#3A3A3A;
        font-size:1em;
        text-transform:uppercase;
    }
    
    #comment_form textarea
    {
        width:476px;
    }
    

#news_right
{
    float:left;
    width:261px;
}

    #news_right div
    {
        width:244px;
        float:right;
        clear:both;
    }
    
    #news_right div div
    {
        border:2px solid #CCCCCC;
        background:#FFFFFF;
        padding:10px;
        width:220px;
    }
    
     #news_right ul
     {
        list-style-type:none;
        padding:0;
        margin:10px 0 0 0;
        color:#73B125;
        text-transform:uppercase;
        font-size:1.1em;
        font-weight:bold;
     }
     
         #news_right ul ul
         {
            list-style-type:none;
            margin:0;
            padding:0 0 15px 15px;
            font-weight:normal;
            text-transform:none;
            color:#888888;
         }
         #news_right ul ul li
         {
            padding:6px 0 0 0;
            font-size:0.8em;
         }
         #news_right ul ul a
         {
            color:#666666;
            text-decoration:none;
            font-size:1.15em;
            color:#666666;
         }
         #news_right ul ul a:hover{text-decoration:underline;}

    #news_right h4
    {
        background:url(../images/h_search.gif) no-repeat top left;
        margin-bottom:0;
        height:53px;
    }

.navigation
{
    margin:20px 0 0 0;
}
    .navigation div.left
    {
        width:45%;
        text-align:left;
    }

    .navigation div.right
    {
        width:45%;
        text-align:right;
    }


/**********************************************************************************
=Contact
**********************************************************************************/
#contact
{
    background:#FFFFFF;
    border:2px solid #CCCCCC;
    text-align:center;
    padding:20px 0 0;
    margin:30px 0 0 0;
}
    #contact table
    {
        text-align:left;
        margin:0 auto;
    }
    
    #contact table th
    {
        color:#534E4A;
        padding:3px 10px 0 0;
        vertical-align:top;
        text-transform:uppercase;
        text-align:right;
    }
    #contact table td
    {
        padding:0 0 10px 0;
    }
    
    #contact table td select, #contact table td input, #contact table td textarea
    {
        padding:0;
        border:1px solid grey; 
        width:300px;
    }
        #contact table td input.right
        {
            width:auto;
            padding:0;
            margin:10px 0 0 0;
            border:0;}
    
#title_block
{
    padding:26px 0 0 0;
    float:left;
}
    #title_block address
    {
        margin:10px 0 0 0;
        color:#9D958F;
        font-size:1.1em;
        font-style:normal;
    }
    
/**********************************************************************************
=Technical
**********************************************************************************/
#top p
{
    float:left;
    width:240px;
	line-height:1.5em
}
    #top p.intro{ margin:0 30px 0 0;}
    
.about
{
    border:2px solid #EFEDEA;
    background:#FFFFFF;
    padding:15px;
    width:335px;
    height:350px;
    float:left;
}
    .about p.intro
    {
        display:block;
        background:url(../images/bg_upnp.gif) no-repeat top left;
        width:289px;
        height:115px;
        color:#FFFFFF;
        font-size:1.2em;
        padding:20px;
    }
    
    .about h3
    {
        clear:both;
        font-weight:normal;
        padding:0;
        color:#FE9B26;
    }
    
    .about p.text
    {
        padding:0;
        color:#B94211;
		line-height:1.5em
    }

    #dlna
    {
        margin-left:35px;
    }
        #dlna p.intro
        {
            background:url(../images/bg_dlna.gif) no-repeat top left;
        }
        
        #dlna h3
        {
            color:#73B125;
        }
        
        #dlna p.text
        {
            padding:0;
            color:#436701;
			line-height:1.5em
        }
               

.tvmobili-device
{
	float:left;
	width:150px;
	height:120px;
	vertical-align:middle;
	overflow:hidden;
	margin:auto;
	text-align:center;
}

.tvmobili-box
{
	overflow:hidden;
	margin-top:10px;
}

.tvmobili-box-head
{
	background:url(/images/box/head.jpg) repeat-x;
	height:25px;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;
	font-size:12px
}

.tvmobili-box-body
{
	margin-top: -10px;
	overflow:hidden;
	padding:5px;
	border:1px solid #aaa;
	font-size:12px;
	background: #ffffff
}

.channels-left
{
	float:left;
	width:500px;
	padding-right:10px;
}

.channels-right
{
	float:left;
	width:265px;
}

.tvmobili-channel-icon
{
	float:left;
	width:120px;
}

.tvmobili-channel
{
	overflow:hidden;
	margin-bottom:5px;
	padding:5px;
}

/**********************************************************************************
=Features Page
**********************************************************************************/
#features_intro
{
	margin:20px;
	font-size:12px;
	color:#534E4A;
}

#features_intro .main-feature
{
	padding:5px;
	overflow:hidden;
}

#features_intro .feature
{
	padding:5px;
	overflow:hidden;
	float:left;
	width:236px;
	height:175px;
}

#features_intro .feature-image
{
	padding:5px;
	float:left;
	overflow:hidden;
	width:55px;
}

#features_intro .feature-text
{
	padding:5px;
	float:left;
	overflow:hidden;
	width:620px;
}

#features_intro h3
{
	margin:0px;
	font-family:Trebuchet MS, Arial, Tahoma, Verdana;
	font-size:16px;
	text-transform:uppercase;
	color:#FD440A;
}

#features_intro p
{
	padding:2px;
	font-size:13px;
}

/**********************************************************************************
=Developer Page
**********************************************************************************/
#developer_intro
{
	margin:20px;
	font-size:12px;
	color:#534E4A;
}

#developer_intro .main-feature
{
	padding:5px;
	overflow:hidden;
}

#developer_intro .feature
{
	padding:5px;
	overflow:hidden;
	padding-left:25px;
	border-top:1px solid #cccccc;
}

#developer_intro .feature-image
{
	padding:5px;
	float:left;
	overflow:hidden;
	width:55px;
}

#developer_intro .feature-text
{
	padding:5px;
	float:left;
	overflow:hidden;
	width:620px;
}

#developer_intro h3
{
	margin:0px;
	font-family:Trebuchet MS, Arial, Tahoma, Verdana;
	font-size:16px;
	text-transform:uppercase;
	color:#FD440A;
}

#developer_intro p
{
	padding:2px;
	font-size:13px;
	margin-top:5px;
	line-height:1.2;
}

/**********************************************************************************
=General TVMOBiLi stuff
**********************************************************************************/
#tvmobili_intro
{
	margin:20px;
	font-size:12px;
	color:#534E4A;
}

#tvmobili_intro h3
{
	margin:0px;
	margin-top:10px;
	font-family:Trebuchet MS, Arial, Tahoma, Verdana;
	font-size:14px;
	text-transform:uppercase;
	color:#FD440A;
	font-weight:normal;
}

#tvmobili_intro p
{
	padding:2px;
	font-size:13px;
	margin-top:5px;
	line-height:1.2;
}

code
{
	font-family:Courier New, Monospace;
	display:block;
	padding:5px;
	background:#ffffe0;
	border:1px solid #404000;
	margin-top:2px;
	font-size:11px;
}