/* 
Theme Name: SMX Captial
Theme URI: http://www.emericchen.com
Description: This is custom layout specifically designed for the SMX Capital Inc. website
Version: 1.0
Author: Emeric Chen
Author URI: http://www.emericchen.com
Tags: finance, green, brown, environemntally friendly
Created: August 23, 2010

.
This theme and website may not be reproduced in any form without prior written consent by owner, Emeric Chen. emeric.chen@gmail.com
.

This theme incorporates the following pages: (0 pages total)

Pages not included: (0 pages total) 

Main Theme Colors: #707a4e

*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Body - Begin Typography & Colors & Images	
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body { font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background: #FFFFFF url(../images/smx_bg.jpg) center top repeat-x; background-position: 10% 0; }  

h2 { font-size: 14px; }
h3 { padding: 0 10px 0 10px; } 
h4 { font-size: 13px; text-decoration: underline; padding: 0; margin: 0; padding-left: 10px; }

a { color: #FFFFFF; }
   
/* hide container until all is ready */
.test, .test2, .test3, .test4 { display: none; }
ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; }
   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Structure
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header { height: 577px; width: 180px; float: left; background: #FFFFFF url(../images/smx_logo.jpg) top no-repeat; padding-right: 10px; padding-top: 100px; }  
#main { width: 700px; float: left; } 
#container { width: 895px; margin: 0 auto; margin-top: 125px; border: #FFFFFF 8px solid; }
#quotes { font-size: 13px; width: 166px; height: 565px; background-color: #2e2105; vertical-align: bottom; color: #FFFFFF; padding: 8px 8px 0 8px; }
#quotes h3 { padding: 0px; margin: 0; padding-bottom: 4px; }
#quotes .contactinfo { padding-top: 150px; }
#quotes ul { text-indent: 0; margin: 0; padding: 0; margin-bottom: 25px; }
#quotes ul li { list-style: none; text-indent: 0; margin: 0; padding: 0; }
   
/*Main Container*/
.container3 { width: 750px; }
.container3 ul { list-style-type: none; margin: 0px; padding: 0px; }
.container3 li { display: inline; margin: 0px; padding: 0px; }
.container3 p { padding: 10px; }
.container3 h2 { padding-left: 10px; }
.container3 ul li ul { padding: 0; margin: 0 ; padding-left: 10px; margin-bottom: 15px; }
.container3 ul li ul li { padding: 3px 0 3px 0; }

/*Content Container*/
.contentContainer { padding-left: 0px; padding-right: 0px; float: left; width: 0px; height: 677px; overflow: hidden; overflow-x: hidden; overflow-y: auto; background-color: #FFFFFF; }
.contentContainer a { color: #000000; }
.contentWrapper3 { }
.contentInnerWrapper3 { margin: 10px; width: 450px; }
.contentInnerWrapper3 h3 { font-size: 23px; }

#test3content2 .contentContainer { overflow: hidden; }

.contentInnerWrapper3 ul { list-style: circle; display: block; margin-left: 25px; }
.contentInnerWrapper3 ul li { display: list-item; margin-left: 15px; }

#footer { width: 895px; height: 15px; background-color: #FFFFFF; padding: 8px; margin: 0 auto; margin-bottom: 125px; }
#footer p { padding: 0; margin: 0; }
#footer .footleft { float: left; margin-right: 15px; }
#footer .footright { float: right; text-align: right; }
#footer .footsponsors { clear: both; height: 73px; background-color: #FFFFFF; margin-top: 25px; }
#footer .footsponsors ul { list-style: none; }
#footer .footsponsors ul li { float: left; }
#footer h2 { font-weight: bold; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Navigation
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*Handle*/
.handle3 { float: left; width: 50px; height: 675px; text-align:center; background: #666666; border: 1px solid white; }
.handle3 img { margin-top: 0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.handleOver3 { background: #FFFFFF; border: 1px solid white; }
.handleOver3 img { margin-top: 0; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
.handleSelected3 { background: #000000; border: 1px solid white; }

button { background-color: #006600; color: #FFFFFF; }

.contentWrapper h3 { border-bottom: 1px solid silver; background-color: #dfdfdf; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Content and Posts
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*Content Container*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Sidebar
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Footer
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */