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

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	
	}

Body{
background-color:#FFFFFF;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-image:url(images/main-bg.jpg);
background-repeat:repeat-x;
background-color:#000F33;
}
.orange-text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#F48126;
font-weight:bold;
font-style:italic;
}
.img-padding{
padding-right:5px;
}

#main{
width:709px;
margin:0px auto;
overflow:hidden;
background-image:url(images/main-bg.jpg);
background-repeat:repeat-x;
background-color:#000F33;
}
#top-div{
float:left;
width:709px;
}
#top-container{
float:left;
width:709px;
overflow:hidden;
}
#isotope-text{
float:left;
width:248px;
}
#nav-container{
float:right;
width:461px;
}
#technologies-text{
float:left;
width:248px;
}
#nav-bottom{
float:right;
width:461px;
}
#middle-container{
width:709px;
float:left;
overflow:hidden;
}
#isotope-ring{
width:328px;
float:left;
}
#aboutus-container{
width:381px;
float:right;
overflow:hidden;
}
#aboutus-heading{
width:381px;
float:right;
text-align:right;
}
#aboutus-content{
width:381px;
float:right;
text-align:left;
}
#recent-projects-container{
width:709px;
float:left;
overflow:hidden;
}
#recent-projects-heading{
width:709px;
float:left;
}
#recent-projects-content{
width:624px;
float:right;
text-align:left;
overflow:hidden;
padding-right:5px;
}
#recent-projects-portfolio{
width:629px;
float:right;
overflow:hidden;
padding-top:3px;
}
#rubyonrails-container{
width:709px;
float:left;
overflow:hidden;
}
#rubyonrails-heading{
width:709px;
float:left;
}
#rubyonrails-content{
width:624px;
float:right;
text-align:left;
overflow:hidden;
padding-right:5px;
}
#contact-container{
width:709px;
float:left;
overflow:hidden;
}
#contact-heading{
width:709px;
float:left;
}
#contact-content{
width:500px;
float:right;
text-align:right;
overflow:hidden;
padding-right:25px;
}
#footer-container{
width:709px;
float:left;
overflow:hidden;
}
#footer-line{
width:709px;
float:left;
}
#footer-content{
width:500px;
float:left;
padding-left:25px;
padding-bottom:15px;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color:#000000;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
a { color: white; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }