/* CSS Document */

HTML,BODY,TD,H1,H2,H3,H4,OL,UL,DL,LI,DT,DD {font-family:arial,helvetica,sans-serif;}
h1 {display:none;margin:0;padding:0;}
h2 {color:#ffffff;font-weight:bold;font-size:14px;margin:0 0 5px 0;padding:0;}
h2 .small {font-size:12px;}
h3 {color:#ffffff;font-weight:bold;font-size:14px;margin:0 0 5px 0;padding:0;}
h4 {color:#ffffff;font-weight:normal;font-size:12px;margin:-2px 0 5px 0;padding:0;}
p {margin:0 0 13px 0;}

body {background-color:transparent;height: 100%;width: 100%;margin: 0;}

html {height: 100%;}

/** layering **/
.contentFrame {position:relative;height: 450px; width: 948px; left: 170px;top:210px; z-index:5;}
.contentFrameContainer {position:relative; z-index:5;height: 1px;}
.bgMovie {position:absolute; top:0; left:0; z-index:2;width:100%;height:100%;}
.pageFrame {width:1024px;height:768px;position: absolute;left: 50%;top: 50%;margin-left: -512px;margin-top: -384px;background-color:#000000;}

/** home buttons **/
.homeButtons {position:relative;height: 1px; width: 506px; left: 0;top:0; z-index:7;left: 50%;top: 48%;margin-left: -253px;margin-top: -10px;padding:0;}
.aboutButton {margin-right:35px;}
.servicesButton {margin-right:33px;}
.workButton {margin-right:35px;}
.clientsButton {margin-right:31px;}

.copy {float:left;color:#ffffff;font-size:11px;width:220px;height:375px;line-height:14px;}
.services {color:#ffffff;font-size:11px;width:600px;height:375px;line-height:14px;}
.servicesList {float:left;width:225px;margin-left:20px;}
a:link {text-decoration:none;color:#ffffff;}
a:visited {text-decoration:none;color:#ffffff;}
a:hover {text-decoration:none;color:#4c85c2;background-color:transparent;}
.comment {border:1px solid #ffffff;color:#ffffff;font-size:11px;font-family:arial,helvetica,sans-serif;background-color:transparent;padding:3px;margin:0 0 5px 0;}
.commentSend {margin-top:3px;}
.fifteenbottom {margin-bottom:15px;}
.tenbottom {margin-bottom:10px;}
.fifteentop {margin-top:15px;}
.tentop {margin-top:10px;}
ul {margin:0;padding:0;font-size:12px;}
li {margin:0;padding:0;list-style:none;font-size:12px;}

.seeWork {color:#ffffff;font-weight:bold;float:right;font-size:12px;}
.seeWork a:link {text-decoration:none;color:#ffffff;}
.seeWork a:visited {text-decoration:none;color:#ffffff;}
.seeWork a:hover {text-decoration:none;color:#4c85c2;}

.aboutFrame {color:#ffffff;font-size:11px;width:220px;height:450px;line-height:14px;margin-left:185px;}
.servicesFrame {color:#ffffff;font-size:11px;width:545px;height:450px;line-height:14px;margin-left:311px;}
.workFrame {color:#ffffff;font-size:11px;height:450px;line-height:14px;margin-left:3px;width:650px;}
.clientsFrame {color:#ffffff;font-size:11px;width:200px;height:450px;line-height:14px;margin-left:293px;}
.newsFrame {color:#ffffff;font-size:11px;width:250px;height:450px;line-height:14px;margin-left:465px;}

.gotoSite {color:#ffffff;font-weight:bold;float:right;font-size:12px;margin-top:15px;}
.gotoSite a:link {text-decoration:none;color:#ffffff;}
.gotoSite a:visited {text-decoration:none;color:#ffffff;}
.gotoSite a:hover {text-decoration:none;color:#4c85c2;}

/** work image switcher **/
.imgsw {width:650px;}
.imgsw img {border:none;}

.imgsw_list_thumbnails a.active:link {margin:6px 0 0 0;padding:0;}
.imgsw_list_thumbnails a.active:visited {margin:6px 0 0 0;padding:0;}
.imgsw_list_thumbnails a.active:hover {margin:6px 0 0 0;padding:0;}
.imgsw_list_thumbnails a:link {float:left;margin:6px 0 0 0;padding:0;}
.imgsw_list_thumbnails a:visited {margin:6px 0 0 0;padding:0;}
.imgsw_list_thumbnails a:hover {margin:6px 0 0 0;padding:0;}
.imgsw_list_thumbnails {padding:0;margin:0;border:none;}
.imgsw_list_thumbnails img {border:none;padding:0;margin:0 6px 0 0;}

.imgsw_image {margin:0;padding:0;}
.caption {width:230px;height:288px;float:left;}
.caption .copy {color:#ffffff;font-size:11px;line-height:14px;margin-left:15px;}
.caption h3 {margin-left:15px;}
.largeVersion {float:left;}

.workList {font-size:12px;color:#ffffff;margin-bottom:20px;margin-top:-10px;}
.workList li {font-size:12px;color:#ffffff;margin:0 0 2px 0;}
.workList li a:link {font-size:12px;color:#4d68aa;}
.workList li a:visited {font-size:12px;color:#4d68aa;}
.workList li a:hover {font-size:12px;color:#ffffff;}
.workList li a:active {font-size:12px;color:#ffffff;}
.workListContainer {margin-left:15px;margin-top:10px;}
.workListContainer h2 {color:#ffffff;font-weight:bold;font-size:14px;margin-bottom:6px;}

.footer {color:#4d68aa;font-size:11px;text-align:center;width:1024px;margin-top:4px;position:absolute;left: 50%;top: 100%;margin-left: -512px;}