/***** CSS DESIGN BRYANTS OF LEEDS ver 1 ***** 
/***** CSS by Pete Bryant - GDP Limited *****/
/***** Last modified 03/12/09 *****/

/* Container holds all visible page elements */

/* Default styling for paragraphs */

body {
background:#FFFFFF none repeat scroll 0 0;
color:#333333;
font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:13px;
line-height:150%;
margin:0;
}
h1 {
font-size:11px;
font-weight:normal;
margin:0;
}
h2 {
font-size:32px;
line-height:160%;
margin:5px 0 0;
}
h3 {
color:#444444;
font-size:18px;
line-height:150%;
margin:0 0 5px;
}
h4 {
font-size:15px;
line-height:130%;
margin:0;
}
a {
	color:#003C97;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
p {
margin:10px 0 20px;
}
ul {
	margin:20px 0 30px 19px;
	padding:0 0 0 10px;
}
.left {
float:left;
}


	
/* Use this style to turn anything blue */
.bleached {
	color:#52A2FF;
  }

/* Override the colour of bleached (yellow) when it identifies a paragraph */
p.bleached {
	color: #FFFF00;
  }

img {
	border: 0;
}

.border {
border-bottom:1px solid #CCCCCC;
clear:both;
height:0;
margin:0 0 10px;
width:980px;
}


.sub-box-golf {
float:left;
margin:10px 0 0;
width:223px;
background: #CCFFCC;
}

.sub-box-corporate {
float:left;
margin:10px 0 0;
width:223px;
background: #CCFFFF;
}

.sub-box img, .portfolio-box img {
border:1px solid #AAAAAA;
margin:5px 0;
}

.sub-box-gap {
float:left;
height:10px;
width:29px;
}

.sub-box-gap-big {
float:left;
height:10px;
width:50px
}

.bullet {
margin:10px 0 20px;
padding:0;
}
.bullet li {
background-image:url(/images/bullet-right.gif);
background-repeat:no-repeat;
line-height:150%;
list-style-type:none;
padding:0 0 5px 20px;
}
.bullet-link a {
background-image:url(www.karlbowers.co.uk/images/bullet-right.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
font-size:13px;
font-weight:bold;
padding:0 0 0 20px;






















		
/* body details  */
div#iv_outer_container #iv_container #body {
overflow: auto;
text-align: left;
width: 1000px;
}


/* new */
div#iv_outer_container #iv_container #body #top_info {
color:#808080;
float:right;
height:74px;
line-height:20px;
margin:0px 5px 7px 0;
text-align:left	
}


div#iv_outer_container #iv_container #right_articles {
float:right;
padding: 8px;
overflow: auto;
text-align: left;
width: 380px;
height: auto;
border: 1px solid #999999;
background: #CCCCCC;
margin:0 0 22px;
}

div#iv_outer_container #iv_container #body-fill {
overflow: auto;
text-align: left;
width: 600px;
height: 300px;
}


div#iv_outer_container #iv_container #body .sp2 {
clear:both;
display:block;
height:1px;
overflow:hidden;
width:100%;
}

/* Make text grey only for paragraphs within the body */
div#iv_outer_container #iv_container #body p {
	padding:0 0 0 15px;
	color: #333;
  }
/* Make text red only for paragraphs within the box class */
div#iv_outer_container #iv_container #body .box p {
	color: #333;
  }
h1 {
	color: #333;
	font-size: 26px;
	}
h2 {
	font-family: tahoma;
	font-size: 18px;
	font-weight: bold;
	padding:0 0 0 15px;
	color: #333333;
}
h3 {
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	padding:0 0 0 15px;
	color: #333333;
}

/* navigation bar in header */
div#iv_outer_container #iv_container div #header ul {
float:right;
width: 60px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:40px 0 0 0;
}
div#iv_outer_container #iv_container div#header ul li {
display:block;
float:left;
margin:0 0 0 5px;
}
div#iv_outer_container #iv_container div#header ul li a {
background:#FFF none repeat scroll 0 0;
color:#06C;
display:block;
font-family:tahoma;
font-size:0.8em;
height:30px;
line-height:30px;
padding:0 15px;
text-decoration:none;
}
div#iv_outer_container #iv_container div#header ul li a.current {
background:#06C none repeat scroll 0 0;
color:#FFF;
display:block;
font-family:tahoma;
font-size:0.8em;
height:30px;
line-height:30px;
padding:0 15px;
text-decoration:none;
}
div#iv_outer_container #iv_container div#header ul li a:hover {
background:#06C none repeat scroll 0 0;
color:#FFF;
font-family:tahoma;
font-size:0.8em;
height:30px;
line-height:30px;
padding:0 15px;
}

div#iv_outer_container #iv_container #tablist {
float:left;
margin:0;
padding:26px 0;
}
div#iv_outer_container #iv_container #tablist li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

div#iv_outer_container #iv_container #tablist li a {
background:#808080 url(http://www.inter-vention.co.uk/images/corner.gif) no-repeat scroll right top;
color:#FFFFFF;
font-weight:bold;
margin-right:2px;
padding:2px 10px;
text-decoration:none;
}
div#iv_outer_container #iv_container #tablist li a:hover {
background:#CC00CC url(http://www.inter-vention.co.uk/images/corner.gif) no-repeat scroll right top;
color:#FFFFFF;
}
div#iv_outer_container #iv_container #tablist li a.current {
background:#CC00CC url(http://www.inter-vention.co.uk/images/corner.gif) no-repeat scroll right top;
color:#FFFFFF;
padding:2px 10px;
}
div#iv_outer_container #iv_container #tablist .key {
text-decoration:underline;
}

#topics {
background:#FFCCFF url(../images/topicsbg.jpg) repeat-x scroll left bottom;
clear:left;
color:#FF99FF;
float:left;
height:15px;
margin:0 0 2px;
padding:1px 5px;
width:990px;

/* footer details  */
div#iv_outer_container #iv_container div#footer {
border-top: 2px;
color: #06C;
height: 150px;
background: #CC00CC;
overflow: auto;
padding:0 10px;
text-align:left;
width: 980px;
}

div#iv_outer_container #iv_container div#footer p {
color:#FFFFFF;
font-family:tahoma;
font-size:0.8em;
padding:0 0 0 15px;
}
div#iv_outer_container #iv_container div#footer p a {
color:#9FB03D;
text-decoration:none;
}
div#iv_outer_container #iv_container div#footer p a:hover {
text-decoration:underline;
}
div#iv_outer_container #iv_container div#footer ul.awards {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
div#iv_outer_container #iv_container div#footer ul.awards li {
color:#FFFFFF;
display:block;
float:left;
font-family:tahoma;
font-size:0.8em;
margin:0 5px 0 0;
}
div#iv_outer_container #iv_container div#footer ul.awards li img {
border:0 none;
}

/* portfolio page  */

div#iv_outer_container #iv_container #body #portfolio_leftcol {
background-color: #FFF;
font-size:large;
color:#036;
float:left;
margin:0 0 0 0;
padding:10px 0 0 10px;
width:260px;
}

div#iv_outer_container #iv_container #body #portfolio {
background-color: #9FB03D;
float:right;
margin:0 0 0 0;
padding:22px;
width:640px;
}

div#iv_outer_container #iv_container #body #portfolio a {
	color: #036;
}

div#iv_outer_container #iv_container #body #portfolio h2 {
color:#FFF;
font-family:tahoma;
margin:10px 0 0 15px;
}

div#iv_outer_container #iv_container #body #portfolio ul {
	}
	.screenshot img {
	height:120px;
	width:159px;
}

#gallerysites {
	clear:both;
}

#gallerysites ul {
	list-style-type:none;
}

#gallerysites li {
display:inline;
float:left;
height:178px;
margin-right:7px;
width:178px;
}
#gallerysites img {
border:2px solid #FFF;
}

#gallerysites a:hover img {
border:3px solid #D6A30A;
}