acronym { cursor: pointer; }
img { border: none; }
p { margin: 0; }

/*Main Content*/


/*RE-USEABLE ELEMENTS*/

/*Headers*/
.header { position: relative; z-index: 2; height: 4.8em; }
.header .top { height: 4.8em; background: url(http://www.mutinydesign.co.uk/images/header_top.png) top repeat-x; }
.header .bottom { height: 4.8em; background: url(http://www.mutinydesign.co.uk/images/header_bottom.png) bottom repeat-x; }

/*Buttons*/
.button_wrapper { float: left; width: 21.3em; height: 7.5em; margin-left: 6.18em; background: url(http://www.mutinydesign.co.uk/images/button_shadow.png) center top no-repeat; border: .1em solid #edecec; }
.button { width: 21.3em; height: 7.5em; }
.button_wrapper .blue { background: url(http://www.mutinydesign.co.uk/images/button_blue.png) center bottom repeat-x; }
.button_wrapper .green { background: url(http://www.mutinydesign.co.uk/images/button_green.png) center bottom repeat-x; }
.button_wrapper .orange { background: url(http://www.mutinydesign.co.uk/images/button_orange.png) center bottom repeat-x; }
.button a { display: block; width: 21.3em; height: 7.5em; }

/*Boxes*/
.box { float: left; width: 26.8em; margin-left: 2.25em; }
#blocks .blue { background: #f9fbfe url(http://www.mutinydesign.co.uk/images/box_blue_top.png) center top no-repeat; border: .1em solid #dfebf8; }
#blocks .green { background: #f8feef url(http://www.mutinydesign.co.uk/images/box_green_top.png) center top no-repeat; border: .1em solid #def8b6; }
#blocks .orange { background: #fefbed url(http://www.mutinydesign.co.uk/images/box_orange_top.png) center top no-repeat; border: .1em solid #f9ecaf; }
.box .inner { min-height: 18.3em; }
#blocks .blue .inner { background: url(http://www.mutinydesign.co.uk/images/box_blue_bottom.png) right bottom no-repeat; }
#blocks .green .inner { background: url(http://www.mutinydesign.co.uk/images/box_green_bottom.png) center bottom no-repeat; }
#blocks .orange .inner { background: url(http://www.mutinydesign.co.uk/images/box_orange_bottom.png) left bottom no-repeat; }
#blocks h1 { width: 85%; margin-top: .75em; margin-right: auto; margin-left: auto; margin-bottom: 0; padding-bottom: .4em; font: 2em verdana; line-height: 1em; font-weight: bold; text-align: center; }
#blocks .blue h1 { border-bottom: 1px solid #d9e6f0; color: #649fcb; }
#blocks .green h1 { border-bottom: 1px solid #def8b6; color: #9ed946; }
#blocks .orange h1 { border-bottom: 1px solid #f9ecaf; color: #ffe251; }
.box .pad { width: 85%; margin-top: 1em; margin-right: auto; margin-left: auto; }
.box img { float: left; width: 5em; height: 5em; margin: 0 1em 1em 0; }
.box p { font: 1.2em verdana; line-height: 1.5em; text-align: justify; color: #444549; }
.box a { text-decoration: none; color: #649fcb; }

/*Portfolio*/
#portfolio_holder { overflow: hidden; width: 800px; height: 650px; margin-right: auto; margin-left: auto; margin-top: -15px; background-image:url(images/about_bg.png); background-position:bottom right; background-repeat:no-repeat;}
.portfolio_wrapper { float: left; width: 800px; height: 650px;  }
.protfolio_outer { margin-top: 0px;}
.portfolio_inner { width: 800px; padding: 5px; margin-top: 0px;}
.portfolio_inner img { margin-top: 0px;}
.portfolio_inner .desc { margin-top: 0px;}
.portfolio_inner .logo_bg { padding: .8em 1em .8em 1em; }
.portfolio_inner h1 { float: left; margin: 0; font: 1.8em trebuchet ms; font-weight: bold; }
.portfolio_inner a {  margin-top: 0; font-weight: bold; text-decoration: none; color: #000000; font: Lucida Sans; }
.portfolio_inner a:hover { background: none; text-decoration: underline; color: #000000; font: Lucida Sans; }

/*Paging*/
#paging a { padding: 0 .3em 0 .3em; border-top: 1px solid #f7f7f7; border-right: 1px solid #e7e7e7; border-bottom: 2px ridge #e7e7e7; border-left: 1px solid #e1e1e1; color: #649fcb; }

/*Forms*/
button { display: block; margin-top: 1em; background: #f9f9f9; border-top: 2px outset #b4b4b4; border-right: 2px ridge #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.2em arial; font-weight: bold; color: #222; }
form { margin: 0; padding: 0; }
form .blue { font-weight: bold; color: #4a97dd; }
input { display: block; float: left; width: 60%; height: 1.6em; margin: 0 0 .5em 0; padding: .4em .3em .0em .3em; background: url(http://www.mutinydesign.co.uk/images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
input:focus { background: url(http://www.mutinydesign.co.uk/images/input_bg_hover.gif) bottom repeat-x; border-top: 1px solid #c2d5e9; border-right: 1px solid #e4eef9; border-bottom: 2px dotted #c2d5e9; border-left: 1px solid #c2d5e9; }
label { display: block; float: left; width: 37%; font: 1.1em verdana; line-height: 2em; color: #222; }
option { background: #f9f9f9; }
select { display: block; float: left; width: 62.5%; height: 1.8em; margin: 0 0 .5em 0; padding-top: .2em; background: url(http://www.mutinydesign.co.uk/images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px inset #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
select:focus { border-color: #c2d5e9; }
textarea { width: 97%; padding: .4em .3em .0em .3em; background: #fff url(http://www.mutinydesign.co.uk/images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
textarea:focus { background: #fff url(http://www.mutinydesign.co.uk/images/input_bg_hover.gif) bottom repeat-x; border-top: 1px solid #c2d5e9; border-right: 1px solid #e4eef9; border-bottom: 2px dotted #c2d5e9; border-left: 1px solid #c2d5e9; }

/*Splits*/

.s30 { width: 30%; }
.s48 { width: 48%; }
.s66 { width: 66.6%; }

/*Classes*/
.centered_content { margin-right: auto; margin-left: auto; }
.clear { clear: both; }
.left { float: left; }
.red { color: #d71818 !important; }
.right { float: right; }
.width { width: 90em; }

/*IE6 Fixes*/
html>body #menu a:hover { background: url(http://www.mutinydesign.co.uk/images/menu_hover.png) center bottom no-repeat; }
html>body #scene h1 { background: url(http://www.mutinydesign.co.uk/images/logo.png) center center no-repeat; }
html>body .leaves { bottom: -46px; background: url(http://www.mutinydesign.co.uk/images/leaves.png) top repeat-x; }
html>body .leaves_upside { bottom: -40px; background: url(http://www.mutinydesign.co.uk/images/leaves_upsidedown.png) top repeat-x; }
html>body #bottom .menu .top { background: url(http://www.mutinydesign.co.uk/images/grey_menu_top.png) right repeat-y; }
html>body #footer .logo { background: url(http://www.mutinydesign.co.uk/images/footer_logo.png) center center no-repeat; }
html>body .header .comments { background: url(http://www.mutinydesign.co.uk/images/comments.png) left center no-repeat; }
html>body .header .portfolio { background: url(http://www.mutinydesign.co.uk/images/portfolio.png) left center no-repeat; }
html>body .header .scripts { background: url(http://www.mutinydesign.co.uk/images/scripts.png) left center no-repeat; }
html>body .header .services { background: url(http://www.mutinydesign.co.uk/images/services.png) left center no-repeat; }
html>body .button .quote { background: url(http://www.mutinydesign.co.uk/images/button_quote.png) center center no-repeat; }
html>body .button .brief { background: url(http://www.mutinydesign.co.uk/images/button_brief.png) center center no-repeat; }
html>body .button .call { background: url(http://www.mutinydesign.co.uk/images/button_call.png) center center no-repeat; }