/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
ul,li {
	list-style-type:none;
	}
body {
	background-color:#252525;
	}
img {
	border:0;
	}	
.left {
	float:left;
	margin-left: 5px;
	margin-right:5px;
	border:4px solid #cccccc;
}
.right {
	float:right;
	margin-left: 10px;
	margin-right:5px;
	border:4px solid #cccccc;
}
hr {
	border-color: #545454;
	border-style: dashed;
	border-width: 2px 0 0;
	clear: both;
	margin: 0 0 20px;
	height: 0;
}
hr.blue {
	border-color: #0D7BB4;
	border-style: dashed;
	border-width: 2px 0 0;
	clear: both;
	margin: 0 0 20px;
	height: 0;
}
hr.green {
	border-color: #5B7B2C;
	border-style: dashed;
	border-width: 2px 0 0;
	clear: both;
	margin: 0 0 20px;
	height: 0;
}
hr.yellow {
	border-color: #B69D0C;
	border-style: dashed;
	border-width: 2px 0 0;
	clear: both;
	margin: 0 0 20px;
	height: 0;
}

/* Layout
------------------------------------------------------------------*/
#container {
	background-image:url(../images/bgheaderslice.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#252525;
	text-align: center;
	min-width: 780px;	
	float: none;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	position: relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
}
#container2 {
	background-image:url(../images/bgheaderslice2.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#252525;
	text-align: center;
	min-width: 780px;	
	float: none;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	position: relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
}
#header {
	background-image:url(../images/bgheader.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	height:335px;
}
#header2 {
	background-image:url(../images/bgheader2.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	height:201px;
}
#content {
	height:100%;
	min-height:470px;
	width:780px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align:center;
}
#foot {
	background-image:url(../images/bgfooterslice.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#72a030;
	height:71px;
	text-align: center;
	min-width: 780px;	
	clear:both;
	position: relative;
}
#footer {
	background-image:url(../images/bgfooter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:71px;
	clear:both;
}
#footer2 {
	background-image:url(../images/bgfooter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#72a030;
	height:71px;
	clear:both;
}

/* Header
------------------------------------------------------------------*/
#logo {
	position:relative;
	top:0px;
	text-align:center;
}
#tagline {
	position:relative;
	top:0px;
	text-align:center;
}
.airplane {
	position:relative;
	top:-170px;
	left:18px;
	z-index:2;
}
.airplanetrail {
	position:relative;
	left:-18px;
	top:0px;
}
.airplanesm {
	position:relative;
	top:-105px;
	left:-200px;
}

/* Footer
------------------------------------------------------------------*/
#copyright {
	text-align:center;
	color:#545454;
	padding-top:10px;
	border-top:3px dashed #545454;
	clear:both;
}
#copyright a {
	color:#545454;
}

/* Navigation
------------------------------------------------------------------*/
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	height: 142px;
	width:780px;
	position: relative;
}
#menu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 0px;
	height: 70px;
	width:780px;
	position: relative;
}
#menu li {
	float:left;
	display:block;
	width:142px;
} 
#menu2 li {
	float:left;
	display:block;
	width:142px;
} 
#menu a {
	display: block;
	position: absolute;
	outline: none;
	color: #D5CBC2;
	text-align:left;
	background: url(../images/btn.png) no-repeat left top;
	width:142px;
	height:142px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-decoration:none;
	color:#7a7a7a;
	font-size:1.5em;
	padding:0px 10px 0px 20px;
}
#menu2 a {
	display: block;
	position: absolute;
	outline: none;
	color: #D5CBC2;
	text-align:left;
	background: url(../images/btn2.png) no-repeat left top;
	width:142px;
	height: 68px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-decoration:none;
	color:#7a7a7a;
	font-size:1.4em;
	padding:12px 10px 0px 20px;
}
#menu a:hover {
	background-position: left bottom;
	color:#FFF;
	text-decoration:none;
}
#menu2 a:hover {
	background-position: left bottom;
	color:#FFF;
	text-decoration:none;
}
.btnapproach {
	left:5px;
}
.btnservices {
	left:162px;
}
.btnportfolio {
	left:319px;
}
.btnabout {
	left:476px;
}
.btncontact {
	left:633px;
}

/* Navigation
------------------------------------------------------------------*/
.types {
	position: relative;
}
.types2 {
	position: relative;
	top:-25px;
	margin-bottom:-25px;
}
.typemenu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 0px;
	height: 52px;
	width:348px;
}
.typemenu li {
	float:left;
	display:block;
	width:107px;
	text-align:center;
} 
.typemenu li.lg {
	float:left;
	display:block;
	width:134px;
	text-align:center;
} 
.typemenu a {
	display: block;
	position: absolute;
	outline: none;
	color: #D5CBC2;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#ffffff;
	font-size:1.2em;
	text-decoration:none;
}
.typemenu a:hover {
	background-position: left bottom;
	color:#FFF;
	text-decoration:none;
}
.btnweb {
	background: url(../images/btnportlgb.png) no-repeat left top;
	left:0px;
	width:134px;
	height: 37px;
	padding:15px 0px 0px 28px;
}
.btnprint {
	background: url(../images/btnportg.png) no-repeat left top;
	left:144px;
	width:107px;
	height: 32px;
	padding:20px 0 0 20px;
}
.btnlogo {
	background: url(../images/btnporty.png) no-repeat left top;
	left:261px;
	width:107px;
	height: 32px;
	padding:20px 0 0 20px;
}
.btnweb2 {
	background: url(../images/btnportb.png) no-repeat left top;
	left:261px;
	width:107px;
	height: 32px;
	padding:20px 0 0 20px;
}
.btnprint2 {
	background: url(../images/btnportlgg.png) no-repeat left top;
	left:0px;
	width:134px;
	height: 37px;
	padding:15px 10px 0px 28px;
}
.btnlogo2 {
	background: url(../images/btnporty.png) no-repeat left top;
	left:144px;
	width:107px;
	height: 32px;
	padding:20px 0 0 20px;
}
.btnweb3 {
	background: url(../images/btnportb.png) no-repeat left top;
	left:144px;
	width:107px;
	height: 32px;
	padding:20px 0 0 20px;
}
.btnprint3 {
	background: url(../images/btnportg.png) no-repeat left top;
	left:261px;
	width:107px;
	height: 32px;
	padding:20px 0 0 20px;
}
.btnlogo3 {
	background: url(../images/btnportlgy.png) no-repeat left top;
	left:0px;
	width:134px;
	height: 37px;
	padding:15px 10px 0px 28px;
}
.btntop {
	background: url(../images/btnporttop.png) no-repeat left top;
	left:533px;
	width:107px;
	height: 32px;
	padding:20px 0 0 20px;
}

/* Content
------------------------------------------------------------------*/
.midcontent {
	text-align:left;
	margin-top:40px;
	margin-bottom:50px;
	padding-left:7px;
	padding-right:20px;
	float:left;
	width:500px;
	color:#999;
}
.rightcolumn {
	width:240px;
	float:left;
	text-align:left;
	margin-top:45px;
	margin-left:8px;
	color:#999;
}
.portfolio {
	text-align:left;
	margin-top:40px;
	margin-bottom:20px;
	padding-left:7px;
	width:760px;
	color:#999;
}
.forecast {
	background-image:url(../images/bgforecast.png);
	background-position:center;
	background-repeat:no-repeat;
	width:780px;
	height:101px;
	clear:both;
	margin-top:30px;
	text-align:left;
	padding-top:10px;
	margin-bottom:60px;
} 
.sun {
	float:left;
	position:relative;
	top:-40px;
	left:10px;
}
div.info {
	padding:3px 13px 13px 13px;
}



/* Text Styles
------------------------------------------------------------------*/
div.info {
	font-size:1.0em;
}
h1 {
	font-style:italic;
	font-weight:normal;
	font-size:1.7em;
	color:#282828;
}
h2 {
	font-size:1.8em;
	padding-bottom:5px;
	font-weight:normal;
	font-style:italic;
	color:#FFF;
}
h3 {
	color:#CCC;
	font-size:1.2em;
	font-weight:normal;
	font-style:italic;
	margin-bottom:-15px;
}
.fctitle {
	font-size:1.5em;
	color:#c3c3c3;
	font-style:italic;
	padding-left:20px;
}
.fc {
	font-size:1.5em;
	color:#FFF;
	font-style:italic;
}
.fcstatus {
	font-size:1.2em;
	color:#c3c3c3;
	font-style:italic;
	padding-left:40px;
}
#contact {
	font-style:italic;
}
.status {
	font-size:1.1em;
	color:#a9963f;
}
.req {
	font-size:0.7em;
	font-style:italic;
	color:#CCCCCC;
}


/* Link Styles
------------------------------------------------------------------*/
a:hover, a:active {
	color:#CCCCCC;
	text-decoration:none;
}
a {
	color:#CCCCCC;
	text-decoration:underline;
}
a.types, a.types:visited {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}
a.types:hover, a.types:active {
	text-decoration:none;
	font-weight:bold;
	color:#CCCCCC;
}


/* List Styles
------------------------------------------------------------------*/
ul.skills li:before {
	content: "\00BB \0020";
}


/* Portfolio
------------------------------------------------------------------*/
.work {
	float:left;
	border:5px solid #7F7F7F;
	margin-right:20px;
}
.work:hover {
	border:5px solid #FFFFFF;
}
em.bgport-image {
	display:block;
	background-image:url(../images/bgportfolio-Images.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:1px;
	width:224px;
	font-size:1.8em;
	color:#FFF;
	text-decoration:none;
	outline:none;
	z-index:2;
	position:absolute;
	padding-top: 224px;
}
em.bgport-image:hover {
	background-position:left top;
	color:#FFF;
	outline:none;
}
.port {
	width:640px;
	clear:both;
	height:240px;
}
.port img {
	float:left;
	margin-right:15px;
}
.port span {
	background-image:url(../images/bgportfolio-Images.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:224px;
	width:224px;
	outline:none;
	position:absolute;
	display:block;
	left:0px;
}
.port span:hover {
	background-position:left top;
	color:#FFF;
	outline:none;
}
.portsection {
	width:642px;
	position:relative;
	left:118px;
}
.portswirlb {
	width:153px;
	position:absolute;
	top:208px;
	left:-35px;
	background-image:url(../images/portswirlb.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:500px;
}
.portswirlg {
	width:153px;
	position:absolute;
	top:208px;
	left:-35px;
	background-image:url(../images/portswirlg.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:500px;
}
.portswirly {
	width:153px;
	position:absolute;
	top:208px;
	left:-35px;
	background-image:url(../images/portswirly.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:500px;
}

/* Contact Form
------------------------------------------------------------------*/
#contactform {
	margin-top:10px;
}
input {
	padding:3px 3px 3px 3px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	margin-bottom:10px;
}
textarea {
	padding:3px 3px 3px 3px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	margin-bottom:10px;
}

/* sidebar buttons 
------------------------------------------------------------------*/
a.bgquote {
	display:block;
	background-image:url(../images/btnquote.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:198px;
	padding:30px 20px 0px 25px;
	font-size:1.8em;
	color:#FFF;
	text-decoration:none;
	outline:none;
}
a.bgquote:hover {
	background-position:left top;
	color:#FFF;
	outline:none;
}
a.bgpor {
	display:block;
	background-image:url(../images/btnportfolio.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:198px;
	padding:30px 20px 0px 25px;
	font-size:1.8em;
	color:#FFF;
	text-decoration:none;
	outline:none;
}
a.bgpor:hover {
	background-position:left top;
	color:#FFF;
	outline:none;
}
a.bgserv {
	display:block;
	background-image:url(../images/btnservices.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:198px;
	padding:30px 20px 0px 25px;
	font-size:1.8em;
	color:#FFF;
	text-decoration:none;
	outline:none;
}
a.bgserv:hover {
	background-position:left top;
	color:#FFF;
	outline:none;
}
span.smtext {
	font-size:0.65em;
	color:#CCC;
	text-decoration:none;
}
