/* WILKINSON EYRE CSS - ID MEDIA UK - MEERA TANK */

/* RESET *******************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style: none; }
a {outline: none; color: #ccc; }
a:hover { text-decoration: underline;}
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
:focus { outline: 0; }
blockquote, q {quotes: "" "";}
q:before, q:after {content: '';}
abbr, acronym { border: 0;}
/************************************************* END RESET */

/* MEERA'S CUSTOM STYLES *************************************/
.hidden { display: none;}
.b {font-weight: bold;}
.fl {float: left;}
.fr {float: right}
.nopad {padding: 0!important;}
p { padding: 0 0 10px 0; color: #ccc;}
/********************************* END MEERA'S CUSTOM STYLES */

/* BROWSER HACKS *********************************************/
/* Firefox 3 Only */
# or ., x:-moz-any-link, x:default { }
/* IE6 Only */
* html {}
/***************************************** END BROWSER HACKS */

/* COLOUR PALETTE */
.home_color { color: #ff2700; }
.news_color { color: #ff9800; }
.projects_color { color: #ffce00; }
a.projects_color { color: #ffce00; text-decoration:none !important;}
a:hover.projects_color {text-decoration:underline !important;}
.practice_color { color: #b1d420; }
.texts_color { color: #72d7ff; }
.contact_color { color: #ca62fe; }

/* H TAGS */
h1 {margin: 0 0 10px 0; text-transform: uppercase; color: #ccc; margin: 0 0 15px 0;}
h1.logo { margin: 0 0 20px 0;}
h2 { text-transform: uppercase; margin: 0 0 10px 0; }
h3 {font-size: 11px; color: #ccc; font-weight: normal; margin: 0 0 7px 0;}

/* STRUCTURE CSS */
body { background: #000; font-family: Arial, Verdana; font-size: 12px; line-height: 14px; }
#uber_container { margin: 20px auto; width: 985px; }
#main_content {float: left; width: 985px; margin: 20px 0 0 0; #margin: 0; padding: 0 0 40px 0;}

/* HEADER CONTENT */
#header {float: left; width: 100%;}
#navigation {float: left; width: 650px;}
ul.nav {float: left; width: 648px; }
ul.nav li { float: left; width: 108px;  }
ul.nav li a {float: left; background: url('../images/menu.jpg') no-repeat; width: 108px; height: 20px; margin: 0 0px 0 0;}
ul.nav li a.home { background-position: 0px -20px; }
ul.nav li a.news { background-position: -108px -20px; }
ul.nav li a.projects { background-position: -216px -20px; }
ul.nav li a.practice { background-position: -325px -20px; }
ul.nav li a.texts { background-position: -433px -20px; }
ul.nav li a.contact { background-position: -541px -20px; }
ul.nav li a:hover.home { background-position: 0px 0; }
ul.nav li a:hover.news { background-position: -108px 0; }
ul.nav li a:hover.projects { background-position: -216px 0; }
ul.nav li a:hover.practice { background-position: -325px 0; }
ul.nav li a:hover.texts { background-position: -433px 0; }
ul.nav li a:hover.contact { background-position: -541px 0;  }
ul.nav li a.home_sel { background-position: 0px 0; }
ul.nav li a.news_sel { background-position: -108px 0; }
ul.nav li a.projects_sel { background-position: -216px 0; }
ul.nav li a.practice_sel { background-position: -325px 0; }
ul.nav li a.texts_sel { background-position: -433px 0; }
ul.nav li a.contact_sel { background-position: -541px 0;  }

/* HEADER SEARCH BOX */
.search {float: right; /*width: 186px;*/ text-align: right;}
.search input.search {float: left; width: 142px; height: 17px; border: 1px solid #666; background: #000; color: #a6a6a6; padding: 1px 7px 0 7px; font-size: 12px; text-align: left; margin-right: 10px;}
.search a.go {float: right; background: url('../images/btn-go.jpg') no-repeat; width: 18px; height: 9px; background-position: 0 -9px; position: relative; top: 5px;  }
.search a:hover.go {float: right; background: url('../images/btn-go.jpg') no-repeat; width: 18px; height: 9px; background-position: 0 0px; position: relative; top: 5px;  }