/* CSS Document */
/* CSS for BOOTH NATION */
* {
margin: 0;
padding:0;
border: 0;
outline:0;
}

body {
	/*background-color:#A8BDB9;
background-color:#DAE0E2;*/
background-color:#fff;
	color: #2E4B48;
	margin: 0;
	padding:0;
	border:0;
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

img {
margin: 0;
padding:0;
border:0;
}

img {
/* remove 3px on images */
/*vertical-align: bottom; */
}

table {
 border-collapse:collapse;
	}

p {
	padding: 10px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*color: #444444;*/
}

input {
padding: 3px 6px;
}

input.txt {
width: 200px;
background-color:#E3EAE9;
border: 1px inset #A8BDB9;
}

input.btn {
background-color:#ccc;
border: 1px outset #A8BDB9;
}

a:link, a:visited, a:active {
/*color: #2E4B48;*/
color: #0074A6;
text-decoration: none;
}

a:hover {
color: #f00;
text-decoration: underline;

}

/* MAIN SITE SECTIONS */

#wrapper {
text-align:left;
width: 770px;
margin-left: auto;
margin-right: auto;
}

#header {
padding-top: 5px;
height: 90px;
text-align: center;
}

#nav {
/*padding-top:10px;*/
height: 30px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;/**/
margin-bottom: 10px;
/*background-color:#000;*/
}

#middle_row {
position: relative;/**/
margin: 0;
padding: 0;
background-color: #fff;
/*background: #fff url(../gifs/top_round.gif) no-repeat top center;
background: #fff url(../gifs/page_bg.gif) repeat-y top left;*/
border-left:  1px solid #666;
border-right: 1px solid #666;/**/
width: 770px;
padding-bottom: 15px;/**/
}

#footer {
width: 770px;
border-left:  1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #9b9b9b;
background-color:#fff;
background: #fff url(../gifs/bottom_round.gif) no-repeat bottom center;
padding-bottom: 0px;
padding-top: 5px;
}

/* ROUND CORNERS */

#top_corners {
width: 772px;
height: 10px;
background: #fff url(../gifs/top_round.gif) no-repeat top center;
}

#bottom_corners {
width: 772px;
height: 10px;
background: #fff url(../gifs/bottom_round.gif) no-repeat bottom center;
margin-bottom: 5px;
}

/* NAVIGATION */

#nav ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
}

#nav li {
margin: 0;
padding: 0;
border: 0;
float: left;
text-align: center;
}

#nav a:link, #nav a:visited, #nav a:active {
display: block;
width: 110px;
height: 24px;
/*background-color: #89A9BC;*/
color: #000;
text-decoration: none;
padding-top: 8px;
font-size: 11px;
/*padding-bottom: 6px;*/
}

#nav a:hover {
	/*background-color:#C3D2D9;*/
	background-color:#00ADF8;
	color: #fff;
}

#nav a.selected {
	background-color:#00ADF8;
	color: #fff;

}


/* MIDDLE ROW */

#middle_row #jobAd {
  position: absolute;
  top: 20px;
  right: 30px;
}


#middle_row h2 {
/*color: #009ed8;*/
color: #00ADF8;
font-size: 30px;
font-weight: normal;
padding: 20px 35px 10px 35px;
/*background: transparent url(../gifs/top_round.gif) no-repeat top left;*/
}

#middle_row #left_col h2 {
/*color: #009ed8;*/
color: #00ADF8;
font-size: 24px;
margin-top: 20px;
padding: 20px 0px 0px 0px;
border-top: 1px solid #ccc;
/*background: transparent url(../gifs/top_round.gif) no-repeat top left;*/
}

#middle_row  h3 {
color: #00ADF8;
font-weight: bold;
margin-top: 10px;
}

#middle_row  #left_col h3 {
color: #00ADF8;
font-size: 14px;
font-weight: bold;
margin-top: 5px;
}

#middle_row ul {
list-style: none;
}

#middle_row li {
float: left;
width: 110px;
border: 1px solid #ccc;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px;
text-align: center;
font-size: 9px;
}

#left_col {
float: left;
width: 390px;
padding: 0 15px 0 35px;
}

#right_col {
float: right;
text-align: center;
margin: 0;
padding: 0;
width: 330px;
}

/*#booth_frieze {
clear: both;
padding: 20px 35px;
}*/

/* FOR THE 'YOUR IMAGES' PAGE */

#content {
margin:0;
padding: 0;
border: 0;
}

.thumbslabel {
font-size: 9px;

}

#thumbslist li {
width: 120px;
/*overflow: hidden; */
}

#maintable {
margin-left: auto;
margin-right:auto;
}

  
#new_project_list {
background-color:#fff;
margin: 0 10px ;
}

#new_project_list p {
margin: 0 25px ;
}
  
#new_shoot_titles, #new_edit_titles {
list-style:none;
margin:0;
padding:0;
}
  
#new_shoot_titles li, #new_edit_titles li {
position:relative;
float: left;
margin:5px;
padding:0;
/*border:1px solid #E3EAE9;*/
border:1px solid #A8BDB9;
width: 363px;
height: 130px;
}

#new_shoot_titles li table, #new_edit_titles li table {
margin:0;
padding:0;
border:0;
float:left;
width: 120px;
height:130px;
}

#new_shoot_titles .right table, #new_edit_titles .right table {
float:right;
}

#new_shoot_titles td, #new_edit_titles td {
vertical-align: middle;
text-align:center;
width: 120px;
height:130px;
}
  
#new_shoot_titles p, #new_edit_titles p {
  clear: none;
text-align: left;
padding:0;
margin: 20px 10px 0 130px;
  }

#new_shoot_titles .right p, #new_edit_titles .right p {
/*background-color:#0f0;  */
text-align: left;
padding:0;
margin: 20px 130px 0 10px;
  }




#new_shoot_titles .shoot_format {
  /*background-color:#00f;
  font-weight:bold;*/
  position:absolute;
  bottom:20px;
  left:0px;
font-size:11px;
  }

 #new_shoot_titles .right .shoot_format {
  position:absolute;
  bottom:20px;
  left:0;
  }

#new_shoot_titles p.projDetIcons {
position: absolute;
left: 0px;
bottom: 5px;
}

#new_shoot_titles span.projDetDate {
font-style:italic;
font-size: 11px;
color: #999;
vertical-align: top;
}

/* FOR THE PRESS PAGE */

#press_titles {
list-style:none;
margin:0;
padding:0;
}

#press_titles li {
position:relative;
float: left;
margin:5px;
padding:0;
/*border:1px solid #E3EAE9;*/
border:1px solid #A8BDB9;
width: 363px;
height: 130px;
}

#press_titles li table {
margin:0;
padding:0;
border:0;
float:left;
width: 120px;
height:130px;
}
  
#press_titles .right table {
float:right;
}
  
#press_titles td {
vertical-align: middle;
text-align:center;
width: 120px;
height:130px;
}

#press_titles .press_title {
font-size:15px;
}
  
#press_titles p {
/*background-color:#0f0;  */
text-align: left;
padding:0;
font-size:11px;
margin: 5px 10px 5px 130px;
  }
  
#press_titles .right p {
/*background-color:#0f0;  */
text-align: left;
padding:0;
font-size:11px;
margin: 5px 130px 5px 10px;
  }
  
  
#press_titles p.PDF_link {
  position:absolute;
  bottom:0px;
  left:0px;

  }
 
 #press_titles .right p.PDF_link {
  position:absolute;
  bottom:0px;
  left:0;

  }

  
/* FOR THE TESTIMONIALS PAGE */

#testimonials {
font-size: 11px;
}

#testimonials dd {
margin: 15px 0 5px 0;
}

#testimonials dt {
font-weight:bold;
font-style:italic;
margin-bottom: 25px;
/*text-align:right;*/
}

/* FOR THE NEWS PAGE */

#project_list {
padding:0;
margin:0;
border:0;
border-collapse:collapse;
width: 770px;
}

#project_list p {
padding-left: 35px;
padding-right: 15px;
font-size:11px;
}

#project_list td table {
padding-top: 10px;
padding-bottom: 10px;
}

#project_list td.list_text {
margin:0;
padding: 0;
width: 440px;
/*background-color: #99F;
vertical-align: top;*/
}

#project_list td.list_image {
padding:10px 0;
margin: 0;
width: 330px;
text-align: center;
}

/*#project_list img {
border: 1px solid #ccc;
background-color: #fff;
padding: 5px;
margin: 5px;
}*/

.shaded {
background-color: #f0f0f0;
/*background-color: #E3EAE9;
/*border: 1px solid #ccc;*/
}

/* FOR THE GALLERY PAGE */

#gallery {
padding: 0 25px;
}

#gallery p {
padding: 10px;
}

/* For the Case Studies page */

#case_study {
  border: 0;
  padding: 0;
  margin: 10px 0 30px 0;
}

#case_study li {
  float: none;
  width: auto;
  border: 0;
  padding: 0;
  margin: 5px 0;
  text-align: left;
  font-size: 12px;
}

#case_study li a {
display: block;
  padding: 5px 10px;
  border: 1px solid #00ADF8;
  background-color:#00ADF8;
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

#case_study li a:hover {
  color:  #00ADF8;
  background-color: #fff;
}

#case_study li a.selected {
  display: none;
}


#case_study .small {
  font-size: 12px;
}


#cs2 {
  border: 0;
  margin: 0;
  margin-top: 0px;
  padding: 0;
list-style: none;
width: 330px;
}

#cs2 li {
  border: 0;
  padding: 0;
  margin: 10px 0 0px 10px;
  width:125px;
  height: 125px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    position: relative;
    cursor: pointer;
}



#cs2 li#CS_BB {
  background-image: url(../gifs/CSb_BB_01.jpg);
}

#cs2 li#CS_MO {
  background-image: url(../gifs/CSb_MO_01.jpg);
}

#cs2 li#CS_RT {
  background-image: url(../gifs/CSb_RT_01.jpg);
}

#cs2 li#CS_EF {
  background-image: url(../gifs/CSb_EF_01.jpg);
}
#cs2 li#CS_FA {
  background-image: url(../gifs/CSb_FA_01.jpg);
}

#cs2 li.selected {
display: none;
}


#cs2 li table {
position: absolute;
 bottom: 5px;
 left: 0px;
}

#cs2 li td {
 width: 115px;
 height: 35px;
padding: 0 5px;
 vertical-align: middle;
 text-align: centre;
 background-image: url(../gifs/bg_transp.png);
}


#cs2 li a {
    font-size:13px;
    font-weight: bold;
    color:#fff ;
}

#cs2 li a:hover {
   text-decoration: none;
         color: #00ADF8;
}




/* FOR THE 'SPLASH' PAGE */

#front_left {
text-align: right;
}

#front_left h2 {
margin: 0;
padding: 0;
padding-top: 180px;
font-size: 30px;
color:#778989;
}

#front_left h3 {
margin: 0;
padding: 0;
font-size: 12px;
color:#A5B8B4;
}

#front_left img {
margin: 40px 60px 20px 0;
}

#front_right {
text-align: left;
}

/* Social Network links */



.SN_links {
  text-align: left;
  margin: 0;
  padding: 0 35px;
padding-top: 10px;
 position: relative;
}

 .SN_home {
  padding-top: 35px;
  height: 34px;
}

.SN_links p {
  text-align: left;
  margin: 0;
  padding: 0;
}

.SN_right {
/*   display: none; */
position: absolute;
 top: 28px;
 right: 35px;
}

/* THE COPYRIGHT LINE */

#copyright {
  display: none;
clear: both;
width: 770px;
border-left:  1px solid #666;
border-right: 1px solid #666;
background-color:#fff;
font-size: 9px;
text-align: center;
}

#copyright2 {
clear: both;
width: 770px;
margin: 0 auto;
margin-bottom: 20px;
background-color:#fff;
font-size: 9px;
text-align: center;
}

/* FOOTER */

/*#footer ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
}

#footer li {
height: 25px;
float: left;
text-align: center;
}

#footer a:link, #footer a:visited, #footer a:active {

display: block;
width: 110px;
color: #9b9b9b;
text-decoration: none;
padding: 10px 0;

}

#footer a:hover {
	color: #333;
}*/

/* ORDER PAGE */

#orderbody {
background-color:#fff;
	margin: 0;
	border: 0;
	padding: 0;
}

p.order {
margin: 0;
padding: 0;
padding: 5px;
		font: 12px arial, helvetica, sans-serif;
		line-height: 120%;
		color: #333;
}

td#thumbnail_cell {
border: 1px solid #ccc;
}

/* GENERAL STUFF */

.clear_all {
clear:both;
}