/*Base for Inc3D Design/Copyright 2008 Jesse Doyle*/

body {background:url(images/bck.jpg) repeat-y; background-position: center top; background-color:#000000;}
/*global resets*/
* {margin: 0; padding: 0;}
h1,h2 {font-family: "Arial", Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color:#ffffff; font-size:14px; line-height: 170%; color:#ffffff; text-align:left}
h1{font-size: 14px; padding-left: 30px;margin-top: 10px;letter-spacing:1px;line-height: 170%;}
h2{font-size: 12px; font-variant: small-caps;padding-left: 30px;letter-spacing:1px;line-height: 170%;}
/*Next Line is the Paragraph Section.  Everything you change in there will effect the Pragraphs.*/
p {font-family: "Arial", Arial, Tahoma, Helvetica, sans-serif; font-size:14px; line-height: 170%; color:#ebebeb; text-align: justify; padding: 10px; letter-spacing:1px; word-spacing: 0px;}
ul {font-family: "Arial", Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#ebebeb; line-height: 170%; padding-left: 40px;letter-spacing:1px;float:left;margin-bottom: 10px;}
hr {border:0;}

a:link {color: #eeffee;}
a:hover {color: #009900;}
a:visited {color: #eeffee;}

img {border:none} 

/*Styles for Main Sections*/
#container {width: 900px; margin-left: auto; margin-right: auto;}
#header {width: 100%; height: 120px; margin-top:15px; float:left;}

/*New Nav Sections*/
#nav {width: 100%; background: url(images/navtop.jpg);float:left; margin-bottom: 0px;}
#nav ul { margin: 0; padding: 0; list-style: none;}
#nav li { float:left; padding:0; margin: 0px 0px 0px 0px; height: 40px }
#nav a { display:block; overflow: hidden; text-indent:-1000em; height:40px}
#nav li:hover, #nav a:hover{ background-position: left bottom; }
#nav a:active { outline: none; }

#nav_home li, #nav_home a { background: transparent url(images/dbhome.png) left top; width: 71px; }
#nav_services li, #nav_services a { background: transparent url(images/dbservices.png) left top; width: 106px; }
#nav_gallery li, #nav_gallery a { background: transparent url(images/dbgallery.png) left top; width: 101px; }
#nav_tutoring li, #nav_tutoring a { background: transparent url(images/dbtutoring.png) left top; width: 97px; }
#nav_contact li, #nav_contact a { background: transparent url(images/dbcontact.png) left top; width: 96px; }
/*End --- New Nav Sections*/

#wrap {width: 100%; 
	height: 100%; 
	float:left; 
	/*background:url(images/bkgwrap.png) no-repeat bottom right;*/
	background-color:#444444;
	margin-bottom: 4px;}
	
.contenthidden {max-width: 892px;
	min-width: 892px;
	margin-top: 10px;
	padding: 5px;
	height: auto;
	background: #555555;
	border-width:2px;
	border-color: #888888;
	border-style:solid;}
	
div.gallerycontent {width:630px; float:right; margin-top: 8px;}
div.gallerycontent a {color: #999999; text-decoration: none;}
	
div.gallery {width:140px;
	float:left;  
	left: 30%;
	text-align:center;
	margin-top:20px;
	margin-left: 10px;}
div.gallery p {text-align:center;}
div.gallery img {border: 1px solid #009900;}
div.gallery a {color: #009900;}
div.gallery a:hover {color: #00ff00;}
div.gallery a:hover img {border: 1px solid #00ff00;}

div.gallerysection {width: 540px; float:left; left:30%; text-align:center;margin-top: 20px;margin-left: 8px;}
div.gallerysection p {text-align:center;}
div.gallerysection img {border: 1px solid #009900;}
div.gallerysection a {color: #009900;}
div.gallerysection a:hover {color: #00ff00;}
div.gallerysection a:hover img {border: 1px solid #00ff00;}

div.gallery2 {width:120px;
	float:left;  
	left: 30%;
	text-align:center;
	margin-top:10px;
	margin-left: 20px;}

.maintext {width: 50%;
	float:left;
	position:relative; 
	margin-top: 10px; 
	padding-left: 30px;
	text-indent:1.5em;}
	
.maintextarea {
	background-color: #555555; 
	border: 2px;
	border-style:solid;
	border-color: #000000;
	width: 460px;
	height: 100%; 
	margin-top: 0px;
	margin-left:20px;
	margin-bottom: 0px;
	text-align:center;
	float:left;}
	
/*Menu Sections*/
.rightmenu {display:block;
	background:url(images/menuright.png) no-repeat;
	width: 370px;
	float:right; 
	position:relative;
	left: 20px;
	top: 0px;}
.rightmenu2 {display:block;
	background:url(images/menuright.png) no-repeat;
	width: 370px; 
	float:right;
	position:relative; 
	left: 20px;
	top: 0px;}
.rightmenub {display:block;
	background:url(images/menuright.png) no-repeat; 
	width: 370px; 
	float:right;
	position:relative;
	left: 20px; 
	top: 20px;}
.rightmenu2b {display:block;
	background:url(images/menuright.png) no-repeat; 
	width: 370px; 
	float:right;
	position:relative;
	left: 20px;
	top: -100px;}
.leftmenu {display:block;
	background-color:#555555;
	border: 2px;
	border-color:#888888; 
	border-style:solid; 
	width: 200px;
	float:left; 
	left: 8%;
	top: 350px;
	margin-left: 20px;
	margin-top:28px;}
div.leftmenu a {color: #ebebeb;}
div.leftmenu a:hover {color: #00cc00;}
/*End---Menu Sections*/

.bar {background:url(images/bartop.png) no-repeat;
	width: 100%; 
	height: 25px; 
	position:relative;}
.bar2 {background:url(images/barbottom.png) no-repeat;
	width: 100%;
	height: 18px;
	position:relative;
	float:left;
	margin-top: 10px;}
.greenstrip {width:100%;
	height: 4px;
	background-color:#009900; 
	border:0;
	float:left;}
.greenstrip16 {width:100%;
	height: 16px;
	background-color:#009900;
	border:0;
	float:left;}
.greenstrip16b {width:90%;
	height: 16px;
	background-color:#009900;
	border:0;
	float:left;
	margin-bottom: 10px;}
.blackstrip4 {width:100%;
	height: 4px;
	background-color:#000000;
	border:0;
	float:left;}
.blackstrip2 {width:100%;
	height: 2px;
	background-color:#000000; 
	border:0;
	float:left;}
.right {color:#ebebeb; 
	position:relative;
	width: 70%;
	height: 181px; 
	right:-6%;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:justify;
	text-indent:0;}
.right2 {width: 36%; 
	position:relative; 
	right:-62%; 
	margin-top: 0px;
	margin-bottom: 10px; 
	background-color:#333333;}
.icon {padding-right: 10px;
	padding-left: 6px;}
.copyright {font-size:60%;
	color: #ebebeb;
	text-align:center;
	margin-bottom:1px;
	margin-top:1px;
	padding:1px;
	text-indent:1.5em;}
.glist {list-style-image:url(images/artisticon.png);margin-top:10px;}
.gimagelist {list-style:none; display: inline; vertical-align:middle;}
.galleryhr {color:#ebebeb;
	background: url(images/g_bar.png); 
	width: 608px;
	height: 26px; 
	left:30%;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align:center;
	float:left;}
	
.serviceshr {color:#ebebeb;
	background: url(images/g_services_bar1.png); 
	width: 860px;
	height: 20px; 
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align:center;
	float:left;}

.servicesbox {width: 858px;
	background-color: #555555;
	float:left;
	margin-top: 0px;
	margin-left: 20px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;}
	
div.servicesbox p {text-align:left;}