@CHARSET "ISO-8859-1";

body {
    padding:0;
    margin:0;
    background:#000 url('img/background.jpg') repeat-x top center;
    text-align:center;
}
#wrapper {
    width:773px;
    padding:0;
    margin:0 auto;
    position:relative;
    border:0px solid #fff;
}

#wrapper2 {
    width:773px;
    padding:0;
    margin:0 auto;
    position:relative;
    border:0px solid #fff;
}

#header {
	width:773px;
	height:220px;
    padding:0;
    margin:0 auto;
    position:relative;
    border:0px solid #fff;
}

#logo {
	position:absolute;
	top:20px;
	left:10px;
	width:350px;
	height:194px;
	background:url('img/logo.gif') no-repeat top center;
	border:0px solid #fff;
}

#nav {
	width:473px;
	margin:0 auto;
	margin-top:72px;
	border:0px solid #fff;
	height:58px;
	position:absolute;
	right:0;
}
#nav ul {
    padding-top:20px;
    font-family:Trebuchet MS,Arial,sans-serif;
    color:#f1f1f1;    
	float:right;
   	font-size:0.8em;            
   	margin: 0;
   	padding:0;
   	list-style-type: none;    
}

#nav li {
    float: left; 
   	display:inline;
   	font-size:18px;
   	padding: 25px 0px 10px 0px;
}

#nav li a {
	padding: 25px 10px 10px 10px;
}

#about:hover {
    background:url('img/about_back.jpg') no-repeat center top;
}

#services:hover {
    background:url('img/services_back.jpg') no-repeat center top;
}

#portfolio:hover {
    background:url('img/portfolio_back.jpg') no-repeat center top;
}

#tools:hover {
    background:url('img/portfolio_back.jpg') no-repeat center top;
}

#contact:hover {
    background:url('img/contact_back.jpg') no-repeat center top;
}

#content {
    width:773px;
    margin:0 auto;
    padding:0;
    font-family:Tahoma,Arial,sans-serif;
    color:#f4f4f4;
    font-size:12px;
    text-align:left;
    position:relative;
    margin-bottom:20px;
}

#content_text {
    padding:25px;
}
#footer {
    width:773px;
    height:50px;
    background:url('img/footer_line.jpg') no-repeat center top;
    margin:0 auto;
    text-align:center;
    font-family:Trebuchet MS,Arial,sans-serif;
    color:#f4f4f4;
    font-size:12px; 
    padding-top:10px;   
}
a {
    text-decoration:none;
    color:#f4f4f4;
}

#subtitle {
	font-family:Trebuchet MS,Arial,sans-serif;
    color:#f4f4f4;
    font-size:36px;
	width:383px;
	height:40px;
	text-align:right;
	position:absolute;
	top:158px;
	right:0px;
	vertical-align:bottom;	
}

#subtitle span {
	padding-right:20px;
}

#snow {
	width:173px;
	height:78px;
	
	position:absolute;
	top:150px;
	left:179px;
}

#keywords {
	width:773px;
	position:absolute;
	top:50px;
	left:-50px;
	font-family:Tahoma,Arial,sans-serif;
    color:#515151;
    font-size:11px;
}

#copyright {
	background:#000;
	border:0px solid #fff;
	padding:5px;
	position:absolute;
	right:0px;
	top:-12px;
	text-align:right;
	color:#fff;
	font-family:Trebuchet MS,Arial,sans-serif;
	font-size:11px;
	padding-left:10px;
}
h4 {
	font-family:Trebuchet MS,Arial,sans-serif;
	font-size:18px;
	padding-bottom:0;
	padding-top:0;
	margin-bottom:0;
	margin-top:10px;
}

h1 {
	font-family:Trebuchet MS,Arial,sans-serif;
	font-size:22px;
	padding-bottom:20px;
	padding-top:0;
	margin-bottom:0;
	margin-top:0px;
	font-weight:normal;
}

#content_text table td {
	width:214px;
	border-left:10px solid #000;
	border-right:10px solid #000;
}

#content_text table td a {
	text-decoration:none;
}

#content_text table td a:hover {
	text-decoration:underline;
}

#content_text table td h4 {
	width:214px;
	background:url('img/h4_back.jpg')repeat-y right top;
}

.portfolio_image {
	position:relative;	
}

.portfolio_image .drupal_logo {
	position:absolute;
	bottom:-10px;
	right:-10px;
	width:50px;
	height:52px;
	background: url(img/druplicon.png) no-repeat center top; 
}

.portfolio_image .cake_logo {
	position:absolute;
	bottom:-10px;
	right:-10px;
	width:50px;
	height:50px;
	background: url(img/cake_logo_small.gif) no-repeat center top; 
}

.portfolio_image .rails_logo {
	position:absolute;
	bottom:-10px;
	right:-10px;
	width:37px;
	height:48px;
	background: url(img/rails_logo.gif) no-repeat center top; 
}

.portfolio_image .flex_logo {
	position:absolute;
	bottom:-10px;
	right:-10px;
	width:50px;
	height:50px;
	background: url(img/flex_logo.gif) no-repeat center top; 
}

.portfolio_image .smarty_logo {
	position:absolute;
	bottom:-8px;
	right:-10px;
	width:80px;
	height:15px;
	background: url(img/smarty_logo.gif) no-repeat center top; 
}

h2 {
	font-size:18px;
	font-family:Trebuchet MS,Arial,sans-serif;
}

.clear-block {
	border:0;
}

.meta {
	border:0;
}