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

body {
	background-color: #000000;
	background-image: url(../images/Website-Space-BG.jpg);
	background-repeat: no-repeat;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	color:#333333;
	
	}
	
	h3{
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
font-weight:normal;
color:#F09803;

	
	}
p{
margin:0;
}

ul{
margin:0 0 0 0;
padding:0 0 0 0;}

table{
	padding:0px;
	margin: 0px;
}

.RHS_Nav a {
border:0px;
text-decoration:none;
color:#598501;
}

.RHS_Nav a:hover{
text-decoration:none;
color:#F09803;}
	
#container {
	margin:auto;
	margin-top:40px;
	width:900px;
	height:100%;
	background-color:#FFFFFF;
	clear:both;

}
.top_curve {
	background:url(../images/Top-Curve.jpg) no-repeat;
	height:10px;
overflow: hidden;
	clear:right;


	
}
.header {
	height:104px;
	background-color:#FFFFFF;
	clear:both;
}
.logo {
	margin:21px 0 0 27px;
	background:url(../images/Aeon-Logo.jpg) no-repeat;
	height:56px;
	width:204px;
	float:left;
	display: inline; /*needed to fix left alignment in IE6*/
}
.caption {
	background:url(../images/Design-and-Dev-for-the-Web.jpg) no-repeat top;
	height:25px;
	width:333px;
	float:left;
	margin:35px 0px 25px 50px;
}
.RHS_Nav {
	float:right;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#669900;
	width:150px;
	margin:45px 0 0px 0;
}
#nav {
	background:url(../images/Navigation-Green-BG.jpg) repeat-x;
	height:67px;
	width:900px;
	margin:0;
	float:left;
	display: inline; /*needed to fix left alignment in IE6*/
}
#nav ul {
	list-style:none;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#nav li {
	display:inline;
	float:left;
	margin:0 0 0 0;
	
}
#nav ul li a {
	display:block;
	float:left;
	height:40px;
	background:url(../images/Navigation-Seperator.jpg) no-repeat right top;
	margin:0 0 0 0;
	
	padding:17px 10px 10px 28px;
	
}
#nav ul li a:hover {
	display:block;
	float:left;
	height:40px;
	background:url(../images/Navigation-Rollover-Orange-.jpg) repeat-x;
	margin:0 0px 0 0px;
	

}

.current {
	background:url(../images/Navigation-Rollover-Orange-.jpg) repeat-x;
	height:40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	line-height:15px;
	color:#738C01;
	text-align:left;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
}
.nav-text-small{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
line-height:13px;
padding-left:2px;
}

.nav-text-big a{
font-family:Georgia, serif;
	font-size:20px;
	line-height:23px;
	color:#FFDA6A;
	text-align:left;
	text-decoration:none;
	
	}

.nav-text-big a:hover{
font-family:Georgia, serif;
	font-size:20px;
	line-height:23px;
	color:#738C01;
	text-align:left;
	text-decoration:none;
	
	
	}

.satisfaction_guarantee {
	background:url(../images/Satisfaction-Guaranteed.jpg) no-repeat center;
	width: 97px;
	height: 47px;
	float: right;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#Portfolio_Display_Area {
	background:url(../images/Animation-Area-Skin-BG.jpg) repeat-x;
	width:100%;
	height:141px;
	clear:both;
}
#Portfolio_Display_Area h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	font-weight:normal;
	color:#333333;
	float:left;
	margin:43px 0 0 28px;
	clear:left;
	display: inline; /*needed to fix left alignment in IE6*/
}
#Portfolio_Display_Area h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:normal;
	color:#598501;
	float:left;
	clear:left;
	width:80%;                /* required for IE6 */
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 29px;
	display: inline; /*needed to fix left alignment in IE6*/
}

#Body_Content_Left {
	width:690px;
	background-color:#FFFFFF;
	height:auto;
	clear:both;
	float:left;
height: 1%;
}

#Body_Content_Right {
	width:198px;
	background-color:#FFFFFF;
	height:auto;
	clear:right;
	float:left;
}

#Body_Content_Right ul{
	list-style:none;
	text-align:left;
	padding-left:10px;
}

.Georgia_regular_13{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:normal;
color:#666;
line-height:26px;
}

#Body_Content_Right ul li a{ 
color:#666;
text-decoration:none;

}

#Body_Content_Right ul li a:hover{ 
display:block;
width:180px;
height:25px;
background-color:#F5FFC2;
color:#333;
border-bottom:thin dashed #999999;
overflow:hidden;
}

.Georgia_regular_21_orange{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
font-weight:normal;
color:#F09803;
line-height:48px;
}

#bottom_curve {
	background:url(../images/Bottom-Curve.jpg) no-repeat;
	width:900px;
	height:11px;
	clear:both;
	overflow: hidden;
}

.Footer {
	background:#000000;
	width:900px;
	height:30px;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
	color:#D6D6D6;
	margin-top:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}

.Footer a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#669900;
text-decoration:none;
}

.Footer a:hover{
color:#F09803;
text-decoration:none;
}

.Quick_Portfolio{
	w\idth: 280px;
	heigh\t: 50px;
	float:left;
	clear:both;
	padding-left:20px;
	padding-top:10px;
}

.View_Full_Portfolio{
	float:right;
	w\idth: 111px;
	heigh\t: 13px;
	margin-left:129px;
	margin-right:20px;
	margin-top:47px;
	display:inline; /*needed to fix left alignment in IE6*/
}

.drop_shadow{
	background:url(../images/Left-panel-Left-Shadow.jpg) repeat-y;
	width:12px;
	height:445px;
	float:left;
	clear:right;
}

#Projects_Portfolio{
margin:58px 0 0 0;
}

#Projects_Portfolio ul {
list-style:none;
display:inline;
}

#Projects_Portfolio ul li {
display:inline;
}

									/* Project Thumbnails start here */

/* Project Thumbnails Container Style */

.project_info{
	clear:both;
	width:316px;
	height:47px;
	float:left;
	margin:8px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
	color:#747E20;
}

.project_info a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#747E20;
text-decoration:none;
}

.project_portfolio_container_left{
	width:316px;
	height:170px;
	float:left;
	clear:both;
	margin-top: 10px;
	margin-right: 9px;
	margin-left: 20px; 
	overflow:hidden; /*needed to fix left alignment in IE6*/
	display:inline; /*needed to fix left alignment in IE6*/
}


.project_portfolio_container_right{
	width:316px;
	height:170px;
	float:right;
	clear:right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 9px;
	display:inline; /*needed to fix left alignment in IE6*/
	overflow:hidden; /*needed to fix left alignment in IE6*/
	
}
.project_info a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#F09803;
text-decoration:none;
}

cc

.light_green_bg{
background-color:#EBF0CA;}

.darker_green_bg{
background-color:#D7E095;}


/* Project Orchids Restaurant */

.orchids a{
border:solid 5px #D4E67C;
width:306px;
height:100px;
float:left;
}

.orchids a:hover{
border:solid 5px #A9BB54;
width:306px;
height:100px;
float:left;
}

/* Project DataSoft Solutions */

.datasoft a{
border:solid 5px #D4E67C;
width:306px;
height:100px;
float:left;
}

.datasoft a:hover{
border:solid 5px #A9BB54;
width:306px;
height:100px;
float:left;
}

/* Project WestLA Cellulite */

.westla_cellulite a{
border:solid 5px #D4E67C;
width:306px;
height:100px;
float:left;
}

.westla_cellulite a:hover{
border:solid 5px #A9BB54;
width:306px;
height:100px;
float:left;
}
/* Project Take Your Practice Online */

.typo a{
border:solid 5px #D4E67C;
width:306px;
height:100px;
float:left;
}

.typo a:hover{
border:solid 5px #A9BB54;
width:306px;
height:100px;
float:left;
}

 .Georgia_12_regular {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color:#666;
line-height:19px;
}

.Georgia_12_regular a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color:#669900;
line-height:19px;
text-decoration:none;
}
.Georgia_12_regular a:hover {
color:#F09803;
text-decoration:none;
}



/* Contact Form CSS */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 100px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
float: left;
margin-left: -100px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform input:focus{
border:1px solid #FFC016;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

.cssform textarea{
width: 180px;
height: 100px;
}

.cssform textarea:focus{
border:1px solid #FFC016;
padding-top: 2px;
padding-left: 2px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/*.Form Button */

.btn{
background-image:url(../images/Submit_Normal.jpg);
 color: #fff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
  font-weight: bold;
  border: 0px;
  width:111px;
  height:29px;
  margin-left:100px;

}

.btn:hover{
background-image:url(../images/Submit_Hover.jpg);
 color: #fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
  font-weight: bold;
  border: 0px;
  width:111px;
  height:29px;
  margin-left:100px;
}