/* ----------------------------------------------------------------------------------------------------
   Filename  : styleMain.css
   Title          : Primary CSS file for The O3 Technology Indonesia
   Author     : Gerry Leo Nugroho, gerryleonugroho@gmail.com
   URL           : http://www.o3technology.com
   License     : Copyright 2008, Gerry Leo Nugroho, All Rights Reserved. 
   Desc         : Feel free to read and learn from this, but please don't steal.
   Description : This base style sheet to create a lean and clean
   look and fell of the redesign PT.OTRI Technology Jakarta. They
   should validate against xhtml.1.1 Transitional & CSS.2.0 Attributes	 
   --------------------------------------------------------------------------------------------------- */  

/* start the general html and body */
* {margin:0; padding:0;} 
html,body {height:100%; width:100%; w\idth:auto; text-align:center; background:#002356; color:#FFF; font-weight:normal; font:12px/16px "Lucida Grande", Lucida, Helvetica, sans-serif;}
pre {background:#eee; padding:10px; font-size: 11px;} 
acronym {border-bottom:1px dashed #666; font:11px/1.6em "Trebuchet MS",Georgia,Verdana sans-serif; cursor:help;}
blockquote {margin-left:3em; line-height:130%; color:#303434; font-style:italic; font:11px/34px "Trebuchet MS",Georgia,Verdana,sans-serif;}
p,ol,ul,li {margin:0 5px 5px 20px; padding:0; text-align:justify;}
ol,ul,li {margin:5px 20px 5px 20px; padding:0; list-style:none; text-align:left;}
h1, h2, h3, h4, h6 {text-align:left; margin:5px 5px 3px 20px; padding:0; font-weight:bold; color:#E7E3AD; font-weight:normal; border-color:#303434; font-family:"Myriad","Myriad Pro", Frutiger, "Lucida Grande","Lucida Sans","Lucida Sans Unicode", Verdana,sans-serif;}
h1 {font-size:23px;} 
h2 {font-size:19px;} 
h3 {font-size:16px;}	
h4 {font-size:14px;}
h5 {font-size:12px;}		
h6 {font-size:10px;}    
img {border:none;} 
hr {width:80%; color:#3C6384; background-color:#3C6384; border:1px #3C6384; border-style: none;}

/* Hides from IE-mac \*/
* html .clearFix {height:1%;}
.clearfFix {display: block;}
/* End hide from IE-mac */

/* start the global a:l-v-h collections */
a:link {color:#FFF; text-decoration:underline; border:0;}
a:visited {color:#FFF; text-decoration:underline; border:0;}
a:hover {color:#FFF; text-decoration:underline; border:0;}

/* start the generic classes */    
.clearMe {clear:both; float:none;}
.hiddenMe {visibility:hidden; display:none;}
.searchMe {background:#030524; margin-top:57px; border:#4F4F4B 1px solid; color:#E7E3AD;}
.search {background:#030524; margin-top:57px; color:#E7E3AD;}
.appOpenVision {text-align:center; color:#E7E3AD; font:10px/12px Verdana,sans-serif;}

/* start the metaDate */
.newsDate {margin:0; padding:0; font:normal 9px/10px Lucida Grande, Verdana, Geneva, Sans-serif; text-align:left; color:#E7ECAD;}
.newsTitle {margin:0; padding:0; font:normal 10px/11px Verdana, arial, sans-serif; text-align:left; color:#E7ECAD;} 
.readMore {margin:0; padding:0; font:normal 10px/13px Verdana, Geneva, Sans-serif; text-align:left; color:#BFBD99;}

/* start the image treatment */
.floatRight {margin:0 0 10px 10px; border:1px solid #c7bcbc; padding:2px; float:right;}
.floatLeft {margin:0 0 0 20px; border:1px solid #c7bcbc; padding:2px; float:left;}
.floatNone {margin:0 auto 10px auto; border:1px solid #c7bcbc; padding:4px; clear:both; float:none;}

/* start the wrapBoxes collections */
#wrapMain {width:100%; height:100%; background:transparent url(./themes/otriFront/images/mainBackground.gif) repeat-x 0 0;}  
#wrapBody {width:800px; height:auto; margin:0 auto 0 auto; text-align:center;}  
#wrapHead {width:800px; w\idth:auto; height:130px; margin:0; padding:0;} 
#wrapCont {width:800px; height:auto; margin:0; padding:0; float:none; clear:both; background:#00275e; background:transparent url(./themes/otriFront/images/mainSplash.jpg) no-repeat 0 0;}
#wrapFooter {width:800px; height:47px; background:transparent url(./themes/otriFront/images/mainFooter.jpg) no-repeat 0 0;} 
#wrapRights {width:800px; w\idth:auto; height:auto; margin:10px 0 10px 0; padding:0; text-align:center;}

/* start the navMain collections */
#navMain {width:800px; height:41px; margin:0; padding:0; background:transparent url(./themes/otriFront/images/mainNavIdle.gif) repeat 0 0;}
#navMain ul {margin:0; padding:0;}
#navMain ul li {margin:0; padding:0; float:left; list-style:none;}
#navMain li a {margin:0; padding:0; width:100px; height:41px; height:auto !important; display:block; color:#FFF; text-decoration:none; text-align:center; word-spacing:0.2em; font:normal 13px/41px "Century Gothic","Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; }
#navMain li.selected a {color:#7D7D64; background:transparent url(./themes/otriFront/images/mainNavHover.gif) repeat-x 0 0;} 
#navMain li a:hover {color: #7D7D64; text-decoration:none; background:transparent url(./themes/otriFront/images/mainNavActive.gif) repeat-x 0 0;}

/* star the *Cont* Collections */
#wrapContMain {width:565px; height:auto; float:left;}
#wrapContSub {width:215px; height:auto; float:right;}

/* start the top* Collections */
#topLogo {width:422px; height:130px; margin:0; padding:0; float:left; background:transparent url(./themes/otriFront/images/topLogo.png) no-repeat 0 0;}
#topLogo a {width:422px; height:130px; display:block; text-decoration:none; text-indent:-9000px;}
#topSearch {width:378px; height:130px; float:right; background:transparent url(./themes/otriFront/images/mainBackground.gif) repeat-x 0 0;}

/* start the wrapCont Collections */
#mainTeaser {margin:240px auto 20px auto; float:left;}
#mainTeaser p {word-spacing:0.1em; text-align:justify; color:#FFF; font:normal 11px/1.4em Geneva,Verdana,Sans-serif;}

/* start the splitOne Collections */
#mainSplitOne, #mainSplitTwo {color:#a5b8c9; font:normal 10px/11px Verdana,Arial,san-serif;}
#mainSplitOne {width:295px; height:auto; float:left; margin-left:5px;}
#mainSplitOne li {margin:0 0 0 10px; padding:0; word-spacing:0.1em; text-align:left; list-style-image:url(./themes/otriFront/images/dotGreen.gif);}

/* start the splitTwo Collections */
#mainSplitTwo {width:265px; height:auto; float:left;}
#mainSplitTwo p {margin:0 0 0 3px; padding:0; word-spacing:0.1em; text-align:left;}

/* start the contentSub Collections */
#subCont {width:215px; height:auto; margin-top:190px;}
#subCont p {margin:0 30px 10px 10px; padding:0; text-align:left;}
#subCont li {margin:0 0 10px 10px; padding:0; text-align:left; list-style-image:url(./themes/otriFront/images/dotRed.gif);}

/* start the wrapRights Collections */
#wrapRights p {color:#a4b1c5; text-align:center; font:normal 10px/17px Verdana,arial,san-serif;}
#wrapRights a:link,#wrapRights a:visited, #wrapRights a:hover {color:#a4b1c5; text-decoration:underline; border:0;}