/* ----------------------------------------------------------------------------------------------------
   Filename : styleElse.css
   Title         : Primary CSS file for The O3 Technology Indonesia
   Author    : Iwan Setiawan, iwan@o3technology.com
   URL          : http://www.o3technology.com

   License: Copyright 2008, Iwan Setiawan, All Rights Reserved. 
   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 againts xhtml.1.0 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:#FFF; color:#212434; font-weight:normal; font:12px/1.5em "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:left;}
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:#9E9A66; 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:21px;} 
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:95%; color:#E7E3AD; border: 2px dotted #E7E3AD;  border-style: none none dotted}

/* 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:#AEAE76; text-decoration:underline; border:0;}
a:visited {color:#AEAE76; text-decoration:underline; border:0;}
a:hover {color:#AEAE76; text-decoration:underline; border:0;}

/* start the generic classes */    
.clearMe {clear:both; float:none;} /* FF, IE & OPERA, WIN MacOS & Linux Platform needed this Hacks */
.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;}

/* 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:auto; background:transparent url(./themes/otriElse/images/mainBGroundAbout.gif) repeat-x 0 0;}  
#wrapBody {width:800px; height:auto; margin:0 auto 0 auto; text-align:center; position:static; float:none; clear:both;}  
#wrapHead {width:800px; w\idth:auto; height:130px; float:none; clear:both;} 
#wrapCont {width:800px; w\idth:auto; height:100%;position:static;float:none; clear:both; text-align:center;}
#wrapFooter {width:800px; height:43px; background:transparent url(./themes/otriElse/images/mainFooterAbout.gif) 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; position:static; background:transparent url(./themes/otriFront/images/mainNavIdle.gif) repeat 0 0;}
#navMain ul {margin:0; padding:0;}
#navMain ul li {margin:0; padding:0 5px auto 5px; 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; text-shadow:1px 1px #5b5b5b; font:normal 13px/41px "Century Gothic","Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; }
#navMain li.selected a {color:#7D7D64; text-shadow:1px 1px #FFF; background:transparent url(./themes/otriFront/images/mainNavHover.gif) repeat-x 0 0;} 
#navMain li a:hover {color: #7D7D64; text-shadow:1px 1px #FFC; text-decoration:none; background:transparent url(./themes/otriFront/images/mainNavActive.gif) repeat-x 0 0;}

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

/* start the wrapSplash collections */
#wrapSplashAbout {width:800px; w\idth:auto; height:330px; float:none; clear:both; text-align:center; background:transparent url(./themes/otriElse/images/mainSplashAbout.jpg) no-repeat 0 0;}
#wrapSplashProducts {width:800px; w\idth:auto; height:330px; float:none; clear:both; text-align:center; background:transparent url(./themes/otriElse/images/mainSplashProducts.jpg) no-repeat 0 0;}
#wrapSplashClients {width:800px; w\idth:auto; height:330px; float:none; clear:both; text-align:center; background:transparent url(./themes/otriElse/images/mainSplashClients.jpg) no-repeat 0 0;}
#wrapSplashNews {width:800px; w\idth:auto; height:330px; float:none; clear:both; text-align:center; background:transparent url(./themes/otriElse/images/mainSplashNews.jpg) no-repeat 0 0;}
#wrapSplashDownloads {width:800px; w\idth:auto; height:330px; float:none; clear:both; text-align:center; background:transparent url(./themes/otriElse/images/mainSplashDownloads.jpg) no-repeat 0 0;}
#wrapSplashContact {width:800px; w\idth:auto; height:330px; float:none; clear:both; text-align:center; background:transparent url(./themes/otriElse/images/mainSplashContact.jpg) no-repeat 0 0;}

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

/* start the topSearch Collections */
#topSearch {width:378px; height:130px; float:right; background:transparent url(./themes/otriElse/images/mainBackground.gif) repeat-x 0 0;}

/* start the splitSingle Collections */
#mainSplitSingle {width:800px; height:auto; min-height:250px; margin:0; padding:0;}
#mainSplitSingle p {color:#414b56; text-align:justify; font:normal 11px/1.4em Geneva,Verdana,Sans-serif}
#mainSplitSingle li {list-style-image:url(./themes/otriElse/images/dotGreen.gif); margin:0 0 10px 10px; padding:0; text-align:left;}

/* start the contentEntry collections */
.contentEntry {width:90%; height:auto; margin:0 5px 20px 0;} /* the main contentEntry class */
.contentEntryMeta {width:100%; height:auto; margin:5px auto 10px auto;}
.previousNext {text-align:"center"}

/* start the splitThree width, ul, li Collections */
#mainSplitOne, #mainSplitTwo, #mainSplitThree {width:260px; height:auto; float:left;}
#mainSplitOne p, #mainSplitTwo p, #mainSplitThree p {color:#414b56; font:normal 11px/1.4em Geneva,Verdana,Sans-serif}
#mainSplitOne li, #mainSplitTwo li, #mainSplitThree li {margin:0 0 5px 10px; padding:0; text-align:left; list-style-image:url(./themes/otriElse/images/dotGreen.gif);}

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

/* 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;}