/* Body */
 body { 
    margin: 0 auto; 
    background-color: #000000;
	background-image: url(images/bg-pattern.gif); 
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: scroll;
	
	scrollbar-3dlight-color : #DDE9ED;
	scrollbar-arrow-color : #2D4C56;
	scrollbar-base-color : #DDE9ED;
	scrollbar-darkshadow-color : #C7DBE2;
	scrollbar-face-color : #C5DAE1;
	scrollbar-highlight-color : #E0EBEF;
	scrollbar-shadow-color : #82BCC9;
	scrollbar-track-color : #EFF6F9;
}

/*:link img,
:visited img {
	border: 0;
}*/

/* Headers */
h1, h2, h3, h4 {
	font-family: 'Lucida Sans Unicode', Verdana, Arial, sans serif;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 170px 10px 30px;
}
h1 {	font-size: 1.5em; margin-top: 1em; }
h2 {
	font-size: 1.2em; padding-top:0.8em;
	border-bottom: solid 1px #333;
	letter-spacing: 0.2em;
	padding-bottom: 2px;
}
h3 {
	font-size: 1em;
	color:#0C7E96;
	border-bottom: solid 1px #333;
	clear: both;
}
h4 {	font-size: 0.7em; padding-top: 0; font-family: 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif; }

p, ul, td {
	font: 0.8em 'Lucida Sans Unicode', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

p, table {
	margin: 10px 170px 10px 30px;
}

code{ 
	display: block;
	font-size: 8pt;
	font-family: "Courier New", Courier, mono; 
	background-color: #1C2C3D; 
	padding:5px; 
	margin: 8px; 
	color: #8D9EB2; 
}

a:link, a:visited, a:hover, a:active {
	color: #CC7777;
	text-decoration: none;
	/*background-color: #FFEEEE;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #333333;
}
a:hover {
	color: #CC3333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #AA3333;
 }
 
 #maintop {
 	padding-top: 210px;
    background-image: url(../images/cg_1000island.jpg);
	background-repeat: no-repeat;
	background-position: top center;
  } 
  
 #mainwrapper { 
      /*background-image: url(images/bg-pattern.gif); */
      background-repeat: repeat;
 	  width: 890px;
	  padding:0;
	  margin: 0 auto; 
 } 
  
 #imgtop { 
      display: none; 
 } 
  
 #mainbottom { 
      background-color: #152230;
      clear: both; 
	  padding: 0;
	  margin: 0 auto;
	  border-left: 10px solid #1D2D3E;
	  border-right: 10px solid #1D2D3E;
	  width: 850px;
	  height: 80px;
 }

#mainbottom p {
	font-size: 0.7em;
	margin-top: 10px;
	padding-top: 10px;
}

/* nav */
#nav ul {
	background-image: url(images/bg_glass_black.jpg);
	background-repeat: repeat-x;
	font: bold 0.7em 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 0px 10px;
	padding: 9px 390px 11px 0px;
	display: inline;
	list-style: none;
}

#nav ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
	padding: 4px 13px;
}

#nav ul li.first {
	margin-left: 5px;
	border-left: none;
	list-style: none;
	display: inline;
}

#nav ul li.current {
	background-color: #152A3A;
	background-image: url(images/bg_glass_curr.gif);
	background-repeat: no-repeat;
}

#nav ul li.current a {
	background-image: none;
	background-repeat: no-repeat;
	background-position: right;
}

#nav {
	text-align: left;
	padding-top: 7px;
}

#nav a:link,
#nav a:visited {
	border: 0px;
	text-decoration: none;
	color: #FFF;
}

#nav a:hover {
	text-decoration: none;
	color: #FFF;
	border: 0px;
}

/* main */

#main {
	background-color: #0F1925;
	border-left: 10px solid #1D2D3E;
	border-right: 10px solid #1D2D3E;
	padding: 0 0 10px 0;
	margin: 5px 10px 0 10px;
	width: 850px;
	/*height: 80%;*/
	float: left;
}

.gradient {
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF', gradientType='0'); 
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
}

ol#comments li p {
	font-size: 100%;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: all;
	margin-right: 170px;
	font-size: .75em;
	font-family: 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
}

.meta {
	font-size: .75em;
	font-family: 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 5px;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin-left: 5px;
}

.storytitle a {
	text-decoration: none;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	/*padding: .2em;*/
}

#commentform textarea {
	width: 90%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#content {
	
}

#header a {
	text-decoration: none;
	color: #555;
	border-bottom: 0;
}

#menu {
	padding: 0;
	position: relative;
	float:left;
	margin-left:-178px;
	margin-top: 60px;
	/*left: 990px;*/
	text-align: left;
	top: 0;
	width: 9em;
	background-color: #1C2C3D;
	-moz-border-radius-topright: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-bottomright: .5em;
	-moz-border-radius-bottomleft: .5em;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 50%;
	background: #EEF;
	border: 1px solid #AAB;
	color: #000;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#menu ul li {
	/*font: normal Georgia, Times, serif;*/
	margin-top: 5px;
	padding-bottom: 2px;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	margin-top: 3px;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #999;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 140%;
	padding-left: 4px;
}

/* Word Press */
#wp-calendar {
	empty-cells: show;
	font-size: 10px;
	margin: 0;
	width: 70%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 8px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #789;
	font: normal 10px 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
	letter-spacing: normal;
	padding: 1px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #000;
	color: #666;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Portfolio */

/* Shadow */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	width: 220px;
	float: left;
	/* \*/display:block;/**/} 
	
.wrap3 img {
	display:block;
	border:1px solid #666;
 }

.wrap1 {background:none;}
.wrap2 {background:none;}
.wrap3 {
	padding-bottom:15px;
	background:none;}
	
.screenshot {height: 160px; margin-top:10px; margin-left:30px; }
.screenshot p{position:relative;}
.screenshot a {font-weight: normal !important;}

/* Contact Us */

label.contact,input.contact,textarea.contact,select.contact,#btnsubmit {
	font: normal 8.5pt/12pt "Lucida Sans",Verdana,Arial,Sans-Serif;
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	color: #62748A; /* light gray */
}

img.contact {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

input.contact, textarea.contact, select.contact {
	background-color: #0F1925;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #62748A;
	color: #FFFFFF;
}

label.contact {
	text-align: right;
	width: 120px;
	padding-right: 10px;
	clear: left;
}

#btnsubmit {
	width: 100px;
}

.recentProjects {
	border-top: 10px solid #014A59;
	width: 310px;
	padding-bottom: 20px;
	margin: 2px;
	float: left;
	background-image: url(images/bg_grad_recent.gif); 
	background-repeat: repeat-x;
}

.firstProject {
	margin-left: 30px;
}

.recentProjects p {
	display:block;
	width: 180px;
	margin-left: 0;
	margin-right: 0;
	float: left;
	color: #CCC;
	font-size: 0.75em;
}

.recentProjects a img {
	float: left;
	display: block;
	margin: 5px;
	border:1px solid #666;
}