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

html {
height: 93%;
}

body {
height: 100%;
margin-top: 10px;
}

.top_nav {
margin-bottom: 5px;
}

#outer_wrapper{
min-height: 100%;
width: 100%;
background-image: url('http://www.tnadesignstudio.co.uk//images/tna/background_grid.gif');
background-repeat: repeat-y;
background-position: top center;
margin-top: 24px;
}

#news #outer_wrapper{
background-image: none;
}

.clearer {
clear: both;
}

#menu .selected {
color: #A4DBEF;
}

#wrapper {
width: 890px;
margin: 1em auto;
margin-top: 1px;
padding-bottom: 40px;
}

#menu {
padding-top: 7px;
width: 242px;
height: 313px;
background-color: #ffffff;
float: left;
}

#menu a {
display: block;
height: 25px;
}

.menu_item {
margin-bottom: 15px;
}

.menu_break {
background-color: #00A5EF;
height: 1px;
width: 50px;
margin-bottom: 2px;
overflow: hidden;
}

.submenu {
margin-top: 10px;
margin-bottom: 10px;
}

#content {
width: 645px;
float:left;
padding-top: 8px;
padding-left: 3px;
}

#left_col {
width: 310px;
float: left;
padding-right: 10px;
}

#right_col {
width: 320px;
float: left;
}

#right_col img {
margin-bottom: 7px;
margin-top: 1px;
}

.section_title {
height: 139px;
}

.grid_1{
height: 161px;
}

.plain_list li {
margin-bottom: 5px;
}

/******************************* press ***************/

.press_item {
float: left;
margin-bottom: 10px;
width: 300px;
overflow: hidden;
}

.press_pic {
width: 55px;
float: left;
margin-right: 10px;
}

/******************************* showcase ***************/

.showcase_nav, showcase_detail {
height: 20px;
}
.press_details {
float: left;
width: 235px;
}

.showcase_image {
clear: left;
padding-top: 8px;
}
/******************************* casestudy ***************/

.casestudy_detail {
width: 170px;
float: right;
padding-right: 40px;
padding-top: 5px;
}

.casestudy_images {
float: left;
width: 425px;
padding-top: 8px;
}

.casestudy_images img {
margin-bottom: 3px;
}

#archive_list {
float: left;
margin-top:  8px;
width: 600px;
padding-left: 5px;
}

.archive_item {
width: 154px;
float: left;
margin-right: 6px;
}

.archive_image {
height: 115px;
}

.archive_text{
margin-top: 6px;
margin-bottom: 5px;
height: 3.5em;
}

/******************************* blog ***************/

.blog_header {
text-align: center;
width: 380px;
margin-top: 4px;
margin-bottom: 30px;
}

.blog_wrapper {
clear: left;
float: left;
width: 890px;
}

.blog_category {
border-top: 1px solid #00A5EF;
margin-bottom: 1.5em;
}

.blog_title {
border-bottom: 1px solid #00A5EF;
line-height: 1.5em;
}

.blog_subtitle {
text-transform: uppercase;
border-bottom: 1px solid #B3DCEF;
line-height: 1.5em;
}

.blog_leftcol {
width: 200px;
margin-right: 10px;
float: left;
}

.blog_main {
width: 470px;
padding-right: 10px;
float: left;
overflow: hidden;
}

.blog_rightcol {
width: 200px;
float: left;
}

.blog_post {
border-top: 1px solid #00A5EF;
}

.blog_post_content {
margin-top: .6em;
margin-bottom: 2em;
}

.blog_links {
border-top: 1px solid #00A5EF;
margin-top: 2em;
}

.blog_search {
border-top: 1px solid #00A5EF;
}

#pag a:hover {
filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
}

.blog_search input {
width: 165px;
}

.blog_maintitle {
float: left;
margin-right: 10px;
width: 251px;
height: 50px;
}

.blog_left {
float: left;
margin-left: 10px;
margin-right: 10px;
width: 55px;
height: 50px;
}

.blog_right {
height: 50px;
}

.blog_animation {
margin-left: 20px;
margin-bottom: 15px;
}

#news .search_submit {
color: #00A5EF;
border: 0px solid;
background-color: #fff;
font-size: 1em;
width: 20px;
}

#news #menu {
height: 200px;
}
/******************************* Files ***************/

.login_input { 
border: 1px solid #9CB5F2;
margin: 5px 0 5px 0;
width: 153px;
}

.login_submit { 
border: 1px solid #9CB5F2;
margin: 5px 0 5px 0;
width: 50px;
background-color: #ffffff;
}

.files_item {
width: 154px;
height: 115px;
margin: 0px 6px 6px 0px;
float: left;
background-color: #EFFBFF;
}

.files_list {
clear: left;
width: 640px;
}