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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding-top: 0px;
border : 0;
font-weight : normal;
font-style : normal;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
}
table {
border-collapse : collapse;
}
ul {
list-style : none;
}
html, body {
height : 100%;
}
#container {
min-height : 100%;
margin-bottom : -75px;
position : relative;
}
a {
text-decoration : none;
outline : none;
}
a:hover {
text-decoration : none;
color : #238ceb;
}
body {
background : #f4f4f4 url(../images/bkgd.png) repeat-x;
font-family : Arial, Helvetica, sans-serif;
}
p {
font-size : 12px;
color : #333;
}
.clear {
clear : both;
}
.invs {
display : none;
}
#main {
background : url(../images/highlight_bkgd.jpg) no-repeat top;
background-position : 0 -3px;
width : 960px;
display : block;
margin : 0 auto;
padding-top : 5px;
position : relative;
overflow : hidden;
}
#main_col {
width : 973px;
display : block;
margin : 0 auto;
padding-top : 5px;
position : relative;
overflow : hidden;
}
#shadow_left {
position : absolute;
background-image : url(../images/bkgd_shadow_left.png);
width : 29px;
height : 628px;
z-index : 10;
left : 0;
top : 0;
}
#shadow_right {
position : absolute;
background-image : url(../images/bkgd_shadow_right.png);
width : 29px;
height : 628px;
z-index : 10;
right : 0;
top : 0;
}
#port_splash {
width : 973px;
height : 325px;
display : block;
padding-top : 40px;
overflow : hidden;
position : relative;
visibility : hidden;
left : -5000px;
}
#port_splash li {
width : 1000px;
height : 325px;
margin : 0 80px;
position : relative;
float : left;
display : block;
background : url(../images/splash_shadow.png) no-repeat left bottom;
}
#port_splash .content {
width : 275px;
height : 320px;
position : absolute;
z-index : 10;
right : 0;
margin-right : 203px;
margin-top : 0;
overflow : hidden;
background : url(../images/splash_cover_black.png) no-repeat top right;
}
#port_splash .logo {
width : 200px;
height : 125px;
float : left;
overflow : hidden;
margin-top : 20px;
margin-left : 20px;
}
#port_splash .details {
float : left;
color : #f4f4f4;
margin-left : 20px;
margin-top : 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 5px;
}
#port_splash .details .cost {
float : left;
margin-right : 75px;
}
#port_splash .details .timeline {
float : left;
}
#port_splash .details h1 {
font-size : 18px;
margin-bottom : 10px;
}
#port_splash .details h2 {
font-size : 16px;
margin-bottom : 10px;
}
#port_splash .details h3 {
font-size : 16px;
margin-bottom : 10px;
}
#port_splash .details h4 {
font-size : 10px;
text-transform : uppercase;
color : #555555;
margin-bottom : 0;
}
.visitsite {
position : absolute;
z-index : 10;
left : 10px;
top : 260px;
color : #545454;
width : 97px;
height : 24px;
font-size : 12px;
display : block;
background : url(../images/trans_button.png) no-repeat;
padding-left : 18px;
padding-top : 8px;
font-weight : bold;
text-transform : uppercase;
}
.visitsite:hover {
background-position : 0 -32px;
color : #238ceb;
}
.visitsite:active {
top : 262px;
}

#port_slideshow {
position : relative;
float : left;
height : 530px;
width : 620px;
margin-left : 50px;
background : url(../images/splash_shadow.png) no-repeat bottom left;
}
#port_slideshow img {
position : absolute;
margin-top : 0;
margin-left : 10px;
top : 0;
left : 0;
z-index : 8;
}
#port_slideshow img.active {
z-index : 10;
}
#port_slideshow img.last-active {
z-index : 9;
}
#port_details {
width : 250px;
display : block;
float : right;
margin-right : 60px;
}
#port_grid {
display : block;
margin : 0 auto;
margin-bottom : 50px;
width : 902px;
}
#port_grid li {
display : inline;
}
.sel {
list-style : none;
float : left;
width : 62px;
height : 49px;
margin : 6px;
position : relative;
cursor : pointer;
}
.port_ewb {
background : url(../images/portfolio/haitiennemag_small.jpg) no-repeat;
}
.port_ewb:hover {
top : -3px;
}
.port_gw08_3 {
background : url(../images/gansett_small.jpg) no-repeat;
}
.port_gw08_3:hover {
top : -3px;
}
.port_yoft {
background : url(../images/nypartystop_small.jpg) no-repeat;
}
.port_yoft:hover {
top : -3px;
}
.port_kuh {
background : url(../images/tobago_small.jpg) no-repeat;
}
.port_kuh:hover {
top : -3px;
}
.port_gw08 {
background : url(../images/portfolio/vengeful_small.jpg) no-repeat;
}
.port_gw08:hover {
top : -3px;
}
.port_twr {
background : url(../images/rumors_small.jpg) no-repeat;
}
.port_twr:hover {
top : -3px;
}
.port_bw08 {
background : url(../images/portfolio/tg_small.jpg) no-repeat;
}
.port_bw08:hover {
top : -3px;
}
.port_gw08_2 {
background : url(../images/portfolio/mynailsatv_small.jpg) no-repeat;
}
.port_gw08_2:hover {
top : -3px;
}
.port_bdf {
background : url(../images/portfolio/lvd_small.jpg) no-repeat;
}
.port_bdf:hover {
top : -3px;
}
.port_pi {
background : url(../images/portfolio/crownvibes_small.jpg) no-repeat;
}
.port_pi:hover {
top : -3px;
}
.port_kes {
background : url(../images/portfolio/gayle_small.jpg) no-repeat;
}
.port_kes:hover {
top : -3px;
}
.port_ipd {
background : url(../images/humanitarian_small.jpg) no-repeat;
}
.port_ipd:hover {
top : -3px;
}
#index_splash {
width : 520px;
height : 550px;
float : left;
background : url(../images/index_splash.png) no-repeat right 50px;
}
#index_content {
width : 350px;
height : 300px;
float : right;
margin-top : 175px;
margin-right : 100px;
}
#index_content img {
position : relative;
left : -3px;
margin-bottom : 10px;
}
#index_content p {
line-height : 20px;
}
#index_content .hl {
width : 325px;
height : 2px;
background : url(../images/about_sidebar_hl.png) no-repeat top center;
margin : 10px auto;
}
.port_button {
color : #545454;
width : 145px;
height : 39px;
font-size : 14px;
display : block;
margin : 10px;
float : right;
line-height : 32px;
background : url(../images/port_button.png) no-repeat;
padding-left : 20px;
font-weight : bold;
padding-top : 2px;
position : relative;
cursor : pointer;
}
.port_button:hover {
background-position : 0 -40px;
}
.port_button:active {
top : 2px;
}
.quote_button {
color : #545454;
width : 145px;
height : 39px;
font-size : 14px;
display : block;
margin : 10px;
float : right;
line-height : 32px;
background : url(../images/port_button.png) no-repeat;
padding-left : 14px;
font-weight : bold;
padding-top : 2px;
position : relative;
overflow : hidden;
cursor : pointer;
}
.quote_button:hover {
background-position : 0 -40px;
}
.quote_button:active {
top : 2px;
}
.button {
color : #545454;
width : 97px;
height : 24px;
font-size : 12px;
display : block;
margin-top : 10px;
background : url(../images/trans_button.png) no-repeat;
margin-right : 25px;
padding-left : 13px;
padding-top : 8px;
font-weight : bold;
position : relative;
cursor : pointer;
}
.button:hover {
background-position : 0 -32px;
color : #238ceb;
}
.button:active {
top : 2px;
}
.next {
float : right;
margin-right : 30px;
}
.prev {
float : left;
margin-left : 30px;
}
#columns {
margin-top : 35px;
width : 973px;
height : 250px;
overflow : hidden;
padding-top : 25px;
background : url(../images/columns_bkgd.png) no-repeat center top;
}
#columns .col {
width : 283px;
padding : 0 25px;
float : left;
}
.col p {
line-height : 20px;
font-size : 12px;
}
.title {
width : 100%;
height : 16px;
margin-bottom : 10px;
}
.title h1 {
display : none;
}
.title h2 {
display : none;
}
.ip {
background : url(../images/titles.png) no-repeat;
background-position : 0 0;
}
.im {
background : url(../images/titles.png) no-repeat;
background-position : 0 -17px;
}
.wd {
background : url(../images/titles.png) no-repeat;
background-position : 0 -68px;
}
.pd {
background : url(../images/titles.png) no-repeat;
background-position : 0 -51px;
}
.raq {
background : url(../images/titles.png) no-repeat;
background-position : 0 -34px;
}
.raq2 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -437px;
margin-bottom : 5px;
}
.wdpd {
background : url(../images/titles.png) no-repeat;
background-position : 0 -84px;
height : 89px;
margin-bottom : 15px;
}
.wdpd h2 {
display : none;
}
.abt {
background : url(../images/titles.png) no-repeat;
background-position : 0 -180px;
height : 30px;
margin-top : 25px;
}
.abt1 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -211px;
height : 18px;
margin-top : 20px;
margin-bottom : 3px;
}
.abt2 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -232px;
height : 16px;
margin-bottom : 3px;
}
.abt3 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -251px;
height : 16px;
margin-bottom : 3px;
}
.abt_def {
background : url(../images/titles.png) no-repeat;
background-position : 0 -306px;
height : 19px;
margin-bottom : 3px;
margin-top : 50px;
margin-left : 5px;
}
.abt_bb {
background : url(../images/titles.png) no-repeat;
background-position : 0 -268px;
height : 19px;
margin-bottom : 3px;
}
.abt_mg {
background : url(../images/titles.png) no-repeat;
background-position : 0 -288px;
height : 19px;
margin-bottom : 3px;
}
.cont {
background : url(../images/titles.png) no-repeat;
background-position : 0 -325px;
height : 30px;
margin-top : 25px;
}
.cont1 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -356px;
height : 18px;
margin-top : 30px;
margin-bottom : 3px;
}
.cont2 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -379px;
height : 23px;
margin-top : 30px;
margin-bottom : 7px;
}
.cont2 p {
padding-top : 8px;
padding-left : 220px;
}
.satc {
background : url(../images/titles.png) no-repeat;
background-position : 0 -420px;
height : 16px;
margin-bottom : 5px;
}
.addr {
background : url(../images/titles.png) no-repeat;
background-position : 0 -402px;
height : 17px;
margin-bottom : 7px;
margin-top : 80px;
}
.quo {
background : url(../images/titles.png) no-repeat;
background-position : 0 -455px;
height : 30px;
margin-top : 25px;
}
.quo1 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -486px;
height : 16px;
margin-top : 3px;
}
.quo2 {
background : url(../images/titles.png) no-repeat;
background-position : 0 -503px;
height : 16px;
margin-top : 3px;
}
.quo2space {
margin-bottom : 100px;
}
.typeproj {
background : url(../images/titles.png) no-repeat;
background-position : 0 -520px;
height : 16px;
margin-top : 3px;
margin-bottom : 2px;
}
.projback {
background : url(../images/titles.png) no-repeat;
background-position : 0 -536px;
height : 16px;
margin-top : 3px;
margin-bottom : 4px;
}
.hostpr {
background : url(../images/titles.png) no-repeat;
background-position : 0 -553px;
height : 16px;
margin-top : 3px;
margin-bottom : 2px;
}
.projtm {
background : url(../images/titles.png) no-repeat;
background-position : 0 -570px;
height : 16px;
margin-top : 3px;
margin-bottom : 2px;
}
#main_col #content {
background : url(../images/col_main_bkgd.png) no-repeat top right;
width : 500px;
float : left;
padding-left : 25px;
}
#main_col #content p, #main_col #sidebar p {
line-height : 20px;
font-size : 12px;
color : #555;
}
#main_col #content ul {
margin-top : 10px;
margin-left : 30px;
}
#main_col #content li {
font-size : 14px;
margin-bottom : 10px;
color : #333;
}
#main_col #content .hl_top {
width : 486px;
height : 2px;
background : url(../images/about_main_hl_top.png) no-repeat top center;
margin : 20px auto;
}
#main_col #content .hl {
width : 486px;
height : 2px;
background : url(../images/about_main_hl.png) no-repeat top center;
margin : 20px auto;
}
#main_col #sidebar {
background : url(../images/col_side_bkgd.png) no-repeat top left;
width : 350px;
float : right;
padding-right : 25px;
padding-top : 30px;
padding-left : 50px;
}
#main_col #sidebar ol {
margin-top : 5px;
margin-left : 25px;
}
#main_col #sidebar li {
color : #555;
font-size : 14px;
line-height : 20px;
margin-bottom : 10px;
}
#main_col #sidebar .hl {
width : 325px;
height : 2px;
background : url(../images/about_sidebar_hl.png) no-repeat top center;
margin : 20px auto;
}
form ul {
position : relative;
left : -30px;
margin-top : 10px;
margin-bottom : 60px;
}
label {
display : block;
font-size : 14px;
color : #242424;
margin : 0 0 2px 0;
}
input, textarea {
color : #666;
}
textarea:focus {
color : #000;
}
input#name {
margin-top : 15px;
}
input#name, input#company {
width : 175px;
background : #fff;
border : 1px solid #bbb;
padding : 5px;
}
input#email {
width : 225px;
background : #fff;
border : 1px solid #bbb;
padding : 5px;
}
input#name:hover, input#company:hover, input#email:hover {
border : 1px solid #999;
}
textarea {
width : 450px;
height : 150px;
background : #fff;
border : 1px solid #bbb;
padding : 5px;
}
.projbkgd {
width : 450px;
height : 150px;
}
.typeservice {
width : 450px;
height : 75px;
}
.hostprint {
width : 340px;
height : 75px;
}
.projtime {
width : 340px;
height : 100px;
}
.sideform {
margin-top : 65px;
padding-left : 20px;
}
textarea {
font-family : Arial, Helvetica, sans-serif;
}
textarea:hover {
border : 1px solid #999;
}
textarea:focus {
border : 1px solid #000;
}
.formbutton {
background : url(../images/trans_button.png) no-repeat top center;
font-size : 14px;
font-weight : bold;
border : none;
color : #545454;
width : 97px;
height : 32px;
display : block;
float : left;
cursor : pointer;
}
.formbutton:hover {
background-position : 0 -32px;
color : #238ceb;
}
.buttonspace {
width : 270px;
height : 32px;
float : left;
}
.aboutlist li {
list-style-image : url(../images/aboutlist_bullet.png);
color : #333;
}
.sent {
font-size : 12px;
color : #666;
}