* {
padding : 0;
margin : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
background: #eeeeee;
}
a:link {
color : #66cc33;
}
a:visited {
color : #66cc33;
}
a:hover {
color : #339900;
}
a:active {
color : #66cc33;
}
#wrapper {
margin : 0 auto;
width : 922px;
margin : 0 auto;
background: #ffffff;
}
#header {
color : #333;
width : 922px;
float : left;
padding : 0;
height : 110px;
margin : 10px 0 0 0;
background : #fff;
}
h2 {
font-family : Courier;
font-size : 30px;
color : #9ac821;
float : right;
letter-spacing : 1px;
line-height : 54px;
text-align : left;
}
h1.logo, h1.logo-text {
margin : 0;
padding : 0;
font-size : 200%;
}
h1.logo a {
width : 100px;
display : block;
background-image : url(http://www.madraj.co.uk/assets/templates/madraj/images/web_logo.jpg);
background-repeat : no-repeat;
height : 110px;
margin-left : 4%;
}
#navigation {
float : left;
width : 920px;
color : #333;
padding : 0;
border : 1px solid #fff;
margin : 0 0 0 0;
background : #fff;
height : 30px;
padding-top : 10px;
}
#content {
color : #333;
border : 1px solid #fff;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
height : auto;
width : 900px;
float : left;
}
#left {
color : #333;
border : 1px solid #fff;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
height : auto;
width : 550px;
float : left;
}
#lefthome {
color : #333;
border : 1px solid #fff;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
height : auto;
width : 500px;
float : left;
}
div.example {
width : 898px;
background : #ebf5e9;
height : 170px;
margin-bottom : 6px;
}
.left {
float : left;
margin : 10px;
}
.right {
float : right;
width : 600px;
padding : 10px;
}
.right_theatre {
padding-left : 10px;
padding-top : 10px;
}
#greenstripe {
background-image : url(http://www.madraj.co.uk/assets/templates/madraj/images/greenstripe.jpg);
background-color : #9ac821;
height : 60px;
padding-left : 20px;
}
h1.bigtitle {
color : #fff;
}
#righthome {
float : right;
color : #333;
border : 1px solid #fff;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
height : auto;
width : 378px;
display : inline;
}
#right {
float : right;
color : #333;
border : 1px solid #fff;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
height : auto;
width : 320px;
display : inline;
}
.rightbox {
margin-bottom : 10px;
border : 2px solid #9ac821;
width : 353px;
height : 110px;
padding : 10px;
background : url(http://www.madraj.co.uk/assets/templates/madraj/images/page-shadow.png) top 0%;
}
img.rightbox_image {
border : 1px solid #ccc;
height : 100px;
width : 100px;
float : left;
}
img.rightside_image {
border : 2px solid #5eff0f;
height : 200px;
width : 300px;
float : left;
}
p.block {
margin-left : 115px;
background-color : #fff;
color : #666666;
font-size : 100%;
}
h3.title {
font-size : 16px;
text-align : left;
margin-left : 115px;
color : #9ac821;
text-decoration : underline;
}
#footer {
width : 900px;
clear : both;
color : #333;
border : 1px solid #fff;
background : #fff;
margin : 0 0 10px 0;
padding : 10px;
}
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 1em;
height : 30px;
}
ul#mainlevel-nav li {
background-image : url();
background-repeat : repeat-x;
text-align : center;
line-height : 30px;
white-space : nowrap;
width : 130px;
display : block;
padding-left : 12px;
padding-right : 11px;
text-decoration : none;
color : #fff;
margin-left : 0;
height : 20px;
float : left;
margin-right : 0;
margin-top : 0;
}
ul#mainlevel-nav li a {
display : block;
text-align : center;
text-decoration : none;
color : #fff;
background-color : #000000;
background-image : url(images/button.png);
background-repeat : no-repeat;
width : 130px;
height : 30px;
font-weight : bold;
border-right-color : #ffffff;
border-right-width : 0;
border-right-style : solid;
margin-top : 0;
padding-top : 0;
font-size : 16px;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
display : block;
text-align : center;
text-decoration : none;
color : #fff;
background-image : url(images/button_hover.png);
background-repeat : no-repeat;
width : 130px;
height : 30px;
font-weight : bold;
border-right-color : #ffffff;
border-right-width : 0;
border-right-style : solid;
margin-top : 0;
padding-top : 0;
font-size : 16px;
background-color : #9ac821;
}
ul#mainlevel-nav li a:active_menu-nav {
display : block;
text-align : center;
text-decoration : none;
color : #fff;
background-image : url(images/button_hover.png);
background-repeat : no-repeat;
width : 102px;
height : 30px;
font-weight : normal;
border-right-color : #ffffff;
border-right-width : 0;
border-right-style : solid;
margin-top : 0;
padding-top : 0;
font-size : 12px;
background-color : #9ac821;
}
ul#mainlevel-nav li a#active_menu-nav:hover {
display : block;
text-align : center;
text-decoration : none;
color : #bcbcbc;
background-color : #9ac821;
background-image : url(images/button_hover.png);
background-repeat : no-repeat;
width : 102px;
height : 20px;
font-weight : normal;
border-right-color : #ffffff;
border-right-width : 0;
border-right-style : solid;
margin-top : 0;
padding-top : 0;
font-size : 12px;
}
#top_menu_back {
width : 100%;
background-image : url(images/top_menu_back.png);
background-repeat : repeat-x;
height : 40px;
padding : 0;
margin-top : 0;
margin-left : 0;
}
a img {
border : 0 none;
}
#imageContainer {
float: left;
height: 200px;
width: 550px;
padding: 5px;
overflow:hidden;
position:absolute;
}