/*  

  CSS for www.olilarkin.co.uk 
  Oli Larkin 2014
  
*/


//  CSS Reset by Eric Meyer - Released under Public Domain
//  http://meyerweb.com/eric/tools/css/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,
b, u, i, center, 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-size: 100%;vertical-align: baseline;
                  background: transparent;}
//body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}


//


body {
  background-color: #dcdcdc;
  padding: 0px;
} 

* {
  margin: 0;
  padding: 0;
}

#container {
  width: 860px;
  margin: 0px auto;
}

#header {
  padding: 10px;
  text-transform: uppercase;
  font: bold 14px/14px 'Arial';
  background-color: #a44444;
  color: #fff;
}

#footer {
  padding:20px 0px 50px 0px;
  width: 860px;
  text-align: center;
  clear: both;
  background-color: #eee;
}

#main {
  overflow:auto;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align:left;
  background-color: #eee;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#content {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

#mainimage {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  padding:2px;
  width: 800px;
  height: 320px;
  background-color:white ;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
}

.leftcolumn {
  float:left;
  width:420px;
  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.rightcolumn {
  float:right;
  width:320px;
  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  
  background:#fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

#frontbutton {
  margin:0 auto 10px;
  padding:2px;
  width: 800px;
  height: 320px;
  background-color:white ;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
}

#frontbutton:hover {
  background: #000;
}

h1 { 
  text-transform: uppercase;
  padding-bottom: 10px;
  padding-top: 15px;
  padding-left: 4px;
  font-size: 40px;
  color: black;
}

h2 { 
  padding-bottom: 10px;
}

p {
  padding-bottom: 10px;
}

a {
  color: #252595;
}

#content ul {
  padding-left: 15px;
  padding-bottom: 0px;
  list-style: disc;
}

#content li {
  padding-bottom: 10px;
}

#content li a {
  text-decoration: none;
}

#content li a:hover {
  color: #f00;
}

.tabs {
  width: 100%;
  height: 31px;
  background-color: #0f2259;
}

.tabs li {
  float:  left;
  margin: 0;
  overflow: hidden;
  background-color: #0f2259;
}

.tabs li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font: bold 11px/11px 'Arial';
  text-transform: uppercase;
  padding: 10px 15px;
  border-right: 1px solid #fff;
}

.tabs li a:hover {
  background-color: #ffcc00;
  color:  #000;
}

.tabs li.active a {
  color:  #000;
  background-color: #eee;
}

iframe {
  padding-top: 10px;
  padding-bottom: 10px;
}