@charset "utf-8";
/* CSS Document */

body {margin:auto; padding:0 0 0 0; margin-top:0px; margin-bottom:0px;}
p, h1, h2, h3, h4, h5, ul, li, default {padding:0; margin:0;}
dl, dt, dd { margin-top:0px;}
ul.bullet{font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; list-style-image:url(../images/bullet.png); margin-left:35px; line-height:16px;}
ul.simple {font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; line-height:20px; margin-left:30px;}
ul.tik {font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; line-height:20px; margin-left:30px; list-style-image:url(../images/icon-tic.gif)}





/* Styles for the entire LavaLamp menu */
.lavaLamp {position: relative; height: 13px; width: 693px; background: url("../images/bg.gif") top; padding: 15px; overflow: hidden; padding-top:10px; background-repeat:no-repeat;}
    /* Force the list to flow horizontally */
    .lavaLamp li {float:left; list-style:none;}
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {background: url("../images/lava.gif") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute; margin-top:-5px;}
            .lavaLamp li.back .left {background: url("../images/lava.gif") no-repeat top left; height: 30px; margin-right: 9px;}
        /* Styles for each menu-item. */
        .lavaLamp li a {position: relative; overflow: hidden; text-decoration: none; text-transform: uppercase; font: bold 13px arial; color: #fff; outline: none;            text-align: center; height: 30px; top: 2px; z-index: 10; letter-spacing: 0; float: left; display: block; margin: auto 0px; padding-left:20px;  text-indent:5px;}
		
		
/* Top Link */		

.toplink a{font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #333; text-decoration:none; padding:5px;}
.toplink a:hover{font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #333; font-weight:; background-color: #fff1cc; padding:5px; border-bottom:solid; border-bottom-width:2px; border-bottom-color:#900;}


/* top state link */


.hovermenu ul{font: bold 13px arial; padding-left: 0; margin-left: 0; height: 20px;}
.hovermenu ul li{list-style: none; display: inline;}
.hovermenu ul li a{padding: 2px 0.5em 0 1.17em; text-decoration: none; float: left; color: black; background-color: #FFF2BF; border: 2px solid #FFF2BF;}
.hovermenu ul li a:hover{ background-color: #ffd17a; border-style: outset; color: #333;}




.formtext {font-size:12px; font-family:Verdana, Geneva, sans-serif; color: #666; line-height:10px;}
.searachlink a{font-size:17px; font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light"; color:#333; font-weight:bold; text-decoration:none; letter-spacing:0px;}
.searachlink a:hover{font-size:16px; font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light"; color: #900; font-weight:bold; text-decoration: none;}
h1 {font-size:16px; font-family:Helvetica, sans-serif; color:#900; font-weight:;}
.normalink a{font-size:13px; font-family:Verdana, Geneva, sans-serif; color: #333; text-decoration:none;}
.normalink a:hover{font-size:13px; font-family:Verdana, Geneva, sans-serif; color: #900; text-decoration: underline;}
.biglink a{font-size:20px; font-family:Helvetica, sans-serif; color: #333; text-decoration:none; font-weight:bold;}
.biglink a:hover{font-size:20px; font-family:Helvetica, sans-serif; color: #900; text-decoration: underline;}
.smallhd {font-size:13px; font-family:Verdana, Geneva, sans-serif; color:#900; font-weight:bold; line-height:25px; text-indent:8px;}
.boxhd {font-size:16px; font-family:Helvetica, sans-serif; color: #FFF; font-weight:; text-indent:10px; font-weight: 900;}

.boxlink a{font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:center; color:#FFF; width:124px; height:25px; text-decoration:none; float:left; padding-top:4px; background-repeat:no-repeat; margin-left:10px; margin-top:3px;}
.boxlink a:hover {font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:center; color: #900; width:124px; height:25px; text-decoration:none; float:left; background-image:url(../images/linkbackground.png); font-weight:bold; background-repeat:no-repeat; margin-left:10px; margin-top:3px;}

.bottamtextlink a{font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #333; text-decoration:none;}
.bottamtextlink a:hover{font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #999;}
.bottamhd {font-size:13px; font-family:Helvetica, sans-serif; color: #333; font-weight:bold;}
.bottamtext {font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #333; line-height:15px;}
.normaltext {font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; line-height:18px;}




.rbroundbox { background: url(../images/nt.gif)  repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }


.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width:345px;}





.t {background: url(../images/dot.gif) 0 0 repeat-x; width:998px;}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl1.gif) 0 100% no-repeat}
.br {background: url(../images/br1.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl1.gif) 0 0 no-repeat}
.tr {background: url(../images/tr1.gif) 100% 0 no-repeat; padding:10px}



.t2 {background: url(../images/dot.gif) 0 0 repeat-x; width:700px;}
.b2 {background: url(../images/dot.gif) 0 100% repeat-x}
.l2 {background: url(../images/dot.gif) 0 0 repeat-y}
.r2 {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl2 {background: url(../images/bl1.gif) 0 100% no-repeat}
.br2 {background: url(../images/br1.gif) 100% 100% no-repeat}
.tl2 {background: url(../images/tl1.gif) 0 0 no-repeat}
.tr2 {background: url(../images/tr1.gif) 100% 0 no-repeat; padding:10px}



.t0 {background: url(../images/dot.gif) 0 0 repeat-x; width:700px;}
.b0 {background: url(../images/dot.gif) 0 100% repeat-x}
.l0 {background: url(../images/dot.gif) 0 0 repeat-y}
.r0 {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl0 {background: url(../images/bl0.gif) 0 100% no-repeat}
.br0 {background: url(../images/br0.gif) 100% 100% no-repeat}
.tl0 {background: url(../images/tl0.gif) 0 0 no-repeat}
.tr0 {background: url(../images/tr0.gif) 100% 0 no-repeat; padding:7px; }



.t3 {background: url(../images/dot.gif) 0 0 repeat-x; width:950px;}
.b3 {background: url(../images/dot.gif) 0 100% repeat-x}
.l3 {background: url(../images/dot.gif) 0 0 repeat-y}
.r3 {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl3 {background: url(../images/bl1.gif) 0 100% no-repeat}
.br3 {background: url(../images/br1.gif) 100% 100% no-repeat}
.tl3 {background: url(../images/tl1.gif) 0 0 no-repeat}
.tr3 {background: url(../images/tr1.gif) 100% 0 no-repeat; padding:7px; padding-bottom:7px;}

.dotT{background: url("../images/dot2_79A4CE.gif") 0 0 repeat-x;display:block; float:left; width:950px; }
.dotB{background: url("../images/dot2_79A4CE.gif") 0 100% repeat-x;display:block;}
.dotL{background: url("../images/dot2_79A4CE.gif") 0 0 repeat-y;display:block;}
.dotR{background: url("../images/dot2_79A4CE.gif") 100% 0 repeat-y;display:block;}
.bLC{background: url("../images/h_blc.gif") 0 100% no-repeat;display:block;}
.bRC{background: url("../images/h_brc.gif") 100% 100% no-repeat;display:block;}
.tLC{background: url("../images/h_lc.gif") 0 0 no-repeat;display:block;}
.tRC{background: url("../images/h_rc.gif") 100% 0 no-repeat; padding:10px; display:block;}


.t10 {background: url(../images/dot.gif) 0 0 repeat-x; width:950px;}
.b10 {background: url(../images/dot.gif) 0 100% repeat-x}
.l10 {background: url(../images/dot.gif) 0 0 repeat-y}
.r10 {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl10 {background: url(../images/bl3.gif) 0 100% no-repeat}
.br10 {background: url(../images/br3.gif) 100% 100% no-repeat}
.tl10 {background: url(../images/tls3.gif) 0 0 no-repeat}
.tr10 {background: url(../images/trs3.gif) 100% 0 no-repeat; padding:7px; padding-bottom:7px; padding-top:2px;}



.t4 {background: url(../images/dot.gif) 0 0 repeat-x; width:480px;}
.b4 {background: url(../images/dot.gif) 0 100% repeat-x}
.l4 {background: url(../images/dot.gif) 0 0 repeat-y}
.r4 {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl4 {background: url(../images/bl2.gif) 0 100% no-repeat}
.br4 {background: url(../images/br2.gif) 100% 100% no-repeat}
.tl4 {background: url(../images/tl2.gif) 0 0 no-repeat}
.tr4 {background: url(../images/tr2.gif) 100% 0 no-repeat; padding:5px} 








div.sc_menu {  /* Set it so we could calculate the offsetLeft */  position: relative;  height: 145px;  width: 500px;  /* Add scroll-bars */  overflow: auto;}
ul.sc_menu {  display: block;  height: 110px;  /* Max width here, for users without Javascript */  width: 1500px;  padding: 5px 0 0 15px;  /* Remove default margin */  margin: 0;  background: url('navigation.png');  list-style: none;}
.sc_menu li {  display: block;  float: left;  padding: 0 10px;}
.sc_menu a {  display: block;  text-decoration: none;}
.sc_menu span {  /* We want a caption to display on the next line */  display: block;  margin-top: 3px;  text-align: center;  font-size: 12px;  font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333}







.dock {position: relative; 	height:50px; text-align:center;}
.dock-container {position: absolute;height:50px; background:url(images/dock-bg2.gif); padding-left:20px;}
a.dock-item {display: block; width:40px; color:#000; position:absolute;	top:0px; text-align:center;	text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.dock-item img {border:none; margin:5px 10px 0px; width:100%;}
.dock-item span {display:none; padding-left:20px;}

/* dock2 - bottom */
#dock2 {width:100%;	bottom:0px;	position:absolute;	left:0px;}
.dock-container2 {position:absolute; height:50px; background:url(images/dock-bg.gif); padding-left:20px;}
a.dock-item2 {display:block; font: bold 15px Arial, Helvetica, sans-serif; width:40px; color: #900; bottom:0px; position:absolute; text-align:center; text-decoration: none;}
.dock-item2 span {display:none;	padding-left:20px;}
.dock-item2 img {border:none; margin:5px 10px 0px; width:100%;}





	.panel h2.title { margin-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#3399CC}
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 5px 0 }
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 480px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 480px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding:5px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	
	
	
#tabMenu {margin:0;padding:0 0 0 15px;list-style:none; margin-right:0px; float:left;}
#tabMenu li {float:left;height:104px;width:100px;cursor:pointer;cursor:hand; margin-right:30px;}

li.comments {background:url(../images/agent.png) no-repeat 0 -104px;}
li.posts {background:url(../images/individual.png) no-repeat 0 -104px;}
li.category {background:url(../images/builders.png) no-repeat 0 -104px;}


li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -104px;}
li.selected {background-position:0 0;}

.box {width:auto}
.boxTop {background:url(../images/boxTop1.gif) ;height:11px;clear:both; width:1000px}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background-color: width:992px}
.boxBottom {background:url(../images/boxBottom1.gif) ;height:11px; width:1000px}

.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}


.bottamtext1 a{font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #03F; line-height:15px; text-decoration:none;}
.bottamtext1 a:hover{font-size:11px; font-family:Verdana, Geneva, sans-serif; color:  #03F; line-height:15px; text-decoration:underline;}


div.navigation{ width:auto; height:20px; margin-top:0px;}
div.navigation ul{list-style:none; margin-top:-14px;}
div.navigation li a{outline:none; font-size:13px; font-family: Arial, Helvetica, sans-serif; color: #FFF; float:left; text-decoration:none; margin-left:28px; font-weight:bold; padding:10px;}
#selected{outline:none; outline:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #333; background-color: #FFF; float:left; text-decoration:none; font-weight:bold; }
div.navigation li a:hover{outline:none; outline:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #333; background-color: #FFF; float:left; text-decoration:none; font-weight:bold;}
.contactustext {font-size:12px; font-family: Verdana, Geneva, sans-serif; color: #666; font-weight:bold;}






.clear{clear: both;	height: 0;	visibility: hidden;	display: block;}
a{	text-decoration: none;}
#container1{width: 600px; height:auto; background-color:#FFF; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#container1 ul{list-style: none; list-style-position: outside;}
#container1 ul.menu li{	float: left; margin-right: 5px;	margin-bottom: -1px;}
#container1 ul.menu li{font-weight: 700;display: block;padding: 5px 10px 5px 10px;background: #efefef; margin-bottom: -1px;	border: 1px solid #d0ccc9; border-width: 1px 1px 1px 1px; position: relative; color: #898989;	cursor: pointer;}
#container1 ul.menu li.active{	background: #fff;	top: 1px;	border-bottom: 0;	color: #5f95ef;}
.data{	margin: 0pt auto; background: #efefef; background: #fff; border: 1px solid #d0ccc9;	text-align: left;	padding: 10px;	padding-bottom: 20px;	font-size: 11px;}
.data h1{line-height: 1em;	vertical-align: middle;	height: 48px; padding: 10px 10px 10px 52px;	font-size: 32px; }
.data.news h1{background: transparent url(../images/news.jpg) no-repeat scroll left top;}
.data.news{	display: block;}
.data.tutorials h1{	background: transparent url(../images/tuts.jpg) no-repeat scroll left top;}
.data.tutorials{display: none;}
.data.links h1{background: transparent url(../images/links.jpg) no-repeat scroll left top;}
.data.links{display: none;}
.data.links a{color: #5f95ef;}







ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }