/* CSS Document */

.container {
	/*BACKGROUND: url(./img/header-shadow.gif) no-repeat 0px 318px;*/ 
	MARGIN: 0px auto; 
	WIDTH: 750px; 
	POSITION: absolute; 
	TEXT-ALIGN: left;
	}


UL#toolbar {
	CLEAR: both; MARGIN: 0px auto; WIDTH: 750px; LIST-STYLE-TYPE: none; HEIGHT: 74px; padding-left:15px
}
#toolbar LI {
	FLOAT: left; TEXT-INDENT: -9999px;
}
#toolbar LI A {
	DISPLAY: block; HEIGHT: 74px
}
#toolbar LI.active {
	BACKGROUND-POSITION: 50% top
}
#toolbar LI.inactive {
	BACKGROUND-POSITION: 50% bottom
}
#toolbar LI:hover {
	BACKGROUND-POSITION: 50% top
}
#toolbar LI#sites-tab {
	BACKGROUND-IMAGE: url(../images/seo.gif); WIDTH: 103px
}
#toolbar LI#editor-tab {
	BACKGROUND-IMAGE: url(../images/soft-develop.gif); WIDTH: 103px
}
#toolbar LI#preview-tab {
	BACKGROUND-IMAGE: url(../images/web-development.gif); WIDTH: 103px
}
#toolbar LI#css-tab {
	BACKGROUND-IMAGE: url(../images/flash-presentation.gif); WIDTH: 103px
}
#toolbar LI#terminal-tab {
	BACKGROUND-IMAGE: url(../images/e-book.gif); WIDTH: 103px
}
#toolbar LI#books-tab {
	BACKGROUND-IMAGE: url(../images/other-tab.gif); WIDTH: 103px
}
#toolbar LI#files-tab {
	BACKGROUND-IMAGE: url(../images/host-tab.gif); WIDTH: 103px
}



#frame {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 750px; POSITION: absolute;
}
#frame DIV.button {
	POSITION: absolute; TOP: 40%
}
#frame {
	HEIGHT:280px;
}
#frame DIV.button {
	HEIGHT: 50px;
	margin-top:30px;
}
DIV.button#left {
	LEFT: 0px;
}
DIV.button#right {
	RIGHT: 0px;

}


#scroller {
	HEIGHT: 280px;

}
#scroller {
	BORDER-TOP: #fff 1px solid; BACKGROUND: url(content_pane-gradient.gif) #fff repeat-x 50% bottom; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 700px;
}


#content {
	WIDTH: 8250px;
}
.content-bottom {
	WIDTH: 909px;
}

.section {
	HEIGHT: 200px;
	
}
.img1{
	float:right;
/*	margin-left:400px;*/
	/*margin-top:-40px;*/
	}		

.section {
	FLOAT: left; padding:8px 10px 8px 10px; WIDTH:680px; border:#0000ff 0px solid; height:280px;}
.section H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 22px; MARGIN-BOTTOM: 5px; COLOR: #444; LINE-HEIGHT: 22px; FONT-FAMILY: "HelveticaNeue", Helvetica, Arial, sans-serif
}
.section H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 22px; MARGIN-BOTTOM: 5px; COLOR: #1DADD9; LINE-HEIGHT: 22px; FONT-FAMILY:"trebuchet MS";
	margin: 5px 0px;
}
.section H3 a{
		color:#1DADD9;
		text-decoration:none
			}
		.section H3 a:hover{
		color:#504B42;
		text-decoration:underline
		}
			
.section H2 {
	COLOR: #072453
}
.section#sites-pane H3 {
	COLOR: #1DADD9;
	
}
.section P {
	FONT-SIZE: 12px; MARGIN: 0px 0px 7px; LINE-HEIGHT: 18px; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif;
}
.section P a { color:#000000; text-decoration:none;
}
.section P a:hover { color:#000000; text-decoration:underline;
}

.section LI {
	FONT-SIZE: 14px; MARGIN: 0px 0px 20px; LINE-HEIGHT: 22px
}



	#frame1  ul{
		padding:0;
		margin:20px 0 0 20px;
		}
	#frame1  li{
	list-style-image: url(../../images/check.gif);
	display:list-item;
	margin:0px 0 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;		
	}
	
 						
.clean {clear:both}