/*-------------------------------------------------
		    - GLOBAL -						
-------------------------------------------------*/

body { font: small "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	background: #373339 url('../images/bg.jpg') repeat;
	color: #999999; }
    
body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}
		
#container { width: 960px; 
	margin: 0 auto; 
	text-align: left; }
	
a { color: #999999; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

img { border: none; }

p { margin: 1em 0 1em 0; line-height: 1.5em }
ul, dl, dt, dd {list-style: none}

ul.normal { list-style: disc; margin: 5px 0 5px 30px;}
ul.normal li { padding: 5px 0; }

.ghost { display : none; }
.center { text-align : center; }
.right { float: right; margin: 15px 15px 0 0; }
.clear { clear: both; }

span { color: #cc3300; font-weight: bold;}

hr { border-color: #2c292e;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 0 0 20px;
	height: 0; }

strong { background: #fa7673;
	color: #fff;
	padding: 0 5px;
	font-weight: normal;}


/*-------------------------------------------------
		    - H-TAGS -						
-------------------------------------------------*/

h1 { font-size: 150%;
    font-weight: normal;
    color: #32331d;
    margin: 30px 50px 25px 0;
    padding: 0 0 5px 0;        
    text-transform: uppercase;
    height: 24px; }

h1 span { display: none; }

h1.latest { background: url('../images/htags/latest_work.png') no-repeat; }

h2 { font-size: 130%;
    font-weight: normal;
    color: #32331d;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;        
    text-transform: uppercase;
    height: 25px; }

h2 span { display: none; }

h2.about { background: url('../images/htags/about.png') no-repeat; }
h2.services { background: url('../images/htags/services.png') no-repeat; }
h2.contact { background: url('../images/htags/contact.png') no-repeat; }
h2.googleservices { background: url('../images/htags/googleservices.png') no-repeat; }
h2.reads { background: url('../images/htags/reads.png') no-repeat; }
h2.twitter { background: url('../images/htags/twitter.png') no-repeat; width: 141px; }
h2.send { background: url('../images/htags/send.png') no-repeat; }


/*-------------------------------------------------
		    - IMAGES -						
-------------------------------------------------*/

/*-------------------------------------------------
		    - HEADER -						
-------------------------------------------------*/

#header { background: url("../images/header/bg.gif") repeat-x;
	height: 80px; }
	
#header_container { width: 960px;
	margin: 0 auto; }
	
.logo_header { margin-top: 15px; }

.section_header { width: 480px;
	float: left; }
	
#header_container ul { float: right; }

#header_container ul li {
	display: block;
	float: left;
	width: 38px;
	height: 39px;
	margin: 15px 15px 0 0px;
	text-indent: -9999px; }

#header_container ul li.home a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 10px;
	background: transparent url('../images/header/home.jpg') no-repeat top;
	outline: none; }

#header_container ul li.portfolio a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 10px;
	background: transparent url('../images/header/portfolio.jpg') no-repeat top;
	outline: none; }

#header_container ul li.downloads a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 10px;
	background: transparent url('../images/header/downloads.jpg') no-repeat top;
	outline: none; }
	
#header_container ul li.contact a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 10px;
	background: transparent url('../images/header/contact.jpg') no-repeat top;
	outline: none; }

#header_container ul li a:hover { background-position:0 -39px; }


/*-------------------------------------------------
		    - CONTENT -						
-------------------------------------------------*/

/*-------------------------------------------------
		    - BLOCKS -						
-------------------------------------------------*/

.blocks { width: 318px;
    float: left;
    margin: 25px 0 50px 0;
    border-right: 1px solid #2c292e;
    min-height: 380px;}
    
.blocksnoborder { width: 318px;
    float: left;
    margin: 25px 0 50px 0;
    border: none; }

.blocks_content { padding: 0 10px; }


/*-------------------------------------------------
	     - BADGERS CSS SPRITES -						
-------------------------------------------------*/

.wordpress { display: block;
	float: left;
	width: 45px;
	height: 46px;
	text-indent: -9999px; }
	
.wordpress a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 15px 0 0;
	background: transparent url('../images/badges/wordpress.png') no-repeat top left;
	outline: none;
}
.wordpress a:hover { background-position: 0 -46px; }

.google { display: block;
	float: left;
	width: 45px;
	height: 45px;
	text-indent: -9999px; }
	
.google a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 10px;
	background: transparent url('../images/badges/google.png') no-repeat top left;
	outline: none;
}
.google a:hover { background-position: 0 -45px; }

.facebook { display: block;
	float: left;
	width: 45px;
	height: 46px;
	text-indent: -9999px; }
	
.facebook a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	background: transparent url('../images/badges/facebook.gif') no-repeat top left;
	outline: none;
}
.facebook a:hover { background-position: 0 -46px; }

.twitter { display: block;
	float: left;
	width: 45px;
	height: 46px;
	text-indent: -9999px; }
	
.twitter a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 15px;
	background: transparent url('../images/badges/twitter.gif') no-repeat top left;
	outline: none;
}
.twitter a:hover { background-position: 0 -46px; }

.linkdin { display: block;
	float: left;
	width: 45px;
	height: 46px;
	text-indent: -9999px; }
	
.linkdin a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 25px;
	background: transparent url('../images/badges/link.gif') no-repeat top left;
	outline: none;
}
.linkdin a:hover { background-position: 0 -46px; }

.flickr { display: block;
	float: left;
	width: 45px;
	height: 46px;
	text-indent: -9999px; }
	
.flickr a { display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 0 35px;
	background: transparent url('../images/badges/flickr.gif') no-repeat top left;
	outline: none;
}
.flickr a:hover { background-position: 0 -46px; }


/*-------------------------------------------------
	     - CONTACT -						
-------------------------------------------------*/

.tel { background: url("../images/badges/tel.gif") no-repeat left;
    padding: 0 0 0 60px;
    margin: 25px 0;
    height: 46px; }
    
.mail { background: url("../images/badges/mail.gif") no-repeat left;
    padding: 0 0 0 60px;
    margin: 25px 0;
    height: 46px; }
    
.skype { background: url("../images/badges/skype.gif") no-repeat left;
    padding: 0 0 0 60px;
    margin: 25px 0;
    height: 46px; }


/*-------------------------------------------------
	     - LISTS -						
-------------------------------------------------*/

ul.services { line-height: 24px;
	margin: 15px 0 50px 0; }

ul.services li { background: url("../images/general/check.png") no-repeat left;
	padding: 0 0 0 25px; }

ul.reads { margin: 25px 0 0 0; }

ul.reads li { width: 280px;
    border-bottom: 1px dashed #666666;
    list-style: none;
    color: #999999; }

ul.reads li a { color: #999999;
    display: block;
    text-decoration: none;
    padding: 8px 5px; }
    
ul.reads li a:hover { color: #fa7673; }


/*-------------------------------------------------
		    - FOOTER -						
-------------------------------------------------*/

#footer { width: 960px;
	margin: 0 auto; }
	
.section_footer { width: 480px;
	float: left; }
	

/*-------------------------------------------------
		    - FOOTER -						
-------------------------------------------------*/

#form-container{
	padding: 5px;
	/* rounded corners */
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

td{
	/* prevent multiline text */
	white-space: nowrap;
}

label{
	text-transform: uppercase;
	font-size: 10px;
	font-family: Tahoma,Arial,Sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	/* A special CSS selector that targets non-IE6 browsers */
	text-indent:8px;
}

.error{
	/* this class is used if JS is disabled */
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:300px;
}

#loading{
	/* the loading gif is hidden on page load */
	position: relative;
	bottom: 9px;
	visibility: hidden;
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px; }