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

* { margin: 0; padding: 0; }

body { text-align: center; margin: 0; padding: 0; border:0; color: #a7a7a7; font-family: Tahoma, Verdana, Sans-serif; font-size: 11px; background-color: #000000; }
h1 {margin: 0 0 0px 0px; font-size: 22px; font-weight: normal; font-family: tahoma; color: #DADADA; clear: both;}
h1.inset {margin: 20px 0 0px 10px;}
h2 {}
h3 {font-size: 12px; font-weight: bold; color: #a7a7a7; padding: 0 10px;}
p { font-size: 14px; line-height: 14px; color: #9c9c9d; padding: 5px 10px; margin: 0; line-height: 20px;}
p.intro {font-weight: bold; font-size: 16px; color: #484848;}
p.caption {margin: 0 0 20px 0;}
p.link a:link, p.link a:visited {color: #9c9c9d; text-decoration: none;}
p.link a:hover {text-decoration: underline;}
p img {float: right; margin: 10px; }

ul {list-style-image: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/bullet1_roll.png); margin: 0 0 0px 30px;}
ul li {font-size: 14px; color: #9c9c9d; margin: 5px 0; line-height: 20px;}

a { text-decoration: underline; color: #23bdc3; font-weight: normal; }
a:hover { text-decoration: none; color: #23bdc3; }

p a:link, p a:visited {color: #9c9c9d; text-decoration: underline; }
p a:hover {color: #23bdc3; text-decoration: underline; }

#pagecontainer { float: left; width: 100%; text-align: center; background: #000000 url(http://www.mrportman.co.uk/themes/mrportman_v4/images/page_bg.jpg) no-repeat top center; }
#page { margin: 0 auto; width: 775px; text-align: left; }
#content_bg { float: left; width: 775px; margin: 25px 0 0 0; padding: 0 0 5px 0; background: #1a1a1a;}
#content_bottom { float: left; width: 775px; height: 40px; }
#content { float: left; width: 745px; margin: 0 15px 0 15px; background: #232323 url(http://www.mrportman.co.uk/themes/mrportman_v4/images/bg_bottom.gif) no-repeat bottom left; }
#content_left { float: left; width: 185px; padding: 60px 0px 65px 25px; }
#content_right { float: left; width: 500px; padding: 40px 35px 75px 0; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/triangle.gif) no-repeat 55px 0; }

#top {width: 775px; height: 138px; }
#landscape {display: none;}
#logo { float: left; width: 229px; height: 50px; margin: 40px 0 0 20px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/header.png) no-repeat;}
#logo a {color: #484848; text-decoration: none; padding: 0;}
#logo h1 {font-size: 14px; font-weight: normal; text-align: right; padding-top: 38px;}

#navs_left { float: left; width: 114px; height: 39px; }

/* NAVIGATION */
#navigation {padding: 0; margin: 135px auto 0 auto; width: 661px; height: 39px; padding: 0;}
#navigation ul {position: relative;}
#navigation ul li {position: absolute; display: block; text-align: center; margin: 0; line-height: 22px;}
#navigation ul li a:link, #navigation ul li a:visited {font-size: 18px; color: #a7a7a7; text-decoration: none; 
	background:	url(http://www.mrportman.co.uk/themes/mrportman_v4/images/linkbg.gif); 	height: 34px; padding-top: 5px; }
#navigation ul li a:hover {background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/linkbg_roll.gif)}
#navigation ul li a.active {background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/linkbg_active.gif)}
ul#menu li { display: block; height: 39px }
ul#menu a { display: block; height: 39px }
div#navs ul#menu li a { text-indent: -9999px; text-decoration: none }

span.noshow {display: none;}
li#home { left: 141px; width: 70px; }
li#kids { left: 221px; width: 55px; }
li#teachers { left: 286px; width: 95px; }
li#computing { left: 391px; width: 105px; }
li#gallery { left: 506px; width: 75px; }
li#about {left: 591px; width: 72px; }

h1.index { float: left; width: 725px; height: 240px; margin: 0 15px 0 15px; border: 10px solid #484848; text-indent: -9999px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/home_header.png)}
h1.kids{ float: left; width: 725px; height: 120px; margin: 0 15px 0 15px; border: 10px solid #484848; text-indent: -9999px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/kids_header.png)}
h1.teachers{ float: left; width: 725px; height: 200px; margin: 0 15px 0 15px; border: 10px solid #484848; text-indent: -9999px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/teachers_header.png)}
h1.computing{ float: left; width: 725px; height: 170px; margin: 0 15px 0 15px; border: 10px solid #484848; text-indent: -9999px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/computing_header.png)}
h1.about{ float: left; width: 725px; height: 224px; margin: 0 15px 0 15px; border: 10px solid #484848; text-indent: -9999px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/about_header.png)}
h1.contact{ float: left; width: 725px; height: 240px; margin: 0 15px 0 15px; border: 10px solid #484848; text-indent: -9999px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/contact_header.png)}
h1.flash{ float: left; width: 725px; height: 150px; margin: 0 15px 0 15px; border: 10px solid #484848; text-indent: -9999px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/flash_header.png)}
#banner_gallery{ float: left; width: 725px; height: 250px; margin: 0 15px 0 15px; border: 10px solid #484848; }

/* SUBMENUS */
ul.submenu { margin: 0px 0 30px 0; padding: 3px 0px 0px 0px; font-size: 12px; }
ul.submenu li { margin:0; padding: 7px 0px 7px 0px; display:block; list-style-type:none; border-bottom: 1px dotted #484848; 
	font-size: 12px; line-height: 14px;}
ul.submenu a:link, ul.submenu a:visited { display:block; padding:0 0 0 20px; color: #9c9c9d; text-decoration:none; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/bullet1.png) no-repeat 0 3px; font-weight: normal; }
ul.submenu a:hover { padding:0 0 0 20px; color: #23bdc3; text-decoration:none; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/bullet1_roll.png) no-repeat 0 3px; font-weight: normal; }
ul.submenu a.active {background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/bullet1_roll.png) no-repeat 0 3px;}

/* HOME PAGE */
#intro { float: left; width: 500px; margin: 0 0 30px 0; }
.homeleft { float: left; width: 300px;}
.homeleft h1 {}
img.small_thumb { float: left; width: 68px; height: 46px; border: 5px solid #3a3a3a; margin: 0 15px 15px 0; }
img.large_thumb {width: 250px; border: 5px solid #3a3a3a; margin: 0 0 20px 0;}
.homeleft_text {margin: 0 0 10px 0;}
.homeleft_text h3 {}
.homeleft_text h3 a:link, .homeleft_text h3 a:visited {font-size: inherit; font-weight: inherit; color: #a7a7a7;
	text-decoration: none;}
.homeleft_text h3 a:hover {text-decoration: underline;}
.homeleft_text p {padding: 5px 20px; margin: 0; font-size: 12px; line-height: 16px;}
.homeleft_text p.lastedited {font-size: 10px; }
.homeright { float: right; width: 190px; margin: 0 0 25px 0;}
.homeright h1 {}
.homeright ul {}
p.quote { font-size: 20px; color: #a7a7a7; line-height: 26px; }

/* ABOUT PAGE */
#aboutpage {padding: 0 0 0 10px;}

/* GALLERY PAGE */
#gallerypage {padding-left: 20px;}
img.gallery_thumb { float: left; width: 130px; height: 44px; border: 5px solid #3a3a3a; margin: 0 15px 15px 0; }
img.gallery_thumbactive { float: left; width: 130px; height: 44px; border: 5px solid #a7a7a7; margin: 0 15px 15px 0; }

#photo_text { float: left; height: 55px; margin: 0 0 15px 0; }

#web_gallery { float: left; width: 190px; margin: 15px 0 0 0; }

div.content {padding: 0 20px; }
p.arrow_grey { padding: 8px 0 5px 18px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/arrow_grey.gif) no-repeat 0 13px; font-size: 11px; }

img.nowrap_ad { display: block; padding: 0; margin: 0; border: 3px #4e4e4e solid; }
/*------------- CONTACT --------------*/



.contact { float: left; width: 290px; padding: 0 105px 25px 105px; margin: 0 0 10px 0; }

.cbtn { margin: 1px 0 0 1px; }

.contact_white_top { float: left; width: 230px; padding: 60px 30px 8px 30px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/bg_contact_top.gif) no-repeat top left; }

.contact_white_bottom { float: left; width: 290px; height: 20px; background: #ffffff url(http://www.mrportman.co.uk/themes/mrportman_v4/images/bg_contact_bottom.gif) no-repeat bottom left; }

.contact_white_autime { float: left; width: 290px; padding: 7px 0 0 0; }

.contact_white_autime p { font-size: 12px; background: url(http://www.mrportman.co.uk/themes/mrportman_v4/images/clock.gif) no-repeat 0 5px; padding-left: 20px; }



.contact_btn { float: left; width: 230px; height: 44px; margin: 0 0 6px 0; }

.contact_btn_left { float: left; width: 48px; height: 30px; padding: 14px 0 0 0; }

.contact_btn_right { float: left; width: 182px; height: 44px; }

/*------------- FOOTER --------------*/
.clear { clear: both; }
div.backtotop {display: none;}

#footer { float: left; width: 735px; padding: 8px 40px 12px 0; text-align: right; margin: 0; background: #1a1a1a; } 
.footer_copyright { float: right; }
#footer p { color: #505050; font-size: 9px; padding: 0; margin: 0; }
#footer a { color: #505050; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #23bdc3; text-decoration: none; }
#navs_bottom { float: left; width: 745px; padding: 5px 0 11px 0; text-align: center; margin: 0 15px 0 15px; background: #151515; color: #333333; }
#navs_bottom a { color: #333333; text-decoration: none; }
#navs_bottom a:hover { color: #23bdc3; text-decoration: none; }
img.nowrap { display: block; padding: 0; margin: 0; }





/*------------- FORM ELEMENTS --------------*/



form { margin:0; padding:0; display:block; }

input, select, textarea, option { padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F; font-weight:normal; }