/*  

Shea David Sky Portfolio Website Stylesheet
Author: SheaDavidSky.com
Copyright: SheaDavidSky Marketing 2010

colours used:
#00aeef - bright blue (hover and attributions)
#4d4e50 - dark grey (selected/active)
#86888a - light grey  (text)


*/

/* reset */

body, html, div, blockquote, img, label, p, h1, h2,
h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, 
a, fieldset, input, th, td  { 
  margin: 0; padding: 0; border: 0; outline: none; 
  } 
   
body { 
  line-height: 1; 
  font-size: 100%;
  } 
 
h1, h2, h3, h4, h5, h6  { 
  font-size: 100%; 
  padding: .6em 0; 
  margin: 0 15px; 
  font-weight: normal;
  } 
  
ul, ol { 
  list-style: none; 
  text-decoration: none;
  } 
 
a:hover { 
  text-decoration: none; 
  } 
 
.floatLeft { 
  float: left; 
  padding: .5em .5em .5em 0; 
  } 

.clearfix { 
  clear:both; 
  }

a img {
  border:0 none
  }
  
a:focus {
	outline: none;
	}  

/*-----------------------------main------------------------------------*/

html {
  height: 100%;
  }

body {
  color: #86888a;
  font-family: Garamond, Georgia, Times, "Times New Roman", serif;
  font-size: 14px;
  position: relative;
  }

ul.list {
  color: #00aeef;	
  list-style-type: square;
  margin-left: 15px;
  }

strong {
  color:#86888a;
  font-weight:normal;
  }

p a {
  text-decoration: none;
  color: #00aeef;
  }

p a:hover {
  text-decoration: underline;
  }

#contact p a {
  text-decoration: none;
  color: #86888a;
  }

#contact p a:hover {
  color: #00aeef;
  }
  
/*-----------------------------nav------------------------------------*/

#logo {
  /*background: #09F url(../images/logo.gif);*/
  display: block;
  height: 40px;
  width: 40px;
  text-indent:-9999px;
  position: absolute;
  top: 155px;
  left: 35px;
  }

#nav {
  width:140px;
  position: relative;
  top: 210px;
  left: 35px;
  }

/*Main Menu*/

#nav ul {
  margin:0px; 
  padding:0px; 
  }

#nav ul li {
  line-height:24px; 
  list-style:none; 
  text-transform: uppercase;
  }
  
#nav ul a {
  outline:none;
  background-color:#FFF;
  }  

#nav a {
  text-decoration: none;
  color: #86888a;
  }

#nav ul li a:hover {
  position:relative;
  color: #4d4e50;
  }

/*Sub Menu*/

#nav ul ul {
	display: block;
	position:absolute;
	left:140px;
	top:3px;
	width: 170px;
  }

#nav ul li:hover ul {
  color: #4d4e50;
  }

#nav ul ul li { 
  width:170px; 
  float:left; 
  display:inline; 
  text-transform: capitalize;
  line-height:18px; 
  }

.selected {
  color: #4d4e50 !important;
  }

ul#fade {
  display:none;
  }

  
/*---------------------------text areas-----------------------------------*/


#textarea {
  position: absolute;
  text-align: left;
  top: 214px;
  left: 178px;
  width: 320px;
  height: 400px;
  overflow: hidden;
  }

#textarea p{
 line-height:18px;
 }

#subtextarea {
  position: absolute;
  text-align: left;
  top: 213px;
  left: 300px;
  width: 320px;
  }

#subtextarea p {
 line-height:18px;
 }

em {
  color: #86888a;
  }
 
big {
  color: #00aeef;
  font-size: 14px;
  } 

 
 /*---------------------------portfolio gallery-----------------------------------*/
 
#sliderbox {
  position: absolute;
  height: 650px;
  width: 615px;
  top: 30px;
  left: 375px;
  } 

.container { 
  width:650px; 
  height:575px; 
  overflow:hidden; 
  position:relative; 
  cursor:pointer; 
  }

.slides { 
  position:absolute; 
  top:0; 
  left:0; 
  }

.slides div { 
  position:absolute; 
  top:0; 
  width:650px; 
  display:none;
  }

.slides div p {
  display: block;
  margin-top: 5px;
  text-align: left;
  font-size: 14px;
  color: #4d4e50;
  background-color:#fff;
  }

#loopedSlider { 
  margin:auto 0;
  width:650px; 
  position:relative; 
  clear:both; 
  }

ul.pagination { 
  list-style-type:none; 
  margin:0; 
  padding:0; 
  margin:5px auto; 
  width:650px; 
  }

ul.pagination li { 
  float:left; 
  margin: 0 10px 0 0; 
  }	

ul.pagination a { 
  display:block;
  width:9px; 
  padding-top:9px; 
  height:0; 
  overflow:hidden; 
  background-image:url(../images/pagination.gif); 
  background-position:0 0; 
  background-repeat:no-repeat;
  }

ul.pagination li.active a {
  background-position:0 -9px
  }

.gallerytext {

  clear: both;	
  text-align: left;
  padding-top: 10px;	
  } 

.gallerytext p a {
  color: #4d4e50;
 text-decoration: none;	
  } 

.gallerytext p a:hover {
 color:#00aeef;
 }