/*Reset Styles*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-weight:normal}
body{color:#403c3b; font-family:Verdana,Tahoma,sans-serif; font-size:11px; line-height:14px}
a, a:visited{color:#507594}
a:hover{
color:#103D6D
}
#header{background-color:#f9fafc; background-image:url(../images/headerBg.gif); background-repeat:repeat-x; width:100%}
#headerContent{width:928px; height:350px; margin-right:auto; margin-left:auto; padding-right:48px; padding-left:48px}
#headerContent .logo{
margin-top:40px;
float:left;
height: 236px;
width: 230px;
}
#headerContent .banner{
margin-top:35px;
float:right;
height: 248px;
width: 668px;
}
#top{background-color:#FFF; background-image:url(../images/contentAreaBg.jpg); background-repeat:repeat-x; width:100%; float:left}
#bottom{width:100%; float:left; background-image:url(../images/bottomBg.jpg)}
#bottomContent{width:928px; margin-right:auto; margin-left:auto; height:275px; background-image:url(../images/bottomContentBg.jpg); background-position:0px; padding-right:48px; padding-left:48px; padding-top:40px}
#bottomContent #leftCol .carousel{
width:479px;
height:114px;
background-image:url(../images/carouselPlayerBg.png);
background-repeat: no-repeat;
}
#bottomContent #rightCol{width:300px; float:right}
#bottomContent #leftCol a.portfolioLink, #bottomContent .carousel a.portfolioLink:visited{background-image:url(../images/linkArrow.png); text-decoration:none; padding-right:15px; background-position:right 6px; background-repeat:no-repeat; margin-left:350px}
#bottomContent #leftCol a.portfolioLink:hover{ background-position:right -5px;}
#topContent{width:928px; margin-right:auto; margin-left:auto; padding-top:40px; padding-right:48px; padding-left:48px; padding-bottom:40px; background-repeat:repeat-y}
#topContent .infoBox{width:256px; height:88px; background-image:url(../images/infoBoxBg.png); float:left; margin-top:20px; margin-right:18px; background-repeat:no-repeat; padding:20px}
#topContent .infoBox.last{margin-right:0px}
#topContent .infoBox img{margin-top:1px; float:left}
#topContent .infoBox p{width:205px; height:65px; padding-left:65px; background-repeat:no-repeat; background-position:left 0px}
#topContent .infoBox p.webDev{background-image:url(../images/webDevIcon.png)}
#topContent .infoBox p.contMgmt{background-image:url(../images/contentIcon.png)}
#topContent .infoBox p.webHost{background-image:url(../images/hostingIcon.png)}
#topContent .infoBox a, #topContent .infoBox a:visited{background-image:url(../images/linkArrow.png); text-decoration:none; padding-right:18px; background-position:31px 6px; background-repeat:no-repeat; margin-top:0px; padding-top:0px; display:block}
#topContent .infoBox a:hover{
background-position:31px -5px;}
h1{color:#003d6d; font-size:17px; line-height:18px; height:27px}
h2{color:#003d6d; font-size:15px; height:24px}
#bottomContent #leftCol{float:left; width:520px; padding-left:28px}
#bottomContent #rightCol a.quoteBtn{
height:24px;
width:124px;
background-image:url(../images/quoteBtn.png);
display:block;
margin-top:12px;
background-position:left top;
background-repeat: no-repeat;
}
#bottomContent #rightCol a.quoteBtn:hover{
background-position:left -25px;
}
.clearfloat{clear:both; height:0}
#nav ul{list-style:none; float:left; width:930px}
#nav li{float:left; padding:0; margin:0; overflow:hidden; display:block}
#nav a{text-align:center; float:left; height:12px; padding:0; white-space:nowrap; margin:0; display:block; text-indent:-9999px}
#nav li.home a{height:40px; width:232px; background-image:url(../images/nav.gif); background-position:0px 0px}
#nav li.home a:hover, #nav li.homeCurrent{height:40px; width:232px; background-image:url(../images/nav.gif); background-position:0px -43px}
#nav li.services a{width:232px; height:40px; background-image:url(../images/nav.gif); background-position:-232px 0px}
#nav li.services a:hover, #nav li.servicesCurrent{width:232px; height:40px; background-image:url(../images/nav.gif); background-position:-232px -43px}
#nav li.portfolio a{width:232px; height:40px; background-image:url(../images/nav.gif); background-position:-464px 0px}
#nav li.portfolio a:hover, #nav .portfolioCurrent{width:232px; height:40px; background-image:url(../images/nav.gif); background-position:-464px -43px}
#nav li.contact a{width:232px; height:40px; background-image:url(../images/nav.gif); background-position:-696px 0px}
#nav li.contact a:hover, #nav li.contactCurrent{width:232px; height:40px; background-image:url(../images/nav.gif); background-position:-696px -43px}
#footer{width:100%; float:left; background-image:url(../images/footerBg.jpg); background-repeat:repeat; background-position:50% top}
#footerContent{
width:928px;
margin-right:auto;
margin-left:auto;
padding-top: 40px;
padding-right: 48px;
padding-bottom: 40px;
padding-left: 48px;
}
#footerContent .infoBox {
width:270px;
height:65px;
float:left;
margin-right: 30px;
text-align: right;
color: #F4F9FD;
}
/*Thickbox Popup
*/
#project-details{display:block; width:930px}
#project-details .project-details-area{position:absolute; left:-3px; top:-10px; height:450px; width:941px}
#project-details #gallery{position:relative; overflow:hidden; width:650px; height:500px}
#project-details ul.gallery{position:absolute; left:0; top:0; width:25000px; height:500px; z-index:21}
#project-details ul.gallery li{float:left; width:650px}
#project-details #navi-gallery a{padding:0 3px}
#project-details a{color:#fefefe; font-weight:bold; text-decoration:underline}
#project-details a:hover{text-decoration:none; background:#fefefe; color:black}
#project-details #navi-gallery span{font-weight:bold}
#project-details #navi-gallery .-image{position:absolute; left:12px; top:11px}
#project-details #navi-gallery .next-image{position:absolute; right:12px; top:11px}
#project-details #navi-gallery .-image:hover{color:black; background:#fefefe}
#project-details .proj-info{position:absolute; right:20px; top:10px; width:250px}
#project-details .proj-info a{color:#666}
#project-details .proj-date{color:#999; margin:0 0 15px 0}
#project-details .proj-info h4,
#project-details .proj-info h3{line-height:18px; margin:0; padding:0}
#project-details .proj-info h4{font-size:18px; font-weight:normal; color:#eee}
#project-details .proj-info h3{font-size:12px; line-height:20px; color:#59b5ab}
/* P R O J E C T D E T A I L
*/
#project-details{display:block; width:930px}
#project-details .project-details-area{position:absolute; left:-3px; top:-10px; height:450px; width:941px}
#project-details #gallery{position:relative; overflow:hidden; width:650px; height:500px}
#project-details ul.gallery{position:absolute; left:0; top:0; width:25000px; height:500px; z-index:21}
#project-details ul.gallery li{float:left; width:650px}
#project-details #navi-gallery a{padding:0 3px}
#project-details a{color:#fefefe; font-weight:bold; text-decoration:underline}
#project-details a:hover{text-decoration:none; background:#fefefe; color:black}
/* Project details NAVI */
#project-details #navi-gallery{position:absolute; left:0; bottom:0; width:650px; height:20px; padding:10px 0; color:#ccc; background:#000; text-align:center; z-index:22}
#project-details #navi-gallery span{font-weight:bold}
#project-details #navi-gallery .-image{position:absolute; left:12px; top:11px}
#project-details #navi-gallery .next-image{position:absolute; right:12px; top:11px}
#project-details #navi-gallery .-image:hover{color:black; background:#fefefe}
#project-details .proj-info{position:absolute; right:58px; top:46px; width:250px}
#project-details .proj-info a{color:#666}
#project-details .proj-date{color:#999; margin:0 0 15px 0}
#project-details .proj-info h4,
#project-details .proj-info h3{line-height:18px; margin:0; padding:0}
#project-details .proj-info h4{font-size:18px; font-weight:normal; color:#eee}
#project-details .proj-info h3{font-size:12px; line-height:20px; color:#59b5ab}
/* --- CONTACT --- */
form .footer p{float:left; display:inline; width:274px; color:#486276; font-style:italic; line-height:1.5em; padding-top:0.8333em; padding-bottom:0}
.contact_form .box_top{padding-top:0.875em}
.form_left{float:left; display:inline; width:274px; padding:0px 30px 0px 30px}
form input, form textarea{float:left; display:block; width:244px; background:none; margin:0px; padding:14px 15px 16px 15px; border:none; background:url(../images/backgrounds/input_bott.gif) no-repeat bottom right; font-family:Arial,Helvetica,sans-serif; font-size:0.75em; color:#60788b}
form textarea{overflow:auto; line-height:1.5em; padding:12px 15px 16px 15px; height:186px}
form input.submit{float:right; display:inline; margin-right:60px; background:none; padding:0px; background:none; width:auto}
form span{float:left; overflow:hidden; display:block; background:url(../images/backgrounds/input_top.gif) no-repeat top left}
form label{float:left; display:block; width:244px; font-size:0.875em; line-height:1.5174em; color:#60788b; padding:0.7142em 0 0.5714em 0; text-indent:8px}
form .footer{float:left; display:inline; width:578px; background:url(../images/form_line.gif) repeat-x top left; margin-top:1.6875em; margin-left:2px; margin-right:2px; padding-top:1.375em; padding-bottom:0.6875em; padding-left:28px; padding-right:28px}/* ---- BOX ---- */
.box_top, .box_bott{float:left; display:inline; width:638px}
.box_top{padding-top:0.375em; background:url(../images/bg_box_top.gif) no-repeat top left; overflow:hidden}
.box_bott{height:10px; background:url(../images/bg_box_bott.gif) no-repeat bottom left; font-size:0.1em; margin-bottom:18px}
.cruises .box_top{padding-left:30px; width:608px; padding-top:0.875em; padding-bottom:0.375em; margin-top:1em}