/*Confident Communicator v1.0
Copyright Ben J Walker, Resound Design 2006*/

/*NORMAL STUFF*/
html {
	margin: 0px;
	padding: 0px;
	}



body { 
	font-style: normal;
	text-decoration: none;
	color: #000000;
	margin: 0px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 80%;
	background-color: #CDB287;
	background-image: url('images/ccbg1.gif');
	background-repeat: repeat-x;
	background-position: top center;
	text-align: justify;
	line-height: 1.5em
	}
	
table {
font-size: 100%;
}
/*workaround so text does not appear larger in tables*/



/*NORMAL STUFF*/

h1
{
text-transform: uppercase;
color: #413F3C;
font-weight: bold;
font-size: 2em;
letter-spacing: -0.1em;
}



#cclogo
{
position: absolute;
top: 0px;
left: 0px;
width: 337px;
height: 270px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.resolvesolutions.co.uk/resound/confident/images/cclogo2.png',sizingMethod='scale');
background-position: center top;
background-repeat: no-repeat;
z-index: 0
}

#logoclick
{
position: absolute;
top: 0px;
left: 0px;
width: 337px;
height: 270px;
z-index: 10
}

#leftcolumn
{
background-color: #FFFFFF;
width: 260px;
height: auto;
position: absolute;
left: 28px;
top: 260px;
padding: 12px;
background-image:url('images/ccbg2.gif');
background-repeat: repeat-x;
background-position: top left;
}

html>body img.leftcolumn
{
padding-bottom: 12px;
padding-top: 12px;
}
/* non-IE browsers */

html>body #leftcolumn
{
padding: 0px 12px 0px 12px;
}
/* non-IE browsers */

#rightcolumn
{
background-color: #FFFFFF;
width: 57%;
position: absolute;
left: 343px;
top: 124px;
padding: 12px 12px 12px 12px;
background-image:url('images/rightbg1.gif');
background-repeat: no-repeat;
background-position: top right;
}

#rightcolumn_bottom
{
background-image:url('images/bottombar.gif');
background-repeat: no-repeat;
background-position: bottom right;
width: 100%;
height: 79px
}

.rightcolumn_ccbg
{
background-image:url('images/bg_cc.gif');
background-repeat: no-repeat;
background-position: right center
}

html>body #rightcolumn
{
padding: 0px 12px 12px 12px;
}
/* non-IE browsers */

#menuarea
{
border: 0px;
position: absolute;
left: 350px;
top: 24px;
width: 62%
}



.menubox_left
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.resolvesolutions.co.uk/resound/confident/images/menubox_left.png',sizingMethod='scale');
background-position: top left;
background-repeat: no-repeat;
width: 24px;
height: 72px;
float: left;
position: relative;
left:-24px;
}

html>body .menubox_left
{
background-image: url('images/menubox_left.png');
}
/* non-IE browsers */

.menubox_middle
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.resolvesolutions.co.uk/resound/confident/images/menubox_middle.png',sizingMethod='scale');
background-position: top center;
background-repeat: repeat-x;
height: 72px;
margin: 0px 24px 0px 24px;
color: #FFFFFF;
width: 420px;
}

html>body .menubox_middle
{
background-image: url('images/menubox_middle.png');
}
/* non-IE browsers */

.menubox_right
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.resolvesolutions.co.uk/resound/confident/images/menubox_right.png',sizingMethod='scale');
background-position: top right;
background-repeat: no-repeat;
width: 24px;
height: 72px;
float: right;
position: relative;
left:24px;
float: right
}

html>body .menubox_right
{
background-image: url('images/menubox_right.png');
}
/* non-IE browsers */

.menubox_content
{
padding-top: 12px
}



#menuarea a
{
color: #FFFFFF;
font-size: 1.2em;
letter-spacing: -0.1em;
line-height: 1.5em;
text-transform: uppercase
}

#menuarea a:hover
{
color: #FDF674
}


html>body #cclogo
{
background-image:url('images/cclogo2.png');
}
/* non-IE browsers */



/*IMAGES*/
img
{
border: 0px
}

img.right
{
float: right;
margin-left: 18px
}

img.left
{
float: left;
margin-right: 18px
}
/*IMAGES*/	


/*CLASSES*/
.highlight1
{
font-weight: bold;
}

.highlight2
{
font-weight: bold;
font-size: 1.7em;
letter-spacing: -0.05em;
line-height: 1.3em;
color: #413F3C;
text-align: left
}

.highlight3
{
font-size: 1.4em;
letter-spacing: -0.05em;
color: #000000;
text-align: left
}

.highlightbox1
{
background-color: #FAF3E7;
border: 1px solid #000000;
padding: 0px 12px 0px 12px;
margin: 0 4px 4px 4px;
}

.spacer
{
width: 100%;
height: 12px;
clear: both
}

.spacer0
{
width: 100%;
height: 0px;
clear: both
}

.brown
{
color: #C6A877
}

span.sname
{
color: #413F3C;
text-transform: uppercase;
font-size: 1.5em;
letter-spacing: -0.05em;
}

span.sname:hover
{
color: #000000;
border-bottom: 3px solid #CDB287
}



/*LINKS*/
a:link
{
color: #6D99ED;
text-decoration: none;
font-weight: bold
}


a:visited
{
color: #A6A3C5;
text-decoration: none;
font-weight: bold
}

a:hover, a:active
{
color: #E8AD3D;
text-decoration: none;
font-weight: bold
}
/*LINKS*/

.combar
{
background-color: #CDB287;
padding: 2px;
color: #FFFFFF;
font-weight: bold;
margin-top: 4px;
margin-bottom: 4px;
}

.combar a
{
color: #FDF674;
font-weight: bold;
}

.combar a:hover
{
text-decoration: underline
}

div.combox
{
width: 100%;
margin-bottom:20px;
}

div.comhdr
{
border-bottom:1px solid black;
background-color: #FBF7F0
}

div.com
{
padding:2px;
background-color:#F2EBDF
}

#footer
{
color: #FFFFFF;
position: absolute;
top: 0px;
right: 8px;
font-size: 0.9em;
font-weight: bold
}

#footer a
{
color: #FFFFFF;
text-decoration: underline
}

#footer a:hover
{
color: #F1E9DE
}

.brown
{
color: #C4A16D;
font-weight: bold
}

li
{
margin-bottom: 12px
}