@charset "utf-8";
/* CSS Document */

body {
background-color: #ebeef5;
font-family: Arial, Helvetica, sans-serif;
}

a {
color: #1F7ABE;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img{
border: 0;
}

h1 {
color:#0B0C33;
font-size:14pt;
margin:4px 0 0 60px;
}

.clearFloat {
line-height: 1px;
height: 1px;
font-size: 1px;
clear: both;
}


textarea {
width: 210px;
clear: both;
margin-top: 3px;
float: right;
margin-right: 50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6b6b6b;
}

* html textarea {
margin-right: 25px;
}

.inputbox {
float: right;
clear: both;
width: 210px;
margin-right: 50px;
color: #6B6B6B;
font-size: 10px;
height: 16px;
line-height: 18px;
}

.inputbox2,.inputbox_file {
color: #6B6B6B;
font-size: 12px;
height: 16px;
line-height: 18px;
float:left;
margin:0px;
}


.inputbox_file {
height: 22px;
}



* html input {
margin-right: 25px;
}

label {
float: left;
margin-top: 3px;
font-size: 10pt;
font-weight: bold;
}

#wrap {
margin: 0 auto;
width: 850px;
text-align:left;
}

#header {
background-image: url(images/mountains.jpg);
background-position: right;
background-repeat: no-repeat;
width: 850px;
height: 78px;
}

#header img {
float: left;
margin: 24px 0 0 22px;
}

#header h1 {
color:#000033;
float:right;
font-size:13pt;
font-weight:bold;
margin:52px 50px 0;
}

#menu {
background-image: url(images/menu-bg.gif);
background-repeat: repeat-x;
height: 43px;
width: 825px;
margin: 0 auto;
}

#menu a {
color:#FFFFFF;
text-decoration:none;
float: left;
padding-left: 20px;
padding-right: 20px;
height: 37px;
line-height:35px;
border-left: solid #ffffff 1px;
text-align: center;
}

#menu a:hover {
background-image: url(images/menu-bg-down.gif);
background-repeat: repeat-x;
}

#menu a.right {
border-right: solid #ffffff 1px;
}

#body {
background-image: url(images/body-bg.gif);
background-repeat: repeat-y;
width: 825px;
margin: 0 auto;
}

#submenu {
margin-top: 5px;
float: left;
padding-left:0px;
width:170px;
}

#submenu a {
background-image:url(images/bullet.gif);
background-position:left center;
background-repeat:no-repeat;
clear:both;
color:#113E80;
float:left;
font-size:10pt;
font-weight:bold;
margin-left:30px;
margin-top:5px;
padding-left:20px;
text-decoration:none;
}

#submenu a:hover {
background-image: url(images/bullet-down.gif);
color: #8DB024;
}

#submenu a.active {
background-image: url(images/bullet-down.gif);
color: #8DB024;
}

#content {
float: left;
margin-top: 5px;
margin-left: 50px;
background-image: url(images/content-bg-sm.gif);
background-repeat: no-repeat;
width: 513px;
}

* html #content {
margin-left: 25px;
}

#content.portfolio {
float: right;
padding-right: 20px;
margin-left: 0;
width: 635px;
background-image: url(images/content-bg.gif);
}

#content.portfolio p {
margin-top: 0;
color:#414141;
font-size:12px;;
margin-left:23px;
width:410px;
}

#content h1 {
color:#0B0C33;
font-size:13pt;
margin:20px 0 5px 20px;
}

#content #screenshot {
background-image:url(images/screenshot-lg-bg.gif);
float:left;
height:280px;
margin-left:20px;
padding-left:3px;
padding-top:0;
width:415px;
}

* html #content #screenshot {
margin-left: 10px;
}

#content #thumbnails {
float: left;
width: 175px;
}

#content.portfolio #thumbnails a {
background-image:url(images/screenshot-sm-bg.gif);
float:left;
height:60px;
padding-top:1px;
width:75px;
margin-left: 12px;
margin-bottom: 12px;
}

* html #content.portfolio #thumbnails a {
margin-left: 6px;
}

#content.portfolio .arrow-up {
float:right;
position: relative;
right: 98px;
top: 22px;
}
#content.portfolio .arrow-down {
float: right;
position: relative;
right: 98px;
}

#content p {
color:#414141;
font-size:10pt;
margin-left:50px;
margin-right: 50px;
}

#content em {
color: #909090;
font-size: 8pt;
line-height: 22px;
font-weight: bold;
}

.recentProjects {
float:right;
margin-right:50px;
position:relative;
top:-20px;
width:200px;
height:340px;
}

* html .recentProjects {
margin-right: 25px;
}

.recentProjects h1 {
margin: 1px 0 0 0;
font-size: 11pt;
color: #3C76B0;
position: relative;
top: 3px;
}

.recentProjects a {
font-size: 8pt;
float: right;
padding-right: 10px;
margin-bottom: 5px;
font-weight: bold;
}

.recentProjects a.screenshot {
background-image:url(images/screenshot-m-bg.gif);
height:135px;
width:200px;
margin-top: 10px;
padding-right: 0;
margin-bottom: 0;
}

.recentProjects img {
margin-left:1px;
margin-top:2px;
}

p,form {margin:0px; padding:0px;}

#submit,.input { width:110px; height:22px; font-size:13px; margin-top:0px; padding-top:0px; line-height:10px; margin-right:50px; background-color:#1D5881; color:#FFF; border-width:1px; border-color:#AAA;float:right;}

#submit2 { width:110px; height:22px; font-size:13px; margin-top:0px; padding-top:0px; line-height:10px; background-color:#1D5881; color:#FFF; border-width:1px; border-color:#AAA;}

#addressline {text-align:center; font-size:12px; color: #1d5881;}

#contactarea{font-size:12px; padding-left:50px; color:#009D17;}

#red {color:#FF0000;}

td {font-size:11px;text-align:left; vertical-align:top;}