#words {position:absolute; z-index:-100; color:#000; font-size:1px;}
#welcome_text{position:absolute; top:63px; left:148px; z-index:200;font-size:11.5px; font-family:Verdana, Geneva, sans-serif; color:#FFF; background-color:#000; filter:alpha(opacity=60);opacity:0.6; padding:15px; width:822px; height:50px}
#welcome_text2{position:absolute; top:63px; left:148px; z-index:200;font-size:11.5px; font-family:Verdana, Geneva, sans-serif; color:#FFF;  padding:15px; width:822px}


html, body 
{
    margin:0px;
    background-color:#3f3a3a;
    color:White;
    height:100%;
}

a {color:White; text-decoration:none;}
a:visited {color:White;}
a:hover {color:White; text-decoration:underline;}

.logo {background: url(image/logo.png) no-repeat;width:148px; height:168px; position:absolute; bottom:0px; }
.page {position:relative; clear:left; top:100px;  margin:0px auto; background:black url(image/); width:1000px; height:600px; border:solid 1px black;}
.bg1 {background: url(image/bg1.jpg); width:1000px; height:600px;}
.bg2 {background: url(image/bg2.jpg); width:1000px; height:600px;}
.bg3 {background: url(image/bg3.jpg); width:1000px; height:600px;}
.bg4 {background: url(image/bg4.jpg); width:1000px; height:600px;}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left:-500px;
  margin-top:-300px;
}

.br {margin-top:13px;}

.hl { color:#ac2d0d;}

h1{display:inline; color:#C30;font-size:11.5px; font-family:Verdana, Geneva, sans-serif}

.content { width:830px; height:540px; position:absolute; right:0px; top:90px;}
.contentBody {margin-top:120px;color:white; font:normal 11px Arial, Helvetica, sans-serif;  letter-spacing:0.05em; word-spacing:0.1em; margin-left:auto; margin-right:auto;  background-color:#3f3a3a; min-height:240px; width:400px; padding:40px 60px 40px 60px;}
.contentBody h2 {font:bold 12px Arial, Helvetica, sans-serif;letter-spacing:0.1em;margin:5px 0px 10px 0px; color:White;}
.contentBody h3 {font:normal 12px Arial, Helvetica, sans-serif; letter-spacing:0.05em; margin:5px 0px 10px 0px; color:White;}


.left {background: url(image/leftbg.png) repeat; width:147px; height:600px; float:left; border-right:solid 1px #0e0e0e;}

.menu {margin-top:40px; position:absolute; top:0px; left:0px;}
.menu ul { list-style-type:none; margin:0px; padding:0px;}
.menu ul li { letter-spacing:3px;  font:normal 1.3em Verdana;  margin:0px; padding:0px;  border-bottom:solid 1px transparent;}
.menu ul li a { color:#5f2319;  width:127px; text-decoration: none; display: block; padding:0px 10px;height:23px;}
.menu ul li a:hover {color:#af2e0d; width:127px; padding:0px 10px; }
.menu ul li a.selected {background: url(image/menuItemBg.png) repeat; width:127px; padding:0px 10px; color:white; cursor:default;}

.menu ul li.welcome a {background: url(image/menu_default.png) no-repeat top left; height: 23px;}
.menu ul li.welcome a:hover {background: url(image/menu_hover.png) no-repeat top left; height: 23px;}
.menu ul li.welcome a.selected {background: url(image/menu_select.png) no-repeat top left; height: 23px;}

.menu ul li.about a {background: url(image/menu_default.png) no-repeat 0px -25px ; height: 23px;}
.menu ul li.about a:hover {background: url(image/menu_hover.png) no-repeat 0px -25px; height: 23px;}
.menu ul li.about a.selected {background: url(image/menu_select.png) no-repeat 0px -25px; height: 23px;}

.menu ul li.clients a {background: url(image/menu_default.png) no-repeat 0px -51px; height: 23px;}
.menu ul li.clients a:hover {background: url(image/menu_hover.png) no-repeat 0px -51px; height: 23px;}
.menu ul li.clients a.selected {background: url(image/menu_select.png) no-repeat 0px -51px; height: 23px;}

.menu ul li.portfolio a {background: url(image/menu_default.png) no-repeat 0px -76px; height: 25px;}
.menu ul li.portfolio a:hover {background: url(image/menu_hover.png) no-repeat 0px -76px; height: 25px;}
.menu ul li.portfolio a.selected {background: url(image/menu_select.png) no-repeat 0px -76px; height: 25px;}

.menu ul li.contact a {background: url(image/menu_default.png) no-repeat 0px -103px; height: 23px;}
.menu ul li.contact a:hover {background: url(image/menu_hover.png) no-repeat 0px -103px; height: 23px;}
.menu ul li.contact a.selected {background: url(image/menu_select.png) no-repeat 0px -103px; height: 23px;}



.right {float:right; width:852px; height:100%;}
.rightSelected {background: url(image/contentbg.png) repeat;} 

.subMenu { position:absolute; right:0px; z-index:19;}
.subMenu ul { list-style-type:none; margin:0px; padding:0px; width:852px;}
.subMenu ul li {width:852px; margin-bottom:0px; font:normal 1.1em Arial; letter-spacing:3px; border:0px; border-bottom:solid 2px transparent;}
.subMenu ul li a {padding-left:10px; height:22px; text-decoration: none; display: block; background: url(image/subMenuItemBg.png) repeat; width:842px; color:#333; }
.subMenu ul li a.selected {background-color:White; color:black; cursor:default;}
.subMenu ul li a:hover {background: url(image/subMenuItemBgOn.png) repeat; color:#CCC}
.subMenu ul li a.home  {background:#3e3939 url(image/subMenu_Home.png) no-repeat top right;}
.subMenu ul li a:hover.selected {background: white url(image/subMenuWhiteBG.gif) repeat; color:black; cursor:default;}

.subMenu ul li.about_1 a {background: url(image/subMenu_about_default.png) no-repeat 0px 0px; height:23px;}
.subMenu ul li.about_1 a:hover {background: url(image/subMenu_about_hover.png) no-repeat 0px 0px; height:23px;}
.subMenu ul li.about_1 a.selected {background: url(image/subMenu_about_select.png) no-repeat 0px 0px; height:23px;}

.subMenu ul li.about_2 a {background: url(image/subMenu_about_default.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.about_2 a:hover {background: url(image/subMenu_about_hover.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.about_2 a.selected {background: url(image/subMenu_about_select.png) no-repeat 0px -25px; height:23px;}


.subMenu ul li.client_1 a {background: url(image/subMenu_client_default.png) no-repeat 0px 0px; height:23px;}
.subMenu ul li.client_1 a:hover {background: url(image/subMenu_client_hover.png) no-repeat 0px 0px; height:23px;}
.subMenu ul li.client_1 a.selected {background: url(image/subMenu_client_select.png) no-repeat 0px 0px; height:23px;}

.subMenu ul li.client_2 a {background: url(image/subMenu_client_default.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.client_2 a:hover {background: url(image/subMenu_client_hover.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.client_2 a.selected {background: url(image/subMenu_client_select.png) no-repeat 0px -25px; height:23px;}

.subMenu ul li.videoProduction a {background: url(image/subMenu_default.png) no-repeat top left; height:23px;}
.subMenu ul li.videoProduction a:hover {background: url(image/subMenu_hover.png) no-repeat top left; height:23px;}
.subMenu ul li.videoProduction a.selected {background: url(image/subMenu_select.png) no-repeat top left; height:23px;}

.subMenu ul li.photography a {background: url(image/subMenu_default.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.photography a:hover {background: url(image/subMenu_hover.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.photography a.selected {background: url(image/subMenu_select.png) no-repeat 0px -25px; height:23px;}

.subMenu ul li.graphicDesign a {background: url(image/subMenu_default.png) no-repeat 0px -50px; height:23px;}
.subMenu ul li.graphicDesign a:hover {background: url(image/subMenu_hover.png) no-repeat 0px -50px; height:23px;}
.subMenu ul li.graphicDesign a.selected {background: url(image/subMenu_select.png) no-repeat 0px -50px; height:23px;}

.subMenu ul li.webDev a {background: url(image/subMenu_default.png) no-repeat 0px -76px; height:23px;}
.subMenu ul li.webDev a:hover {background: url(image/subMenu_hover.png) no-repeat 0px -76px; height:23px;}
.subMenu ul li.webDev a.selected {background: url(image/subMenu_select.png) no-repeat 0px -76px; height:23px;}


.subMenu ul li.contact_1 a {background: url(image/subMenu_contact_default.png) no-repeat 0px 0px; height:23px;}
.subMenu ul li.contact_1 a:hover {background: url(image/subMenu_contact_hover.png) no-repeat 0px 0px; height:23px;}
.subMenu ul li.contact_1 a.selected {background: url(image/subMenu_contact_select.png) no-repeat 0px 0px; height:23px;}

.subMenu ul li.contact_2 a {background: url(image/subMenu_contact_default.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.contact_2 a:hover {background: url(image/subMenu_contact_hover.png) no-repeat 0px -25px; height:23px;}
.subMenu ul li.contact_2 a.selected {background: url(image/subMenu_contact_select.png) no-repeat 0px -25px; height:23px;}

.subMenu ul li.contact_3 a {background: url(image/subMenu_contact_default.png) no-repeat 0px -50px; height:23px;}
.subMenu ul li.contact_3 a:hover {background: url(image/subMenu_contact_hover.png) no-repeat 0px -50px; height:23px;}
.subMenu ul li.contact_3 a.selected {background: url(image/subMenu_contact_select.png) no-repeat 0px -50px; height:23px;}




.footer {width:842px; position:absolute; right:0px; bottom:0px; background-color:White; height:13px; font:normal 9px Arial; text-align:right; padding:2px 10px 0 0; color:Black; letter-spacing:1px;}


.teamMember { background-color:#3f3a3a; border:solid 1px red; position:relative;}
.teamMemberBody {float:left; width:390px; }
.teamMemberPhoto {float:left; width:160px;  margin-right:30px;}
.teamMemberName {margin-bottom:10px; font:normal 15px Arial, Helvetica, sans-serif;letter-spacing:0.05em}
.teamMemberTitle {margin-bottom:10px;  font:normal 15px Arial, Helvetica, sans-serif; letter-spacing:0.05em}
.teamMemberBio {height:180px; color:#a0301d; font:normal 11px Arial, Helvetica, sans-serif; letter-spacing:0.05em; line-height:1.2em;}



#ad { position:absolute; margin-top:10px; margin-left:10px}