/* Copyright (c) 2010 CoffeeCup, All rights reserved - http://www.coffeecup.com/
----------------------------------------------------------------------------------------------------*/

/* Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
    background:transparent;
}



hr
{
	margin-left:-15px;
	margin-right:-15px;
	    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.25), rgba(255,255,255,1), rgba(0,0,0,0.25)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.25), rgba(255,255,255,1), rgba(0,0,0,0.25)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0.25), rgba(255,255,255,1), rgba(0,0,0,0.25)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0.25), rgba(255,255,255,1), rgba(0,0,0,0.25)); 
}

div.center iframe , div.center img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.center
{
	padding-bottom: 20px;
}
div.center2 {
    width:560px;
    margin-left: auto;
    margin-right: auto;
    background:transparent;
}

div.center2 a , img{
    background:transparent;
}

div.center3 {
    width:420px;
    margin-left: auto;
    margin-right: auto;
    background:transparent;
}

div.center 3 a
{
  background:transparent;
 }

div.wrap
{
	width:960px;
	margin:0 auto;
	background:transparent;
} 

div.wrap2
{
	width:640px;
	margin:0 auto;
	background:transparent;
} 
 
div.leftnav
{
	position: fixed;
	float: left;
	width: 220px;
	margin-left: 80px;
	margin-right:40px;
}

div.leftnav a
{
	color: #b0b0b0;
	line-height: 0px;
}

div.leftnav a:hover
{
	color: #00AA96;
}

div.leftnav li
{
	line-height: 1.1;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.right
{
	background:#000;
	float: right;
	width: 600px;
	padding-left:20px;
	padding-right:20px;
}

div.right iframe
{
    margin-left: 20px;
}

div.right h3
{
	color:#939393;
	padding-top:260px;
	margin-top:-260px;
 
}

div.right h2
{
	padding:15px 0px 0px;
	margin: 0px;
}

body {
     background:#505050;
	line-height: 1;
}

ul {
	list-style: none;
}

ol 
{
	padding-left: 20px;

}

ol  li
{
	color: #FFF;
	padding-left: 20px;
	padding-bottom: 10px;
	line-height: inherit;
	font-weight:normal;
}

ul#standardul
{
	list-style:square;
	padding-left: 20px;
}

ul#standardul li
{
	color: #FFF;
	padding-left: 20px;
	line-height: inherit;
	font-weight:100;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td , th
{
	color: #FFF;
	padding: 10px 10px;
}

table#skill th , table#skill  tr , table#skill td , table#skill2 th , table#skill2  tr , table#skill2 td 
{
	border: 2px solid white;
	text-align: center;
}

table#skill , table#skill2
{
	margin-left: 40px;
}

/* Reset for HTML 5 Elements
----------------------------------------------------------------------------------------------------*/

/* tells browsers that don't read html 5 tags to render like divs */
header, footer, aside, nav, article, section {
	background-color:#505050;
	display: block;
	margin: 0;
	padding: 0;
}

/* clears containers with floated elements, no need for extra markup! */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Layout
----------------------------------------------------------------------------------------------------*/

body {
	background: #272727;
	border: none;
	color: transparent;
	margin: 0 auto;
	font: 14px/24px Helvetica, Arial, sans-serif;
    width:100%;
}

h1 {
   color:#FFF;
	font: normal bold 34px/50px Arial, Helvetica, sans-serif;
	padding-top: 30px;
}

h2 {
   color:#FFF;
	font-size: 28px;
	line-height: 44px;
	padding: 22px 0;
}

h3 {
	color:#FFF;
	font-size: 20px;
	padding-top: 55px;
	padding-bottom: 5px;
	margin-top: -40px;
}

p {
   color:#FFFFFF;
	font-weight: normal;
	padding-bottom: 22px;
}

a
{
 color:#FFF;
 text-decoration: underline;
}

a:visited {
	color: #FFF;
	outline: none;
	text-decoration: underline;
}

a:hover {
	color: #505050;
	text-decoration: underline;
}

a:active {
	color: #505050;
	outline: none;
	text-decoration: none;
}

a:focus {
	outline: 1px dotted;
}

nav#global {
	width: 100%;
	background-color: #000000;
}

nav#global a , nav#global a:visited
{
	text-decoration: none;
}

nav#global ul {
    width:600px;
    margin:0 auto;
    padding:0;
    display:table;
}

nav#global li {
	
    display:table-cell;
    width:20%;
    white-space:pre;
    text-align: center;
    color: #777;
}

nav#global li.first
{
 width: 1%;
 }
nav#global li.last
{
 width: 1%;
 }
nav#global li.tight
{
 width: 1%;
 }

nav#global ul  li  a {
    color: #777;
	font: normal bold 14px/44px Arial, Helvetica, sans-serif;
	font-size:large;
}

nav#global ul li a:hover, nav#global ul li a:focus {
    	color: #00AA96;
	    text-decoration: none;
}

nav#global ul li a.selected {
	color: #fff;
}

nav#global ul li a.selected:hover {
	color: #00AA96;
}

a.inline
{
	color: #FFF;
	text-decoration: underline;
	line-height: inherit;
}


table.htp
{
	width:600px; 
	margin-left:40px;
}

table.htp td , table.htp a
{
	font: normal bold 14px/44px Arial, Helvetica, sans-serif;
	line-height:15px;
	color:#939393;
}

table.htp a:hover
{
	color: #00AA96;
}