@charset "UTF-8";
/* CSS Document */

/*global styles*/
* {margin:0; padding:0;}
body {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:62.5%; background:#000 url(images/bg.jpg) no-repeat center .1px;text-decoration:none;}
a {outline:none; font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; text-decoration:none;}
span {display:none;}
@font-face {font-family:Big Caslon;src:url(images/BigCaslon.ttf) format("truetype"); color:#fff;} 
@font-face {font-family:AlternateGotNo3D;src:url(images/AlterGotNo3D.ttf) format("truetype"); color:#fff;}
@font-face {font-family:Prelo Slab ExtraLight;src:url(images/PreloSlab-ExtraLight.otf) format("opentype"); color:#fff;}



#container {width:913px; overflow:hidden; margin:44px auto 0; background-color:#000;}
#logo {position:absolute;z-index:50;top:0; margin:0 0 0 15px;}
#nav {width:812px; height:36px; background:url(images/navBg.gif) repeat-y; float:right; margin:1px 7px 0 0;}
#nav ul {text-align:right; margin:10px 0 0 0; }
#nav ul li {display:inline;list-style-type:none; margin:0 12px 0;}
#nav ul li a { letter-spacing:2.1px;color:#fff;}
#nav ul li a:hover, #nav ul li a:active, #dhome #nav ul li#nHome a, #dportfolio #nav ul li#nPortfolio a, #dservices #nav ul li#nServices a, #dcontact #nav ul li#nContact a {text-decoration:none; color:#444343;}

/*home styles*/
#dhome #main #slideshowHolder {width:900px; height:274px; clear:both;margin:1px auto;}
#dhome #main #contentContainer {width:900px; height:336px;background:url(images/mainContentBg.jpg) no-repeat;margin:0 auto 7px;}
#main #lcol {width:606px; height:308px; float:left; margin:18px 0 0 14px;}
#main #lcol #top {width:606px; height:98px; }
#main #lcol #top h2 {width:577px; height:60px; padding: 20px 0 0 15px; }
p.section {width:150px; font-family:AlternateGotNo3D, Arial, Verdana, sans-serif; color:#fff; font-size:18px; line-height:23px; text-align:center; margin:10px auto;letter-spacing:.5px;}

#main #lcol #left {width:194px; height:185px; float:left;  }
#main #lcol #left h3 {padding:18px 0 10px 14px;}
#main #lcol #left p.button {width:87px;height:20px; background-color:#000; margin:0 auto;}
#main #lcol #left p.button a {display:block; font-size:8px;letter-spacing:2px; padding:5px 0; margin:0 auto;text-align:center;}
#main #lcol #left p.button a:hover { display:block; background-color:#fff;color:#000;   }

#main #lcol #center {float:left;width:229px; height:185px;}
#main #lcol #center h4 {height:33px;padding:18px 0 10px 20px; }
#main #lcol #center p.button {width:87px;height:20px;text-align:center;background-color:#000;  margin:0 auto; }
#main #lcol #center p.button a {display:block;font-size:8px;letter-spacing:2px;text-align:center;margin:0 auto; padding:5px 0;}
#main #lcol #center p.button a:hover {display:block; background-color:#fff; color:#000;}

#main #lcol #right {width:175px; height:185px;float:left;}
#main #lcol #right h5 {height:33px;padding:18px 0 10px 20px; }
#main #lcol #right p.button {width:87px; height:20px; text-align:center; background-color:#000; margin:0 auto; }
#main #lcol #right p.button a {display:block;font-size:8px;letter-spacing:2px;text-align:center;margin:0 auto; padding:5px 0;}
#main #lcol #right p.button a:hover {display:block; background-color:#fff; color:#000; }

#main #lcol #bottom {width:595px; height:28px;clear:both; }
#main #lcol #bottom p#copyright {width:270px; height:18px; padding:8px 0 0 15px;float:left;}
#main #rcol {width:255px; height:309px; float:left;padding:20px 0 0 10px;}
#main #rcol h6 {width:171px; height:31px;margin:40px auto; }
#main #rcol p.video {width:231px; height:81px;margin:0 auto; }

/*portfolio styles*/
#contentContainer {width:900px;clear:both;}
.webDisplay {width:574px; height:396px;background:url(images/webDisplayBg.jpg) no-repeat;margin:55px 15px 0;float:left;}
.webDisplay p.websiteImg {width:443px; height:308px;margin:44px auto 0;}
.websiteContent {width:200px;height:396px;float:left; margin:50px 0 0 50px; display:block;}
p.client {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px;  letter-spacing:.5px;font-weight:normal;}
ul.desc {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px; text-align:justify; letter-spacing:.5px;font-weight:normal;margin:50px auto;list-style-type:none;}
#websiteThumbs {width:900px; height:123px;clear:both;background-color:#000;margin:50px 0 0 0;}
p.websiteButton a {display:block; width:80px; height:15px;height:15px;padding:3px 5px; height:15px;color:#000;font-size:8px;letter-spacing:2px;text-align:center;background-color:#fff;margin:20px auto;}
p.websiteButton a:hover {background-color:#383838; color:#fff;padding:3px 5px;margin:0 auto; }

#logoswrapper {width:900px; height:581px; }
.top {width:900px; height:185px; margin:80px 0 0 0; }
.bottom {width:900px; height:185px; clear:both;}
p.l {float:left; margin:60px 0 0 65px;}
.toplabel {clear:both;}
.bottomlabel {clear:both;}
p.tclientt {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px;  letter-spacing:.5px;font-weight:normal;float:left; margin:10px 0 0 100px;}
p.tclientm {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px;  letter-spacing:.5px;font-weight:normal;float:left; margin:10px 0 0 120px;}
p.tclientb {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px;  letter-spacing:.5px;font-weight:normal;float:left; margin:10px 0 0 140px;}
p.bclientt {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px;  letter-spacing:.5px;font-weight:normal;float:left; margin:10px 0 0 100px;}
p.bclientm {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px;  letter-spacing:.5px;font-weight:normal;float:left; margin:10px 0 0 140px;}
p.bclientb {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:12px; line-height:21px;  letter-spacing:.5px;font-weight:normal;float:left; margin:10px 0 0 150px;}


/*services styles*/
#dservices #main {height:700px;}
#LcolServices {width:350px; float:left;margin:100px 0 0 100px;}
#LcolServices h2 {margin:80px 0 50px 50px;}
#LcolServices h3 {margin:40px 0 0 30px}
#RcolServices {width:350px; float:left;margin:85px 0 0 60px;}
#RcolServices ul li {font-family:Prelo Slab ExtraLight, Arial, Verdana, sans-serif; color:#fff; font-size:14.5px; line-height:28px; letter-spacing:1px; font-weight:normal;margin:0 auto;list-style-type:none;}
#RcolServices h4 {font-family:Prelo Slab ExtraLight, Arial, Verdana, sans-serif; color:#fff; font-size:29px; line-height:28px; letter-spacing:-.5px; font-weight:normal;margin:0 0 25px 0;}

/*contact styles*/
#dcontact #main {height:525px;padding:0 0 50px 0;}
#LcolContact {width:350px; float:left;margin:150px 0 0 75px;}
#LcolContact ul li {font-family:Prelo Slab ExtraLight,Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:33px; line-height:42px; letter-spacing:-1px; font-weight:normal;margin:0 auto;list-style-type:none;text-align:center;}
#LcolContact h3 {margin:40px 0 0 30px}
#RcolContact {width:212px; float:left;margin:75px 0 0 100px;}
#RcolContact p.freequote {width:170px;font-family:Prelo Slab ExtraLight, Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:29px; line-height:28px; letter-spacing:-.5px; font-weight:normal;}
#RcolContact p.email {font-family:Big Caslon, Arial, Verdana, sans-serif; color:#fff; font-size:11px; letter-spacing:.5px;font-weight:normal;margin:5px auto 10px;}

#contact_table {width: 210px;margin: 0 auto;}
#contact_table ul {list-style-type:none; margin:8px 0;}
.cleft {color:#fff;font-family:Helvetica, Arial, Sans-serif; font-size:12px;word-spacing:-1px;}
#email, #fname, #phone, #lname {width:200px; height:20px; background-color:#000; border:solid 1px #424242; padding:6px; font-family:Helvetica, Arial, Sans-serif; font-size:13px;letter-spacing: 1px; color:#fff; line-height:16px; }
#email:hover, #fname:hover, #phone:hover, #lname:hover {width:200px; height:20px; background-color:#000; border:solid 1px #424242; }
#comments {width:200px; height:100px; background-color:#000; border:solid 1px #424242; padding:6px;font-family:Helvetica, Arial, Sans-serif; font-size:13px;letter-spacing:1px; color:#fff; line-height:16px;  text-align: left; }
#comments:hover {width:200px;  background-color:#000; border:solid 1px #424242;  }
#submit { cursor:pointer; width:60px; height:30px; background-color:#000; border:solid 1px #383838; padding:6px; font-family:Helvetica, Arial, Sans-serif;  font-size:13px;letter-spacing:1px; color:#383838; margin:0 8px 0 0;}
#submit:hover { cursor:pointer; width:60px; height:30px; background-color:#383838; border:solid 1px #383838; padding:6px; font-family:Helvetica, Arial, Sans-serif; font-size:13px;letter-spacing:1px; color:#000; margin:0 8px 0 0;}
#reset { cursor:pointer; width:60px; height:30px; background-color:#000; border:solid 1px #383838; padding:6px; font-family:Helvetica, Arial, Sans-serif; font-size:13px;letter-spacing:1px; font-size:12px;color:#383838;margin:0 10px 0 0;}
#reset:hover { cursor:pointer; width:60px; height:30px; background-color:#383838; border:solid 1px #383838; padding:6px; font-family:Helvetica, Arial, Sans-serif; font-size:13px;letter-spacing:1px; font-size:13px; color:#000;margin:0 10px 0 0;}
#thankyou {font-family:Prelo Slab ExtraLight, Big Caslon,;src:url(images/PreloSlab-ExtraLight.otf) format("opentype"); color:#fff;clear:both;font-size:16px;margin:0 0 50px 100px;}

#wrapper {
    width: 900px;
    margin: 0 auto;clear:both;
}




ul.navigation {
	width:900px; 
	height:123px;
	clear:both;
	display:block;margin:0 0 15px 15px;
}

ul.navigation li {
    width:85px; height:104px;display:inline;list-style-type:none;float:left;margin:0 1.5px 0;
}

ul.navigation a {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

ul.navigation a:hover {
	 width:85px; height:104px;
    text-decoration: none;
	display:block;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


ul.navigation a.selected {
	 width:85px; height:104px;
    text-decoration: none;
	display:block;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#subnav {width:812px; height:30px; clear:both; }
#subnav ul { margin:10px 0; font-size:12px;}
#subnav ul li {display:inline; list-style-type:none; margin:0 13px 0;color:#fff;}
#subnav ul li a:link { letter-spacing:2px;color:#fff;}
#subnav ul li#nWeb a:active, #subnav ul li#nLogos a:active, #subnav ul li#nWeb a:hover, #subnav ul li#nLogos a:hover {text-decoration:none; color:#444343;}