/************  GENERAL  ************/

* {
margin: 0;
padding: 0;
/*background: url(img/strips.jpg) no-repeat top center;*/
}

body {
background: #000 url(img/bg3.jpg) no-repeat top center;
text-align: center;
color: #fff;
font-family: arial, helvetica, san-serif;
font-size: 12px;
line-height: 18px;
}

img, img a {
border: 0;
}

h1{
padding-top: 25px;
color: #096dcc;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
margin: 0 0 16px 0;
}

h2{
color: #f5b200;
padding-left: 18px;
background: url(img/bullet.gif) no-repeat 0 50%;
text-transform:uppercase;
font-weight: normal;
font-size: 14px;
margin-bottom: 10px;
}

h5{
color:#777777;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
}

h5 a{
color: #f5b200;
}

h5 span{
font-weight:bold;
}

p{
margin-bottom: 10px;
}

.clear{
clear: both;
float: none;
}


#wrapper {
width: 792px;
margin: 0 auto;
text-align: left;
}

/************  HEADER  ************/

#header {
margin-top: 54px;
font-size: 12px;
float: right;
text-transform: uppercase;
}

#header span {
padding-left: 10px;
font-size: 18px;
}

#logo {
margin-top: 30px;
float: left;
}

#nav {
width: 792px;
margin:15px 0 0 0;
/*background: url(img/nav.gif) repeat*/
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 5px 0;
}

/************  NAVIGATION  ************/


#nav ul
{
margin-left: 315px;
text-transform: uppercase;
}

#nav ul li
{
display: inline;
list-style: none;
}

#nav ul li a { 
padding:5px 20px;
text-decoration: none;
color: #fff;
}

#nav ul li a:hover {
border-top: 2px solid #096dcc;
text-decoration: none;
}

#nav ul li .current {
color: #096dcc;
}

/************  BANNER  ************/

#banner {
margin: 18px 0 0 0px;
}
#subbanner{
margin:0;
}

/************  HOME THUMBNAILS  ************/

  #thumb {margin:0 auto; padding: 20px 0;}
  #thumb li span { display: none; }
  #thumb li {list-style:none; position:relative;}
  #thumb li, #thumb li a{float: left; width: 198px; height: 116px; display: block; margin:0; padding: 0;}
  #panel1b {background: url(img/thumbnail.jpg) 0 0 no-repeat;}
  #panel2b {background: url(img/thumbnail.jpg) -201px 0 no-repeat;}
  #panel3b {background: url(img/thumbnail.jpg) -402px 0 no-repeat;}
  #panel4b {background: url(img/thumbnail.jpg) -603px 0 no-repeat;}
 	
	/* HOVER STATE */
  #panel1b a:hover {background: url(img/thumbnail.jpg) 0 -116px no-repeat;}
  #panel2b a:hover {background: url(img/thumbnail.jpg) -201px -116px no-repeat;}
  #panel3b a:hover {background: url(img/thumbnail.jpg) -402px -116px no-repeat;}
  #panel4b a:hover {background: url(img/thumbnail.jpg) -603px -116px no-repeat;}


/************  CONTENT AREA  ************/
#content_wrapper {
margin-top: 30px;
}

#content_home {
width: 475px;
margin: 20px 20px 20px 0;
}

#content_home a img{
border: 0;
padding: 40px 15px 70px 5px;
float: left;
}


#content_home p {
float: left;
}



/************  HOME FORM  ************/

#request_form {
float: right;
background: url(img/nav.gif) repeat;
width: 210px;
float: right;
margin-bottom:20px;
padding: 30px 30px 15px 30px;
}

#request_form h3{
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
}

#request_form input {
width: 200px;
margin-bottom: 8px;
}

#request_form .submit {
width: 50px;
padding: 4px;
background: #096dcc;
border: none;
color: #fff;
float: right;
margin-right:5px;
margin-top: 5px;
cursor: pointer;
}

/************  FOOTER AREA  ************/

#footer{
margin: 10px 0 15px 0;
padding-top: 10px;
width: 792px;
border-top: 1px solid #555555;
text-align: right;
color: #555555;
font-size: 10px;
}

#footer a{
color: #999999;
padding:0 5px;
}

#footer_credit {
margin-top: 3px;}

#socialnetwork {
}

#socialnetwork a {
text-decoration:none;
padding-left: 28px;
}

#socialnetwork a:hover, #footer_credit a:hover {
text-decoration:underline;
color: #fff;
}

#twitter, #facebook, #myspace, #linkedin {
float: left; height:30px; padding: 4px 3px 0 0; 
font-size: 12px;
}

#twitter{
background: url(img/icon_twitter.jpg) no-repeat top left;}

#facebook{
background: url(img/icon_facebook.jpg) no-repeat top left;}

#myspace{
background: url(img/icon_myspace.jpg) no-repeat top left;}

#linkedin{
background: url(img/icon_linkedin.jpg) no-repeat top left;}

/************************  SUB PAGES  ************************/

/*  SERVICE  */
#content_service {
}

#content_service ul{
}

#content_service ul li{
list-style: none;
margin-bottom: 20px;
padding-left: 70px;
}

#content_service ul li span{
color:#999999;
font-size: 14px;
font-weight:bold;
line-height: 21px;}

/*---  Icons  ---*/
.icon1 {background: url(img/icon1.jpg) no-repeat 0 50%;}
.icon2 {background: url(img/icon2.jpg) no-repeat 0 50%;}
.icon3 {background: url(img/icon3.jpg) no-repeat 0 50%;}
.icon4 {background: url(img/icon4.jpg) no-repeat 0 50%;}
.icon5 {background: url(img/icon5.jpg) no-repeat 0 50%;}
.icon6 {background: url(img/icon6.jpg) no-repeat 0 50%;}
.icon7 {background: url(img/icon7.jpg) no-repeat 0 50%;}
.icon8 {background: url(img/icon8.jpg) no-repeat 0 50%;}
.icon9 {background: url(img/icon9.jpg) no-repeat 0 50%;}
.icon10 {background: url(img/icon10.jpg) no-repeat 0 50%;}
.icon11 {background: url(img/icon11.jpg) no-repeat 0 50%;}

/*  PORTFOLIO  */
#content_portfolio {
width:792px;}

#portfolio_description {
color: #777777;
}

#gallery_wrapper {
margin-top: 20px;
width:777px;
}



/***********  About Us  ***********/

#content_about {
background: url(img/team.jpg) no-repeat bottom right;
margin-bottom: 40px;
}

#content_about p {
width: 690px;
}

/***********  Contact Us  ***********/
#content_contact{
background: url(img/building.jpg) no-repeat bottom left;
padding-bottom: 130px;
}

#contact_info {
width: 480px;
}

#contact_info h5 {
font-size: 14px;
line-height: 21px;
}

#contact_info_detail{
margin-top: 20px;
padding-left:96px;
background: url(img/mark2.jpg) no-repeat top left;
min-height: 90px;
}

#contact_info_detail p{
line-height: 13px;
}

#contact_info a {
color: #555555;
text-decoration: none;
}

#contact_info a:hover {
color: #ffffff;
text-decoration: underline;
}


#contact_form {
float: right;
width: 240px;
padding: 5px 0px 20px 28px;
margin: 30px 0px 20px 0;
background: url(img/nav.gif) repeat;
}

#contact_form label{
color: #999999;
}

#contact_form textarea{
width: 210px;
}

#contact_form input {
width: 205px;
margin-bottom: 8px;
}

#contact_form .submit{
width: 50px;
padding: 4px;
background: #096dcc;
border: none;
color: #fff;
float: right;
cursor: pointer;
margin-top: 10px;
margin-right: 28px;
}

#content_thankyou h3{
text-transform: uppercase;
line-height: 24px;
color: #555555;
margin-bottom: 12px;
}

#content_thankyou p{
padding:0;
margin:0;
}


#content_thankyou a{
color: #fff;
}