* {margin: 0; padding: 0;}

body {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: #171717 url('../images/bg.gif') repeat ;
	text-align: center;
	margin: 0;
	padding: 50px 0 50px 0;
	cursor: default;
}

div {text-align: left;}

h1, h2, h3, h4 {font-weight: normal; color: #BAE1FE;}
h1 {display: none;}
h2 {
	height: 100px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
h3 {font-size: 16px;}
h4 {font-size: 11px;}

a {color: #BAE1FE; text-decoration: none;}
a:hover {color: #FFFFCC;}

li {list-style: none;}

address { 
 line-height: 18px;
 font-size: 12px;
 font-style: normal;
 color: #fff;
 padding: 3px 0;
 float: right;
}

p {margin-top: 15px; line-height: 16px;}

strong {color: #fff;}

fieldset {border: 0 solid transparent;}
legend, label {display: none;}

input, textarea {
 font: 12px Tahoma, Arial, Helvetica, sans-serif;
 padding: 2px;
 margin: 3px 0 0 0;
 border: 3px solid #333;  
 overflow: auto;
 /* background: #fff url('../images/bg-field.gif') repeat-x 0 0; */
}

input:focus, 
textarea:focus, 
.error {border: 3px solid #BAE1FE;}

.err {font-weight: bold; color: #BAE1FE;}

input.small {
 width: 190px;
 width/**/: 180px !important;
 padding: 2px;
}

input.large, 
textarea {
 width: 396px;
 width/**/: 386px !important;
 padding: 2px;
}

/*--------------------------------------------------------------------------
H2 Image Replacement
--------------------------------------------------------------------------*/

body.home h2 {background: #1e1e1e url('../images/h2-home.gif') no-repeat 0 0;}
body.about h2 {background: #1e1e1e url('../images/h2-about.gif') no-repeat 0 0;}
body.showcase h2 {background: #1e1e1e url('../images/h2-showcase.gif') no-repeat 0 0;}
body.getintouch h2 {background: #1e1e1e url('../images/h2-getintouch.gif') no-repeat 0 0;}
body.accessibility h2 {background: #1e1e1e url('../images/h2-accessibility.gif') no-repeat 0 0;}
body.sitemap h2 {background: #1e1e1e url('../images/h2-sitemap.gif') no-repeat 0 0;}
body.password h2 {background: #1e1e1e url('../images/h2-password.gif') no-repeat 0 0;}

/*--------------------------------------------------------------------------
Navigation Active State
--------------------------------------------------------------------------*/

body.home #nav a.navhome,
body.about #nav a.navabout,
body.showcase #nav a.navshowcase,
body.getintouch #nav a.navgetintouch {
 background: #BAE1FE none !important;
 background: #BAE1FE;
 color: #000;
 margin: 0 3px 0 0;
 border-bottom: 3px solid #BAE1FE;
 cursor: default;
}

body.home #footnav a.navhome,
body.about #footnav a.navabout,
body.showcase #footnav a.navshowcase,
body.getintouch #footnav a.navgetintouch {color: #fff; cursor: default;}

/*--------------------------------------------------------------------------
Accessibility
--------------------------------------------------------------------------*/

#accessibility {display: none;}

/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/

#head {
 background: transparent url('../images/bg-dark.png') !important;
 background: #1e1e1e;
 margin: 0 0 10px 0;
 padding: 25px;
}

#head p {margin: 0; padding: 0;}

#head .brand {
	width: 900px;
	height: 85px;
	display: block;
	margin: 3px 0 0 0;
	background: transparent url('../images/SmallLogo.gif') no-repeat 0 0 !important;
	/* background: transparent url('../images/a-logo.gif') no-repeat 0 0;   */
 float: left;
}

/* #head .brand:hover {background-position: 0 -60px !important;}  */

#head #client {width: 460px; float: right;}
#head #client p {margin: 1px 15px 3px 0;}
#head #client h3 {font-size: 14px;}
#head #client p.col {display: inline;}

#head ul {float: right;}
#head ul li {float: left; margin-left: 15px;}

/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/

#nav {
 border-bottom: 10px solid #BAE1FE; 
 margin: 0 0 10px 0;
}

#nav li {display: inline;}

#nav li a {
 font-size: 13px;
 float: left;
 display: block;
 color: #fff;
 background: transparent url('../images/bg-dark.png') !important;
 background: #2c2c2c;
 padding: 6px 15px;
 margin: 0 3px 3px 0;
}

#nav li a:hover {
 background: transparent url('../images/bg-light.png') repeat 0 0 !important; 
 background: #BAE1FE;
}

#nav h3 {display: none;}

/*--------------------------------------------------------------------------
Template
--------------------------------------------------------------------------*/

#container {width: 950px; margin: 0 auto;}

#wrapper {
 background: #1e1e1e url('../images/dsc02181.jpg') no-repeat 100% 0%;
 margin: 0 0 10px 0;
 padding: 25px;
}

#content {width: 525px;}

/*--------------------------------------------------------------------------
Work Status
--------------------------------------------------------------------------*/

#workstatus {
 width: 85px;
 background: #2b2b2b;
 float: right;
 padding: 12px;
}

#workstatus p {margin: 0; padding: 0;}

/*--------------------------------------------------------------------------
Get in Touch
--------------------------------------------------------------------------*/

#form {
 width: 396px; 
 float: left;
 padding: 15px 0 0 0;
}

#form label {color: #fff; display: block;}

#form p.col, 
#client p.col {width: 189px;}

#form p {
 width: 396px;
 margin: 0; 
 padding: 0 0 15px 0;
}

/*--------------------------------------------------------------------------
Skills & Involvement
--------------------------------------------------------------------------*/

.skills {
	width: 235px;
	padding: 0 37px 0 0;
	float: left;
}

.skills h3 {font-size: 14px;}
.skills h4 {
 width: 150px;
 color: #fff;
 padding: 10px 0;
}

.skills li {
 font-size: 11px;
 color: #666;
 margin: 5px 0;
 padding-left: 15px;
 background: transparent url('../images/li-bullet.gif') no-repeat 0 60%;
}

/*--------------------------------------------------------------------------
Showcase Preview
--------------------------------------------------------------------------*/

.showpreview {width: 250px;}
.showpreview img {border: 0 none; float: left;}

.showpreview a {
 margin: 8px 0 0 0;
 border: 3px solid #2c2c2c;
 background: #000;
 display: block;
 float: left;
}

.showpreview a:hover {border: 3px solid #BAE1FE;}

.showpreview h3 {font-size: 14px;}
.showpreview p {float: left;}

/*--------------------------------------------------------------------------
Showcase Details
--------------------------------------------------------------------------*/

.showdetails {
 background: #000;
 border: 3px solid #2c2c2c;
 margin: 15px 0 0 0;
 float: left;
}

.showdetails img {border: 0 none; float: left;}

/*--------------------------------------------------------------------------
Record Paging & Additional Options
--------------------------------------------------------------------------*/

/*Numbers*/
#numbers li {float: left;}
#numbers li a {
 float: left;
 background: #2c2c2c;
 padding: 3px 5px;
 border: 0 none;
 color: #fff;
}
#numbers li a:hover {background: #BAE1FE; color: #000;}
#numbers li.disabled {
 background: #BAE1FE;
 padding: 3px 5px;
 border: 0 none;
 color: #000;
 cursor: default;
}

/*Options and Paging*/
#options li a,
#paging li a {
 background: #2c2c2c;
 padding: 3px 5px;
 border: 0 none;
 color: #fff;
 float: left;
}
#options li a:hover,
#paging li a:hover {
 background: #BAE1FE; 
 color: #000;
}
#options li.disabled,
#paging li.disabled {
 background: #212121;
 padding: 3px 5px;
 border: 0 none;
 color: #4b4b4b;
 cursor: default;
}

/*--------------------------------------------------------------------------
Involvement
--------------------------------------------------------------------------*/

#involvement h3 { 
 width: 150px;
 font-size: 14px;
 color: #fff;
 padding: 0 0 10px 0;
}

#involvement li {
 font-size: 11px;
 color: #666;
 margin: 5px 0;
 padding-left: 15px;
 background: transparent url('../images/li-bullet.gif') no-repeat 0 60%;
}

/*--------------------------------------------------------------------------
General Classes
--------------------------------------------------------------------------*/

.clear {clear: both;}

.hr {
 width: 525px;
 height: 1px; 
 font-size: 1px;
 padding: 15px 0; 
 clear: both; 
 background: transparent url('../images/hr-divider.gif') repeat-x 0 0;
}

.nopadding {padding: 15px 0 0 0;}

.left {float: left;}
.right {float: right;}

/*Buttons*/
.submit {
 width: 50px;
 height: 24px;
 border: 0 none;
 cursor: pointer;
 display: block; 
 margin: 4px 0 0 0;
 background: #2b2b2b url('../images/btn-submit.gif') no-repeat 0 0;
}

.profile {
 width: 69px;
 background: #2b2b2b url('../images/btn-profile.gif') no-repeat 0 0;
}

.logout {
 width: 56px;
 background: #2b2b2b url('../images/btn-logout.gif') no-repeat 0 0;
}

.request {
 margin: 20px 0 0 15px; 
 float: left;
}

.hide {display: none;}

.required {color: #BAE1FE;}
.last {padding: 0; margin: 0;}

/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/

#foot {
 background: transparent url('../images/bg-dark.png') !important;
 background: #1e1e1e;
 margin: 0 0 10px 0;
 padding: 25px;
}

#foot #footnav li.first {padding: 5px 12px 5px 0; background: none;}
#foot #footnav li {
 font-size: 12px;
 background: transparent url('../images/li-divider.gif') no-repeat 0 50%;
 padding: 5px 12px 5px 14px;
 float: left;
}

/*--------------------------------------------------------------------------
W3C Standards
--------------------------------------------------------------------------*/

#w3c p {
 margin: 0;
 padding: 0;
 color: #fff;
 float: left;
}

#w3c .top {
 display: block;
 background: #1e1e1e;
 padding: 3px 8px;
 color: #fff;
 float: right;
}

#w3c .top:hover {background: #BAE1FE; color: #000;}

.greyoutline{
border:solid 2px;
color:#666666;
}