/*Author: Lawrence Chan
Website: http://www.tofurious.com // http://www.furiousphotographers.com
*/


/*########################### layout #############################*/

body
{
	background: #101010 url('../images/bg/bg.jpg') repeat;
	color: #101010;
}

#wrapper
{
	background: #FFF;
	width: 900px;
	margin: 30px auto;
	padding: 20px;
	border: 1px solid #ddd;	
}

#header
{
	overflow: hidden;
	display: inline-block;
	float: center;
	width: 900px;
	height: 60px;
	margin-top: 15px;
	text-align: center;
	
}

#menu
{
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 900px;
	height: 33px;
	font-family: Georgia, Arial;
	text-align: center;
	font-size: 11px;
	color: #4c4c4c;
	text-transform: uppercase;
}
#menu1
{
	overflow: hidden;
	display: inline-block;
	float: center;
        width: 100px;
        height: 33px;
	text-align: center;
	font-family: Georgia, Arial;
	text-align: center;
	font-size: 11px;
	color: #4c4c4c;
	text-transform: uppercase;
        background: #cafeaa;
}
#menu2
{
	overflow: hidden;
	display: inline-block;
	float: center;
        width: 100px;
        height: 33px;
	text-align: center;
	font-family: Georgia, Arial;
	text-align: center;
	font-size: 11px;
	color: #4c4c4c;
	text-transform: uppercase;
        background: #aac2fe;
}
#menu3
{
	overflow: hidden;
	display: inline-block;
	float: center;
        width: 100px;
        height: 33px;
	text-align: center;
	font-family: Georgia, Arial;
	text-align: center;
	font-size: 11px;
	color: #4c4c4c;
	text-transform: uppercase;
        background: #fecaaa;
}


#banner
{
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 878px;
	height: 400px;
	border: 1px solid #ffffff;
//should be border: 1px solid #e5e5e5;//
	padding: 10px;
}

#focus
{
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 900px;
	margin-top: 22px;	
}

#footer
{
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 900px;
	height: 100%;
}

#padder
{
	width: 900px;
	height: 20px;
	clear: both;
}

/*########################### header #############################*/
#header h1
{
	font-family: "Century Gothic", Times New Roman, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	padding: 0px;
	margin: 0px;
	color: #357913;
}

#header h2
{
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
}

#header a
{
	text-decoration: none;
}

#header img
{
	text-decoration: none;
	border: 0px;
}

/*########################### menu #############################*/
#menu a
{
	text-decoration: none;
	color: #4c4c4c;
}

#menu a:hover
{
	text-decoration: none;
	color: #5993b4;
}

#menu ul
{
	margin-top: 10px;
	list-style: none;
}

#menu ul li
{
	display: inline;	
}

.dot
{
	padding-right: 25px;
	margin-right: 20px;
	background: url('../images/bg/menu_dot.jpg') no-repeat right;
}

/*########################### focus #############################*/

#focus
{
	font-size: 11px;
	font-family: Arial;
        
}
.column
{
	width: 285px;
	height: 260px;
	border: 1px solid #ffffff;
	float: Right;
	margin-bottom: 30px;
}

.padRight
{
	
       margin-right: 10px;
//margin-right: 115px;//
}

#focus h1
{
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 11px;	
}

.updates
{
	padding: 0px 20px;
}

#focus ul
{
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#focus ul li
{
	display: inline-block;
	background: url('../images/bg/arrow.gif') no-repeat top left;
	padding-left: 8px;
	line-height: 18px;
}

#focus a
{
	color: #444;
	text-decoration: none;
}

#focus a:hover
{
	text-decoration: none;
	border-bottom: 1px solid #444;
}

.title
{
	font-size: 12px;
	font-weight: bolder;
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0px 20px;
	height: 22px;
	//border-bottom: 1px solid #e5e5e5;//
	color: #000;
}

/*########################### CONTENT #############################*/

#content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;		
	line-height: 22px;
	color: #bababa;
        
}

#content h1
{
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 0.8em;
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	color: #bababa;
}

#content h2
{
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #bababa;
}

#content h3
{
	font-size: 19px;	
	line-height: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	color: #bababa;
}

#content a, #content a:hover, #content a:visited
{
	text-decoration: none;
	color: #bababa;
}

/*################# CONTENT 2 ####################*/
#content2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;		
	line-height: 22px;
	color: #444;
}

#content2 h1
{
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 0.8em;
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	color: #444;
}

#content2 h2
{
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #444;
}

#content2 h3
{
	font-size: 19px;	
	line-height: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	color: #444;
}

#content2 a, #content2 a:hover, #content2 a:visited
{
	text-decoration: none;
	color: #444;
}

.leftColumn
{
	width: 418px;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid #ddd;
}

.rightColumn
{
	width: 418px;
	text-align: right;
}

#container
{
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
}

#container h1
{
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.7em;
}

#container a, #container a:visited, #container a:hover
{
	text-decoration: none;
	color: #444;
}

#terms h1
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;	
	clear: both;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #bababa;
}

#terms a, #terms a:hover, #terms a:visited
{
	color: #bababa;
	text-decoration: none;
}

/*########################### FOOTER #############################*/

#footer
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.42em;
	color: #bababa;
}

#footer h1
{
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
	padding: 0px;
	margin: 7px 0px 0px 0px;
	color: #bababa;
}

#footer h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.42em;
	color: #bababa;
	padding: 0px;
	margin: 0px;
}

#footer a, #footer a:hover, #footer a:visited
{
	text-decoration: none;
	color: #bababa;
}

.footColumn {width: 280px;}

.padR {margin-right: 30px;}

.sm 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #555;
}

#footer2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.42em;
	color: #bababa;
}

#footer2 h1
{
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
	padding: 0px;
	margin: 7px 0px 0px 0px;
	color: #bababa;
}

#footer2 h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.42em;
	color: #bababa;
	padding: 0px;
	margin: 0px;
}

#footer2 a, #footer2 a:hover, #footer2 a:visited
{
	text-decoration: none;
	color: #bababa;
}

#footer3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.42em;
	color: #bababa;
}

#footer3 h1
{
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
	padding: 0px;
	margin: 7px 0px 0px 0px;
	color: #bababa;
}

#footer3 h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.42em;
	color: #bababa;
	padding: 0px;
	margin: 0px;
}

#footer3 a, #footer3 a:hover, #footer3 a:visited
{
	text-decoration: none;
	color: #bababa;
}


/*########################### GLOBAL #############################*/
.nodec
{
	text-decoration: none !important;
	border: 0px !important;
}

.fl {float: left;}
.fr {float: right;}

.padPic
{
	padding: 5px;
	margin: 5px;
	border: 1px solid #e5e5e5;
}

.padTop {padding-top: 4px;}
.padL {padding-left: 90px;}
.padR {padding-right: 5px;}

.smicon {margin-bottom: 22px;}

.width45 {width: 45%;}
.width50 {width: 50%;}

.codes 
{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #0099CC;
}

.breaker
{
	background: url('../images/bg/breaker.jpg') no-repeat;
	width: 900px;
	height: 40px;
	clear: both;
	margin: 10px 0px;
}

.breaker100
{
	width: 900px;
	height: 200px;
	clear: both;
}

.breakerSm
{
	width: 100%;
	height: 20px;	
}

.breakerTiny
{
	width: 100px;
	clear: both;
	height: 5px;
}

.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bgRed {background: red;}
.bgBlue {background: blue;}
/*########################### layout #############################*/

/*########################### layout #############################*/

/*########################### layout #############################*/

/*########################### layout #############################*/