/* CSS Document */
html {
height:100%;
}
body {
margin:0;
height:100%;
background-color:#040405;
font-family:arial,helvetica,serif;
font-size:1em;
background-image:url('../images/bg-main-large-pic.jpg');
background-repeat:no-repeat;

}

/* Tags */

h1 {
color:#FFFFFF;
padding:0;
margin:0;
font-size:1.1em;
padding-bottom:15px;
padding-top:15px;
}
h2 {
color:#FFFFFF;
padding:0;
margin:0;
font-size:1em;
}
h3	{
color:#FFFFFF;
padding:0;
margin:0;
font-size:0.8em;
font-weight:bold;
}
p {
font-size:0.8em;
color:#ffffff;
margin:0;
line-height:1.5em;
}
ul	{
color:#FFFFFF;
font-size:0.8em;
padding:0;
margin:0;
}
li	{
list-style-type:none;
padding:0;
margin:0;
}
hr {
border-style:solid;
color:#666666;
background-color:#666666;
height:1px;
}
img	{
margin:0;
padding:0;
border:0;
}
div	{
margin:0;
padding:0;
border:0;
}
a	{
color:#0099FF;
}
a:visited {
color:#FF6666;
}
em {
font-style:normal;
}
/* IDs */

#wrap {
background-image:url('../images/bg-shadow.png');
background-position:top left;
background-repeat:repeat-y;
min-height:100%;
width:820px;
margin:auto;
position:relative;
}
#inner-wrap {
width:780px;
margin:auto;
background-color:#000000;
background-image:url('../images/bg-pattern.gif');
background-position:top left;
background-repeat:repeat;
padding:15px;
padding-bottom:35px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

#left {
float:left;
width:160px;
text-align:left;
height:100%;
}

#logo {
background-color:#FFFFFF;
padding:5px;
}
#skip {
position:absolute;
top:-25px;
left:0px;
width:1px;
height:1px;
overflow:hidden;
}
#tagline{
text-align:center;
font-size:0.8em;
font-weight:bold;
background-color:#FFFFFF;
color:#000000;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}
#nav-phone{
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
text-align:center;
letter-spacing:0.03em;
}
#navbar {
color:#FFFFFF;
}
#navbar ul{
color:#FFFFFF;
margin:0;
padding:0;
list-style-type:none;
}
#navbar ul li {
background-color:#232322;
margin-top:15px;
list-style-type:none;
vertical-align:top;
font-weight:bold;
border-color:#666666;
border-style:solid;
border-width:1px;
}
#navbar ul li a {
display:block;
text-decoration:none;
color:#FFFFFF;
padding:15px 15px 15px 15px;
}
#navbar ul li a:hover {
background-color:#666666;
}
#navbar ul li span{
vertical-align:top;
font-size:0.7em;
font-weight:300;
}
#nav-active {
color:#ce2627;
padding:15px 15px 15px 15px;
background-color:#FFFFFF !important;
}
#services-list {
color:#FFFFFF;
background-color:#232322;
padding:15px;
margin-top:15px;
border-color:#666666;
border-style:solid;
border-width:1px;
}
#services-list h1{
padding:0;
padding-bottom:15px;
margin:0;
}
#services-list ul {
margin: 0px;
padding: 0px;
padding-left: 15px;
color:#FFFFFF;
background-color:#232322;
font-size:0.8em;
font-weight:normal;
list-style-image:url(../images/icon-arrow.png);
}
#services-list ul li {
line-height:1.5em;
padding-bottom:15px;
}
#main {
float:right;
width:605px;
padding:0px;
}
#page-header {
text-align:right;
color:#FFFFFF;
font-size:1em;
font-weight:bold;
vertical-align:top;
}
#clever-image {
text-align:left;
background-color:#FFFFFF;
padding:5px;
margin-top:15px;
}
#footer {
width:100%;
clear:both;
text-align:center;
color:#FFFFFF;
font-size:0.8em;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
padding:15px 0 15px 0;
}
#content-port-sum {
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
margin-top:15px;
padding:15px;
height:210px;
}
#content-port-np {
float:left;
margin-top:15px;
margin-right:15px;
width:80px;
padding:15px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
height:100%;
}
#content-port-site {
float:left;
margin-top:15px;
margin-right:15px;
/*width:93px;*/
padding:15px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
height:100%;
}
#content-port-title {
float:right;
margin-top:15px;
/* width:306px; */
padding:15px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
height:28px;
}
#content-port-pic {
text-align:left;
background-color:#FFFFFF;
padding:5px;
margin-top:15px;
}
#content-gallery {
float:right;
width:780px;
padding:0px;
}

/* #footer {
position:absolute;
bottom:0;
width:100%;
color:#FFFFFF;
font-size:0.7em;
text-align:center;
padding:10px;
} */

/* Classes */

.content {
}
.content-t1 {
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
margin-top:15px;
padding:15px;
}
.content-t2 {
float:left;
margin-top:15px;
padding:15px;
width:263px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
height:100%;
}
.content-t3 {
float:right;
margin-top:15px;
width:263px;
padding:15px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
}
.content-t4 {
float:left;
margin-top:15px;
width:153px;
padding:15px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
height:100%;
}
.content-t5 {
float:right;
margin-top:15px;
width:373px;
padding:15px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
height:100%;
}
.photography-panoramic {
text-align:left;
background-color:#FFFFFF;
padding:5px;
margin-top:15px;
}
.photography-panoramic:hover {
background-color:#666666;
}
.photography-small-wrap {
margin-top:15px;
}
.photography-small-first {
text-align:left;
background-color:#FFFFFF;
padding:5px;
margin-right:13px;
width:183px;
float:left;
}
.photography-small-first:hover {
background-color:#666666;
}
.photography-small-middle {
text-align:left;
background-color:#FFFFFF;
padding:5px;
margin-right:13px;
width:183px;
float:left;
}
.photography-small-middle:hover {
background-color:#666666;
}
.photography-small-endcap {
text-align:left;
background-color:#FFFFFF;
padding:5px;
width:183px;
float:left;
}
.photography-small-endcap:hover {
background-color:#666666;
}
.normal-list li {
padding-bottom:15px;
}
.main-headline {
font-size:2.0em;
padding-bottom:15px;
padding-top:0px;
margin:0px;
}
.sub-headline {
padding-bottom:15px;
padding-top:0px;
margin:0px;
}
.list {
padding-bottom:10px;
}
.list li {
padding-top:10px;
}
.port-pic img {
background-color:#FFFFFF;
padding:5px 5px 5px 5px;
margin-right:15px;
}
.port-label {
color:#FFFFFF;
letter-spacing:0.05em;
padding:5px 0px 5px 0px;
}
.box {
margin-bottom:15px;
float:left;
}
.pic {
float:left;
width:75px;
height:105px;
margin:0 15px 5px 0;
background-color:#FFFFFF;
padding:5px;
}
.bold {
color:#FFFFFF;
font-weight:bolder;
letter-spacing:0.05em;
font-size:1.1em;
}
.right {
float:right;
text-decoration:none;
}
.left {
float:left;
text-decoration:none;
}
.center {
text-align:center;
text-decoration:none;
}
.news-txt {
font-size:0.8em;
color:#FFFFFF;
}
.about {
}
.about img {
float:left;
width:85px;
height:115px;
margin:0 15px 15px 0;
background-color:#FFFFFF;
padding:5px;
}
.red {
color:#FF0000 !important;
}
.port-pic-icon {
background-color:#FFFFFF;
padding:5px;
}
.port-pic-icon:hover {
background-color:#666666;
padding:5px;
}
.port-pic {
color:#000000;
font-weight:bold;
font-size:0.8em;
float:right;
margin-top:15px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
background-color:#FFFFFF;
padding:5px;
}
.clear {
clear:both;
height:0px;
margin-bottom:15px;
}
.button {
padding:5px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
font-size:0.8em;
color:#ffffff;
margin:0;
}
.button-nofunction {
padding:5px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
font-size:0.8em;
color:#ffffff;
margin:0;
}
.button:link {
background-color:#666666;
color:#FFFFFF;
}
.button:visited {
background-color:#232322;
color:#FFFFFF;
}
.button:hover {
background-color:#666666;
color:#FFFFFF;
}
.port-title {
padding:5px;
background-color:#232322;
border-color:#666666;
border-style:solid;
border-width:1px;
font-size:0.8em;
color:#ffffff;
margin:0;
}
.bg-black {
background-color:#000000;
}
/* IE Quirks Code */

/*
* html #wrap {height:100%}
 <!--[if IE]>
<style type="text/css">
#main,
#inner-wrap,
#wrap {
zoom:1;
}
</style>
<![endif]-->
*/