/* ---------------------------------------------------------------- 
 *  HINT BOX
 * ---------------------------------------------------------------- 
*/
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #000;
	width: 375px; /*Default width of hint.*/
	height:275px;
	padding: 3px;
	border:1px;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border:#138aff;
	visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #138aff;
margin: 3px 8px;
}
/*==================hint box-end====================*/

/* ---------------------------------------------------------------- 
 *  NAVIGATION
 * ---------------------------------------------------------------- 
*/
#navigation {
	position:relative;
	margin-bottom: 20px;
	z-index: 1000;
}
#navigation li {
	display: inline;
	float: left;
}
#navigation li a {
	color: #138aff;
	display: block;
	padding: 5px 5px;
}
#navigation li a:hover, #navigation li.current_page_item a {
	color: #fff;

}
#pageabo a#abo,
#pagecon a#con,
#pagetes a#tes,
#pagehar a#har,
#pagegui a#gui {color: #fff;font-weight:bold;background:#138aff;}
#pagemovie a#movie {color: #fff;font-weight:bold;background:#138aff;}

/*==================navigation-end====================*/

* {margin:0;padding:0;}
body {	background-image:url(/images/carbon-back-dark2.jpg); background-repeat:repeat;font-family:Tahoma;font-size:100%;line-height:1em;color:#FFF;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.container { width:100%;}

p { margin-bottom:15px;}
.p1 {	margin-bottom:8px;	margin-right: 100px;}
.p2 {
	margin-bottom:8px;
	margin-right: 120px;
}
.p3 { margin-bottom:28px;}
.pwin { margin-bottom:28px; color:#35475c;line-height:1.4em;font-size:13px;}
.pwin2 { margin-bottom:28px; color:#06F; font-weight:bold}
.phar {	margin-bottom:15px;	margin-right: 17px;}
.phar2 {	margin-bottom:8px;	margin-right: 20px;}
.ptutor { margin-bottom:28px;}
.tall_top { background:url(/images/tall_top.gif) left top repeat-x #ffbb00;}
.tall_bottom { background:url(/images/tall_bottom.gif) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:31px;}
.form input {width:213px; height:22px; background:none; border:1px solid #35475c; font-size:1em; color:#35475c; font-family:tahoma;}
textarea { width:222px; height:116px; background:none; overflow:auto; border:1px solid #35475c; font-size:1em; color:#35475c; font-family:tahoma;}

.input_1 {width:156px; height:18px; background:none; border:1px solid #01455e; color:#1e82e6; font-size:1em; font-family:arial;}


/*==================list====================*/
ul { list-style:none;}
ul .link_box{ margin-bottom:4}

.list2 li { display:inline;}
.list2 li a { display:block; background:url(/images/marker.gif) no-repeat 0 11px; padding-left:23px; font-size:1.09em; line-height:2em;}
.list2 li a:hover { background:url(/images/marker2.gif) no-repeat 0 8px #0a2133; padding-left:23px; text-decoration:none;}
.list3 li a:hover { background:url(/images/marker2.gif) no-repeat 0 8px #0a2133;	padding-left:23px; text-decoration:none; padding-bottom: 2px; padding-top: 2px;}
.list4 li { display:inline;}
.list4 li a { display:block; background:url(/images/marker1.gif) no-repeat 0 11px; padding-left:23px; font-size:1.09em; line-height:2em;}
.list4 li a:hover { background:url(/images/marker2.gif) no-repeat 0 8px #0a2133; padding-left:23px; text-decoration:none;}
/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}

.divider { margin:0 20px 0 22px;}


/*==================txt, links, lines, titles====================*/
a {color:#138aff; text-decoration:none;}
a:hover{ text-decoration:underline;}

h1 { background:url(/images/logo_for_links.png) no-repeat left top; text-indent:-10000px; height:94px;}
h3 { color:#1058ac; font-size:1.45em; font-weight:bold; margin-bottom:8px;}
h4 { font-size:1.09em; font-weight:normal; color:#138aff;}
h5 { font-size:1.59em; font-weight:normal; color:#138aff;}
h6 { font-size:1.79em; font-weight:normal; color:#138aff;}
h7 { font-size:1.09em; font-weight:normal; color:#FFF;}
h8 { font-size:1.99em; font-weight:normal; color:#138aff; text-decoration:underline;}
h9 { color:#1058ac; font-size:1.45em; font-weight:bold;}
h10 { font-size:1.79em; font-weight:normal; color:#138aff; text-decoration:underline;}
h11 { font-size:1.99em; font-weight:normal; color:#138aff; text-decoration:underline; font-weight:bold;}
h12 {
	font-size:1.09em;
	font-weight:normal;
	color:#FFF;
}
.link1 { font-size:1.09em; text-decoration:underline;}
.link1:hover { text-decoration:none;}

.line_hor { background:url(/images/line2.gif) left bottom repeat-x; padding-bottom:33px; margin-bottom:22px;}
.line_hor2 { background:url(/images/line2.gif) left bottom repeat-x;	padding-bottom:35px; margin-bottom:12px;}

.title { margin-bottom:10px;}
.title1 { margin-bottom:21px;}
.title2 { margin-bottom:5px; margin-right:10px; float:left;}


/*==================blocks====================*/
.block { background:url(../images/block_bgd.gif) left top repeat-x;}
.block .r { background:url(/images/r.gif) right top repeat-y;}
.block .b { background:url(/images/b.gif) left bottom repeat-x;}
.block .l { background:url(/images/l.gif) left top repeat-y;}
.block .t { background:url(/images/t.gif) left top repeat-x;}
.block .l_t { background:url(/images/l_t.gif) no-repeat left top;}
.block .r_t { background:url(/images/r_t.gif) no-repeat right top;}
.block .r_b { background:url(/images/r_b.gif) no-repeat right bottom;}
.block .l_b { background:url(/images/l_b.gif) no-repeat left bottom;}
.block .ind { padding:0 0 0 0;}

.footer_block {	background:url(/images/footer_block_bgd.gif) left top repeat-x; width:870px;}
.footer_block .ind { padding:16px 20px 18px 20px;}
.footer_padding {}
.footer2 {color: #FFF;}

/*header*/
#header .row_1 { height:54px; text-align:right;}
#header .row_1 .indent { padding:18px 28px 0 0;}
#header .row_2 { height:215px; background:url(/images/header_bgd.jpg) no-repeat 9px top;}
#header .row_2 .indent { padding:56px 0 0 85px;}
#header .row_3 { height:104px;}

/*content*/
#content { padding:6px 0 50px 0; background:url(/images/content_bgd.gif) no-repeat left top;}

/*footer*/
#footer { padding:0 0 0 0;}
#footer a { color:#35475c; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
.footer2 {color: #FFF;}


/*================== index.html ==================*/
#pagehome #content { padding-bottom:38px;}
#pagehome #content .col_1 .indent { padding:24px 22px 0 30px;}
#pagehome #content .col_1 .img_indent { margin:0 19px 23px 0;}
#pagehome #content .col_1 h4 { padding-top:8px;}
#pagehome #content .col_1 .line_hor { padding-bottom:29px;}
#pagehome #content .col_1 .tweet {
	padding-bottom:5px;
	padding-left:1px;
	margin-right:485px;
}
#pagehome #content .col_1 .line_hor2 { padding-bottom:19px;}
#pagehome #content .col_1 .column1 {width:217px;}
#pagehome #content .col_1 .column1 {position:relative;	margin-left:10px;}
#pagehome #content .col_1 .column2 {
	width:237px;
} 
#pagehome #content .col_2 .indent { padding:24px 0 12px 10px;}
#pagehome #content .col_2 .img_indent { margin-bottom:25px;}
#pagehome #content .col_3 .indent { padding:24px 0 12px 10px;}
#pagehome #content .time { float: right; margin-right: 2px;	padding-right: 1px;}

/*================== support.html ==================*/
#pagesup #content { padding-bottom:38px;}
#pagesup #content .col_1 .indent { padding:24px 22px 0 30px;}
#pagesup #content .col_1 .indent2 {padding:5px 28px 5px 20px;}
#pagesup #content .col_1 .img_indent { margin:0 19px 23px 0;}
#pagesup #content .col_1 h4 { padding-top:8px;}
#pagesup #content .col_1 .line_hor { padding-bottom:29px;}
#pagesup #content .col_1 .column1 { width:217px;}
#pagesup #content .col_1 .column1 { position:relative; margin-left:-10px;}
#pagesup #content .col_1 .column2 { width:212px;} 
#pagesup #content .col_2 .indent { padding:24px 4px 12px 10px;}
#pagesup #content .col_2 .img_indent { margin-bottom:25px;}
#pagesup #body { background:#000; font-family:Tahoma; font-size:100%; line-height:1em; color:#35475c;}



/*================== windows.html ==================*/
#pagewin #content .col_1 .indent { padding:24px 20px 0 30px;}
#pagewin #content .col_1 ul { margin:0 0 20px -10px; padding-right:20px; width: 290px;}
#pagewin #content .col_2 .indent { padding:24px 0 0 0;}
#pagewin #content .col_2 .img_indent { margin:0 19px 27px 0;}
#pagewin #body { background:#000; font-family:Tahoma; font-size:100%; line-height:1em; color:#35475c;}

/*================== mac.html ==================*/
#pagedroid #content { padding-bottom:40px;}
#pagedroid #content .col_1 .indent { padding:24px 28px 0 30px;}
#pagedroid #content .col_1 .img_indent { margin:0 19px 0 0;}
#pagedroid #content .col_1 .line_hor { padding-bottom:29px;}
#pagedroid #content .col_1 .column1 { width:239px;}
#pagedroid #content .col_1 .column2 { width:212px;} 
#pagedroid #content .col_2 .indent { padding:24px 0 12px 10px;}
#pagedroid #content .col_2 h4 { margin-bottom:24px;}
#pagedroid #content .col_2 .banner { margin-top:42px;}

/*================== hardware.html ==================*/
#pagehar #content .col_1 .indent { padding:24px 40px 0 30px;}
#pagehar #content .col_1 h4 { margin-bottom:10px;}
#pagehar #content .col_2 .indent { padding:24px 0 0 0;}
#pagehar #content .col_2 .img_indent { margin:0 19px 25px 0;}
#pagehar #content .col_2 h4 { margin-bottom:13px;}
#pagehar #content .padding {padding:0 0 0 15px;}


/*================== index-3.html ==================*/
#page6 #content { padding-bottom:40px;}
#page6 #content .col_1 .indent { padding:24px 28px 0 30px;}
#page6 #content .col_1 .img_indent { margin:0 19px 23px 0;}
#page6 #content .col_1 .line_hor { padding-bottom:29px;}
#page6 #content .col_1 .column1 { width:221px;}
#page6 #content .col_1 .column2 { width:224px;} 
#page6 #content .col_2 .indent { padding:24px 0 12px 10px;}
#page6 #content .col_2 h4 { font-weight:bold;}

/*================== index-4.html ==================*/
#page7 #content .indent { padding:24px 20px 0 30px;}



/*==========================================*/
