/*#############################################################
Name: MediaGateUSA.com
Date: 
Description: 
Author: Phong Truong
URL: http://www.mediagateusa.com

#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}


a {text-decoration: none;}

body {
	background: #0a121a repeat-y left top;
	color: #FFFFFF;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	text-align:center !important;
	margin-left:0 !important;
}

p,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

ol {
	text-indent: 5px;
	list-style-position: inside;
	list-style-type: lower-alpha;
}

blockquote {font: bold 1em sans-serif;}

code {
	background: #444;
	display: block;
	font-size: 12px;
	margin: 0 10px 12px;
	overflow: auto;
	padding: 8px 10px;
	white-space: pre;
}

img {border: none;}

ul {margin-left: 2em;}
h1 {font: normal 2.4em sans-serif;}
h2 {
	font: bold 1.6em Verdana,sans-serif;
	color:#5488c1;
	padding-bottom: 4px;
}

/* misc */
.clearer {clear: both;}
.stripes {
	background: #333 url(img/stripe.gif);
	height: 6px;
}
.left {float: left;}
.right {float: right;}

a.annnouncement {color:white !important; font-weight:bold;}

.right a{
	color: #777;
	text-decoration:underline;
	line-height:1.5em;
}


.right a:hover{
	color: #BBB;
}

#download{
	padding-top:50px;
	background-color: #12222d !important;
	font-family:Arial, Helvetica, sans-serif;
	width:600px;
	font-weight:bold;
}

#download .headline{
	background-color: #39879d !important;
}

#download .steps{
	font-weight:normal;
	text-align:left;
	padding-left:30px;
	padding-right:30px;
}

#download a{
	font-weight: normal;
	color:yellow;
}

div.subnav b{
	color:#BBB;
	text-decoration: none;
	size:16px;
}	

.right b a{
	color:#BBB;
	text-decoration: none;
	size:16px;
}	
.right b a:hover{
	text-decoration: underline;
}	
/* header */
.header {
	background: #111;
	border-bottom: 1px solid #333;
	font: normal 2em sans-serif;
	height: 216px;
	background-image:url('media1.jpg');
}
.header a {
	color: #888;
	display: block;
	line-height: 120px;
	text-decoration: none;
	width: 100%;
}
.header span {padding-left: 32px;}


/* structure */
.container {
	text-align:left;

}

.main {
	background: #0a121a;
}
.main .left {width: 64%;}
.main .right {width: 36%;}

.content {
	padding: 14px;
}

/* content elements */
.content h1 {
	background: url(img/bgh1.gif) repeat-x left bottom;
	color: #EEE;
	margin-bottom: 10px;
	padding: 6px 0 4px;
}
.content a {
	color: #FFFF00;
	font-size:12px;
}

.content a:hover {color: #CCC;}
.content div.descr {margin-bottom: 7px; color:#ffba00; font-size:1.5em;}
div.date {margin-bottom: 0px; color:#ffba00; font-size:12px;}
.content td {
	vertical-align:top;
	font-size: 1.0em;
	padding-bottom: 1.2em;
	padding:5px;
}
.content span.bold{
	font-weight:bold;
	text-transform:capitalize;
	color:#ffba00;
	font-size:12px;
}
.content td.spec_title {
	text-transform:capitalize;
	color:#ffba00;
	font-size:12px;
	color:white;
	width:200px;
	border:none;
	border-right:solid;
	border-right-width:2px;
	border-right-color: #39879D;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#152937;
}
.content td.spec_con {
	width:400px;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#152937;
}
.content h1.product_detail {
	background-color:#12222d;
	text-align:right;
	padding-right:10px;
	font-size:20px;
}
.content td.cate_title {
	text-transform: capitalize;
	color:#ffba00;
	color:white;
	width:600px;
	background-color:#12222d;
	font-size:16px;
	text-align:left;
	text-indent:10px;
}

.bottomline
{
	border-bottom:solid; border-color:black; border-bottom-width:1px;
	background-color: #1e3449;
	background-image:url('img/nav1.gif');
	background-repeat:repeat-x;
	background-position:top left;
}

.bottomline a
{
	font-size:16px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.2em;
}
.content table {
	border-collapse:collapse;
}

.content img {
	border-collapse:separate;
	margin:5px;
}

.comingsoon
{
	color:yellow;
}

/* navigation */
.nav {background: #191919 url(img/nav1.gif);}
.nav a {
	background: #191919 url(img/nav1.gif);
	color: #55a4c1;
	float: left;
	font: bold 1em Verdana,sans-serif;
	line-height: 51px;
	text-transform:uppercase;
	padding: 0 18px;
}
.nav a:hover {
	background: #191919 url(img/nav_hover1.gif);
}

/* sub-navigation */
.subnav {
	background: #2A2A2A;
	border: 0px solid #1E1E1E;
	border-top-color: #444;	
	padding: 12px;
}
.subnav h1 {padding-top: 8px;}
.subnav ul {margin: 0;}
.subnav li {
	background: url(img/li.gif) no-repeat left bottom;
	list-style: none;
	margin: 0;
}

.subnav li a {
	color: #777;
	line-height: 2.4em;
	padding-left: 18px;
	text-decoration: none;
}
.subnav li a:hover {color: #BBB;}

/* footer */
.footer {
	background: #191919;
	border-top: 1px solid #444;
	color: #999;
	padding: 3% 3% 1%;
}
.footer ul {
	border-top: 1px solid #262626;
	margin: 0;
}
.footer li {
	border-bottom: 1px solid #262626;
	list-style: none;
}
.footer li a {
	display: block;
	line-height: 2em;
	padding-left: 4%;
	width: 96%;
}
.footer a {color: white;}
.footer a:hover {
	color: #BBB;
	background: #222;
}

.col3,.col3center {
	float: left;
	width: 31%;
}
.col3center {margin: 0 3%;}

/* bottom */
.bottom {
	color: #666;
	clear: both;
	font-size: 1.1em;
}
.bottom a {color: #888;}