*{
margin: 0;
padding: 0;
}

body{
background-color: #090909;
margin: 40px 0px 0px 0px;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 100%;
height: 100%;
}

a{
color: black;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

img{
border: 0;
}

#pageContainer{
background-image: url(../images/pageBG.png);
background-repeat: no-repeat;
width: 836px;
height: 682px;
margin: 0 auto 20px auto;
position: relative;
}

#logo{
left:74px;
position:absolute;
top:52px;
}

#nav{
position: absolute;
float: left;
top: 163px;
left: -61px;
width: 96px;
}

#nav li{
list-style: none;
}

.about{
background-image: url(../images/navBlue.png) !important;
height: 29px;
}

.web{
background-image: url(../images/navBlueLighter.png) !important;
height: 29px;
}

.live{
background-image: url(../images/navBlueLighter2.png) !important;
height: 29px;
}


#nav li a{
color: white;
background-repeat: no-repeat;
text-decoration: none;
display: block;
width: 85px;
height: 28px;
background-image: url(../images/navGrey.png);
line-height: 25px;
padding: 0px 0px 0px 15px;
text-transform: uppercase;
}

#left{
float: left;
height: 482px;
width: 320px;
margin-left:35px;
margin-top:163px;
}

#leftTextBlue{
width: 260px;
height: 192px;
float: left;
background-image: url(../images/textBackBlue.jpg);
padding: 30px;
}

#leftTextBlueLighter{
width: 260px;
height: 192px;
float: left;
background-image: url(../images/textBackBlueLighter.jpg);
padding: 30px;
line-height: 12px;
}

#leftTextBlueLighter2{
width: 260px;
height: 192px;
float: left;
background-image: url(../images/textBackBlueLighter2.jpg);
padding: 30px;
line-height: 12px;
}


#leftTextBlueLighter ul, #leftTextBlue ul{
margin: 0px 0px 0px 25px;
}

#leftTextGrey{
width: 260px;
height: 192px;
float: left;
background-image: url(../images/textBackGrey.jpg);
padding: 30px;
}

#right{
float: left;
height: 682px;
width: 481px;
}

#rightTop{
width: inherit;
height: 128px;
}

#details{
width: 135px;
height: 30px;
float: right;
margin: 98px 0px 0px 0px;
font-weight: bold;
}

#rightBot{
width: inherit;
height: 539px;
padding: 15px 0px 0px 0px;
}

#workContainer{
/*background-color: #66a9c8;
border: 1px solid #c9c9cb;*/
width: 450px;
height: 400px;
margin: -5px 0px 0px 15px;
}

#testimonialContainer{
background-color: #66a9c8;
border: 1px solid #c9c9cb;
width: 430px;
height: 90px;
margin: 20px 0px 0px 15px;
padding: 10px 10px 0px 10px;
font-size: 10px;
line-height: 14px;
}

.name{
font-weight: bold;
}

#workImage{
height: 296px;
width: 420px;
margin: 15px 0px 0px 15px;
border: 1px solid #c9c9cb;
}

#workDesc{
width: 400px;
height: 40px;
margin: 15px 0px 0px 15px;
border: 1px solid #c9c9cb;
background-color: #66a9c8;
color: #383736;
padding: 10px;
position: relative;
}

.visit{
position: absolute;
right: 5px;
top: 3px;
}

.visit a{
color: white !important;
font-weight: bold;
}

#workDesc h1{
color: #333433;
font-size: 11px;
}

.form{
width: 259px;
}

.form .sendBtn {
width:50px;
height:20px;
text-align:center;
border: 0;
background-color: white;
color:#aeadad;
float:right;
display:block;
cursor:pointer;
margin: 10px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
}

.input-container input{
border: 0;
margin: 20px 0px 10px 0px;
height: 24px;
width: 254px;
color: black;
padding: 0px 0px 0px 5px;
}

textarea{
border: 0;
width: 254px;
height: 115px;
resize: none;
overflow: none;
color: black;
padding: 5px 0px 0px 5px;
}

#twitter_div{
float: left;
margin: 5px 0px 0px 0px;
height: 214px;
width: 280px;
position: relative;
text-align: center;
line-height: 12px;
}

#follow{
color: white;
}

#twitter_update_list{
list-style: none;
width: 280px;
margin: 5px 10px 0px 10px;
font-size: 10px;
text-align: left;
}

#twitter_update_list li{
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dashed white;
}

#twitter_logo{
width: 100px;
height: 24px;
margin: 0px 0px 0px 0px;
border: 0;
}

#twitter_update_list span a{
color: #66a9c8;
}

#twitter_update_list a{
color: white;
}

#twitter_update_list span a:hover{
color: #66a9c8;
text-decoration: underline;
}

#follow:hover{
text-decoration: none;
}

#socialMedia{
float: right;
position: relative;
padding: 0px 10px 0px 0px;
}

#socialMedia img{
float: right;
width: 50px;
}


