/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
	
	Design & Layout by Tony Thomas - http://www.medialoot.com
*/

.vcard-container {
width: 500px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; 
border-radius: 8px; 
margin: 0 auto;
-webkit-box-shadow: 0 1px 3px #bbc1c2;
-moz-box-shadow: 0 1px 3px #bbc1c2;
box-shadow: 0 1px 3px #bbc1c2;
display: block;
}

body {
background: #b2c2c6 url(../images/Isometricrepeatbg.jpg) repeat fixed;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #333;
}

.starburst {
width: 1088px;
height: 864px;
padding: 50px;
margin: 0 auto;
}


.layer {
background: #feffff;
-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; 
-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; 
border-top-left-radius: 8px; border-top-right-radius: 8px; 
padding-top: 15px;
}

h1 {
text-shadow: 0 1px 0px #fff;
	z-index: 10;
	margin-top:65px;
	color: #7e7e7e;
}

p.role {
text-shadow: 0px 1px 0px #fff;
color: #999;
	
	
	margin-left: 15px;
	float: left;
	text-transform: uppercase;
	word-spacing: 0;

	
	font-size: 1.1em;
	line-height: 11px;
}

.panel p {
margin: 0 20px 20px 10px;
color: #666;
}

.panel h2 {
color: #424242;
margin: 0 20px 20px 10px;
font-size: 19px;}

img.avatar {
float: left;
margin: 0 15px 0px 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

a.download-vcard {
float: right;
display: none;
text-indent: -5000px;
width: 46px;
height: 29px;
background: url(../images/vCard.png) no-repeat;
margin: 0 15px 0 0;
background-position: 0 0;}

a.download-vcard:hover {
background-position: 0 -29px;
display: none;
}

.coda-slider-wrapper { padding: 0;  }
.coda-slider { background: #fff;}
	
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
.coda-slider, .coda-slider .panel { width: 500px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px;
	background-color: #eaeaea;


} 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 500px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
.coda-nav-left a, .coda-nav-right a { 
color: #333; 
width: 10px;
height: 12px;
text-indent: -5000px;
background: url(../images/arrows.png) no-repeat;
margin: 10px 0 0 10px;
}

.coda-nav-right a {
background-position: -10px 0;
margin-left: 10px;
}

.coda-nav-right a:hover {
background-position: -10px -12px;
}

.coda-nav-left a:hover {
background-position: 0px -12px;
}

.coda-nav ul li a.current { 
color: #333; 
border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; 
-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; 
-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; 
border-top-left-radius: 8px; border-top-right-radius: 8px;
	background-color: #eaeaea;
}

.coda-slider .panel-wrapper { padding: 0px; }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; width: 425px; float: left; margin-left: 15px;}
.coda-nav ul li { display: inline }

.coda-nav ul li a { 
font-weight: bold;

background: #f2f1f2 none; 

color: #3399CC; 
display: block; 
float: left; 
margin-right: 1px; 
padding: 8px 14px; 
text-decoration: none;
border-top: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; 
-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; 
border-top-left-radius: 8px; border-top-right-radius: 8px;   }

.coda-slider-wrapper { clear: both; overflow: auto;
	
}
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; 
text-decoration: none; 
 
}

.social ul {
float: left;
width: 250px;
margin: 0;
list-style: none;
margin: 0;
}

.social li {
background: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #f8f8f8); /* for firefox 3.6+ */width: 250px;
border: 1px solid #eee;
border-top: none;}

.social li a {
font-size: 15px;
font-weight: bold;
width: 249px;
height: 65px;
display: block;
color: #3399CC;
text-decoration: none;
line-height: 65px;
text-indent: 65px;
}

.social li.twitter a{background: url(../images/icn-twitter.png) no-repeat; background-position: 14px 10px;}
.social li.facebook a{background: url(../images/icn-facebook.png) no-repeat; background-position: 14px 10px;}
.social li.linkedin a{background: url(../images/icn-linkedin.png) no-repeat; background-position: 14px 10px;}
.social li.myspace a{background: url(../images/icn-myspace.png) no-repeat; background-position: 14px 10px;}
.social li.lastfm a{background: url(../images/icn-lastfm.png) no-repeat; background-position: 14px 10px;}
.social li.flickr a{background: url(../images/icn-flickr.png) no-repeat; background-position: 14px 10px;}
.social li.photography a{background: url(../images/icn-photography.png) no-repeat; background-position: 14px 10px;}
.social li.catalog a{background: url(../images/icn-catalog.png) no-repeat; background-position: 14px 10px;}

/* icon set used http://www.nouveller.com/general/free-social-media-bookmark-icon-pack-the-ever-growing-icon-set/ */
/* to add more/different icons, download the icon set and add a new class to list above */

.social li a:hover {
color: #666;}

.about, .contact, .clients {
margin: 18px;}

.about a {
color: #3399CC;
text-decoration: none;
}

.about a:hover {
text-decoration: underline;
}

.about ul {
color: #666;
margin: 20px;}

.about li {
margin-left: 20px;}

.social ul li.last-left, .social ul li.last-left a {
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px; }

.social ul li.last-right, .social ul li.last-right a {
 -webkit-border-bottom-right-radius: 8px;
 -moz-border-radius-bottomright: 8px;
 border-bottom-right-radius: 8px; }

.social-container {
width:500px;
}

.social{ margin: 0;}

label {
display: block;
margin: 10px 0 5px 10px;
color: #666;
}

input[type=text], textarea {
margin: 0 0 0 10px;
border: 1px solid #eee;
padding: 5px;
background: #fff;
width: 430px;
}

textarea {
height: 60px;}

input[type=text]:focus, textarea:focus {
border: 1px solid #ccc;}

input[type=submit] {
display: block;
width: 120px;
height: 30px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 25px;
background: #DEDEDE;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DEDEDE');
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#DEDEDE)); 
background: -moz-linear-gradient(top,  #FAFAFA,  #DEDEDE); 
color: #333;
text-decoration: none;
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
-o-border-radius: 8px; 
-khtml-border-radius: 8px;
border-radius: 8px;
border: 1px solid #ccc;
text-shadow: 0px 1px 0px #fff;
-webkit-box-shadow: inset 0px 1px 0 #fff;
-moz-box-shadow: inset 0px 1px 0 #fff;
-o-box-shadow: inset 0px 1px 0 #fff;
-khtml-box-shadow: inset 0px 1px 0 #fff;
box-shadow: inset 0px 1px 0 #fff;
cursor: pointer;
float: right;
margin: 20px 10px 20px 0;
}

input[type=submit]:hover {
background: #eee;
color: #111;
}

input[type=submit]:active {
background: #ddd;
color: #000;
}