/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic

page background grey 9397A2
page content blue    4D5E8F
footer dark grey     303238
menu red             CB0B13
dark blue            223771


*/
/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
body{
background-color:#9397A2;
font-family:arial, sans-serif;
color:#fff;
font-size:16px;
}
html {overflow-y:scroll;}
html, body {height: 100%}
/* TYPOGRAPHY */
/* ----------------------------------------- */

A:link {text-decoration: none; color:#fff;}
A:visited {text-decoration: none; color:#fff;}
A:active {text-decoration: none; color:#fff;}
A:hover {text-decoration: none; color: #223771;}

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.



/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


.clear {clear: both;}


/*
structure
*/

#page-wrap{

background-color:#4D5E8F;
width: 960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -80px;
z-index:-2;
}
#push{
height: 80px;
}

#info{
padding: 15px;
}
#info h1{
font-weight:bold;
font-size:25px;
}
#info h5{
font-weight:bold;
font-size:25px;
text-decoration:underline;
}
#info h3{
font-weight:bold;
font-size:20px;
}
#info #content{
margin-top:10px;
margin-left:80px;
height:auto;

}
.projectpic{
border: 2px solid #000;
margin:5px 5px 0px 0px;
float:left;
}
/*
header
*/

h1#logo{
width: 960px;
height: 124px;
background: url(/images/logo_header.png) top center no-repeat; 
text-indent: -9999px;
float:left;
}

/*
menu
*/
#menu-bar{
height:40px;
background-color:#CB0B13;
z-index:2;
}
ul#main-nav{
width:932px;
margin:0px auto;

z-index:2;
}

ul#main-nav li {
float:left;
padding-left:8px;
padding-right:8px;
z-index:2;
}

#footer{
height:80px;
background: #303238;
width: 960px;
margin: 0 auto;
}
#footer h1{

float:left;

margin-left:10px;
font-weight:normal;

font-size:12px;
}
#footer #text{
color:#aaaaaa;
position:relative;
top:60px;
width:720px;
margin:0px auto;

}
#text A:link {text-decoration: none; color:#aaaaaa;}
#text A:visited {text-decoration: none; color:#aaaaaa;}
#text A:active {text-decoration: none; color:#aaaaaa;}
#text A:hover {text-decoration: none; color: #aaaaaa;}/*
slideshow
*/

#slider1 {
    width: 960px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
top:-4px;
	z-index:0;
}
#slider1 p{
   margin-left:15px;
}

#slider1Content {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	z-index:0;
}
.projects{
position:relative; 
float:left; 
margin-left:30px;  
margin-top:0px; 
width:768px;
}
.project{


float:left; 
padding-bottom:20px; 
width:238px;

font-size:13px;
}

.project h4{
font-weight:normal;
font-size:13px;
float:top;
text-align:center;

}
.pic1{
width:49px;
margin:0px auto;
}
.pic2{
width:98px;
margin:0px auto;
}
.pic3{
width:147px;
margin:0px auto;
}
.pic4{
width:196px;
margin:0px auto;
}
.projects ul{position:relative; float:left;}

.projects li{
float:left;
width:220px;
height:65px;
background:#2C3758;
margin:5px;
padding-top:5px;
padding-left:9px;
padding-right:9px;
border: 4px solid #000;
}

.slider1Image {
    float: left;
    position: relative;
	display: none;
	z-index:0;
}
.slider1Image span {
    position: absolute;
    width: 694px;
	height:40px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
	z-index:0;
	
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
	z-index:0;
	margin-left:15px;
}
.bottom {
	top: 240px;
    left: 0;
	width: 960px !important;
	height: 20px;
	z-index:0;
}
ul { list-style-type: none;}

.teklapic{
border:3px solid #000;

float:left;
}
.tekladiv{

width:326px; 

float:left; 
margin:0px 5px 10px 5px;
text-align:center;
}
.tekladiv h4{

width:326px; 
float:top;
font-weight:normal;
text-align:center;
}
.projectcontent{
background-image:url('/images/watermark.png');
background-repeat:no-repeat;
background-position:center center;
min-height:447px;
}