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

body {
margin:0px;
padding:0px;
background-color:#2f2f2f;
font-size:64%;
font-family:Arial, Helvetica, sans-serif;
background-image:url(sharedimages/backrepeat.jpg);
background-repeat:repeat-x;
}
a, a:hover, a:visited {
 color:#444;
}
h1 {
 position:absolute;
 color:#666;
 font-size:9px;
 padding:0px;
 margin:0px;
 top:100px; 
 right:50px;
 font-weight:normal;
 z-index:10;
 text-align:right;
}
h2 {
 position:absolute;
 left:18px;
 top:30px;
 width:640px;
 font-size:30px;
 letter-spacing:-1px;
 color:#FFF;
 font-weight:normal;
 padding:0px;
 margin:0px;
 z-index:10;
}
#menucase {
 position:relative;
 width:100%;
 height:96px;
 margin:0px;
 border-bottom:1px solid #232323;
}
#jwa #menucase {border-bottom:1px solid #232323; background-image:url(jwa/menu.jpg);}
#autocube #menucase {border-bottom:1px solid #1e1e1e; background-image:url(autocube/menu.jpg);}
#jwats #menucase {border-bottom:1px solid #333; background-image:url(jwa/menu.jpg);}

.menu {
position:relative;
width:920px;
height:92px;
margin:0px auto 0px auto;
}
#about ul#menusupport li a#ulabout, #services ul#menusupport li a#ulservices, #projects ul#menusupport li a#ulprojects, #clients ul#menusupport li a#ulclients, #contact ul#menusupport li a#ulcontact {
 color:#FFF;
}
#topbar {
position:absolute;
top:0px;
right:0px;
width:292px;
height:20px;
background-image:url(sharedimages/topbar.gif);
display:block;
padding:5px 0px 0px 10px;
color:#999;
}
#topbar a, #topbar a:hover, #topbar a:visited {
color:#CCC;
text-decoration:none;
}
ul#menusupport {
position:absolute;
bottom:0px;
right:0px;
width:482px;
height:33px;
background-image:url(sharedimages/menusupport.gif);
margin:0px;
padding:0px;
color:#999;
font-size:12px;
}
ul#menusupport li{
list-style:none;
float:left;
margin:10px 20px 0px 22px;
}
ul#menusupport li a, ul#menusupport li a:hover, ul#menusupport li a:visited {
color:#999;
text-decoration:none;
}
ul#menusupport li a:hover {
color:#FFF;
}
a#logo {
position:absolute;
width:242px;
height:92px;
display:block;
}
#jwa a#logo {background-image:url(jwa/logo.gif);}
#jwats a#logo {background-image:url(turnkey/logo.gif);}
#autocube a#logo {background-image:url(autocube/logo.gif);}

.case {
position:relative;
margin:0px auto 0px auto;
padding:0px;
height:651px;
width:920px;
border-top:19px solid #191919;
}
#jwa .case {
 background-image:url(jwa/background1.jpg);
 background-repeat:no-repeat;
}
#jwa .case#fade {
 background-image:url(jwa/background2.jpg);
 background-repeat:no-repeat;
}
#jwa .case#fade2 {
 background-image:url(jwa/background3.jpg);
 background-repeat:no-repeat;
}
#autocube .case {
 background-image:url(autocube/background1.jpg);
 background-repeat:no-repeat;
}
#autocube .case#fade {
 background-image:url(autocube/background2.jpg);
 background-repeat:no-repeat;
}
#jwats .case{
 background-image:url(turnkey/background1.jpg);
 background-repeat:no-repeat;
}
#jwats .case#fade {
 background-image:url(turnkey/background2.jpg);
 background-repeat:no-repeat;
}
#tagband {
position:absolute;
right:0px;
top:-23px;
width:40px;
height:607px;
}
#jwa #tagband {border-left:1px solid #2f2f2f; background-image:url(jwa/tagband.gif);}
#jwats #tagband {border-left:1px solid #444; background-image:url(turnkey/tagband.gif);}
#autocube #tagband {border-left:1px solid #202020; background-image:url(autocube/tagband.gif);}

#buttonbar {
position:absolute;
right:-17px;
top:23px;
}
a#autobutton, a#jwatsbutton, a#jwabutton {
position:relative;
width:17px;
display:block;
}
a#autobutton {
background-image:url(sharedimages/autobutton.gif);
height:59px;
}
a#jwatsbutton {
background-image:url(sharedimages/jwatsbutton.gif);
height:111px;
}
a#jwabutton {
background-image:url(sharedimages/jwabutton.gif);
height:173px;
}
.footer {
position:absolute;
border-top:26px solid #1d1d1d;
width:867px;
padding:6px 0px 8px 12px;
bottom:0px;
left:0px;
display:block;
color:#777;
}
.footer strong {
 float:left;
}
.footer strong, .footer em {
font-weight:normal;
font-style:normal;
position:relative;
}
.footer a, .footer a:visited {
color:#CCC;
text-decoration:none;
}
.footer a:hover {
color:#FFF;
}
.footer em {
color:#111;
float:right;
text-align:right;
}
a.autocube, a.autocube:hover, a.autocube:visited, #topbar em {
color:#b83239;
font-style:normal;
}
a#createi{
	color:#151515;
}
.column1, .column2, .column3, .column1#frntpge, .column1#autocube1 {
 position:relative;
 margin:70px 6px 0px 18px;
 width:264px;
 height:460px;
 float:left;
 color:#CCC;
 font-size:10px;
 line-height:16px;
}
.column1#frntpge {
 margin:16px 0px 0px 22px;
 height:auto;
 width:330px;
}
.column1 strong {
 font-size:16px;
 font-weight:normal;
}
.column2#clients2 {
 width:554px;
 text-align:right;
}
.column2#clients2 img {
 float:none;
 margin-bottom:10px;
}
.columntitle {
 position:relative;
 margin:374px 0px 0px 22px;
 width:720px;
 height:auto;
 color:#FFF;
}
.column1#autocube1 h2, .column1#autocube1 h3 {
 position:relative;
 padding:0px;
 width:200px;
 left:0px;
 top:0px;
 float:none;
 font-size:19px;
 font-weight:normal;
 margin:10px 0px 0px 0px;
 line-height:21px;
}
.column1#autocube1 h3 {
margin:0px;
letter-spacing:-1px;
}
.column1#autocube1, .column1#column1xtra  {
 margin:0px;
 height:146px;
 width:222px;
 background-image:url(autocube/column1back.gif);
 float:none;
 padding:10px;
}
.column1#column1xtra {
 height:373px;
 width:222px;
 background-image:url(autocube/column1xtraback.gif);
}
.column1#column1xtra p{
 margin-top:0px;
}
img.portrait {
 float:right;
 margin-left:6px;
}
.columntitle strong {
 font-size:46px;
 letter-spacing:-2px;
}
.columntitle h2 {
 font-size:17px;
 color:#888;
 font-style:normal;
 padding:0px;
 margin:0px 0px 6px 0px;
 display:block;
 left:0px;
 top:0px;
 position:relative;
 letter-spacing:0px;
}
.columntitle h3 {
 padding:0px;
 margin:0px;
 font-size:11px;
 font-weight:normal;
}
.column2 input, .column2 textarea, .column2 select {
 position:relative;
 background-color:#111;
 width:240px;
 border:1px solid #444;
 display:block;
 color:#CCC;
 margin-bottom:4px;
 padding:2px;
 font:11px Arial, Helvetica, sans-serif;
 float:left;
}
.column2 .row {
 position:relative;
 width:100%;
 height:auto;
 margin-top:4px;
}
.row#top {
 margin-top:18px;
 text-align:left;
}
.column2 label {
 position:relative;
 width:80px;
 display:block;
 clear:left;
 float:left;
 margin:2px 10px 0px 0px;
 text-align:right;
}
.column1#projects1 {
 width:242px;
}

.column2#projects {
 width:576px;
 margin-left:0px;
 height:auto;
 background-color:#282828;
 border:10px solid #282828;
}
.column2#projects img {
 border:0px solid #282828;
}
.column2#projects em {
 font-size:20px; margin-left:4px;
}
.column2#projects strong {
  background-color:#222;
 font-weight:normal;
 font-size:12px;
 padding:4px; 
 line-height:22px;
}
.column2#projects strong em {
 font-size:12px;
 line-height:22px;
 margin:0px;
 color:#888;
}

.column1#projects1 strong{
 width:242px;
 margin:0px;
 padding:0px;
}
option#autovalue {
 color:#b83239;
}
option#jwats {
 color:#999;
}
.column1 a,.column1 a:hover, .column1:visited, .column2 a, .column2 a:hover, .column2 a:visited, .column3 a, .column3 a:hover, .column3 a:visited {
 color:#FFF;
 text-decoration:none;
}