@charset "UTF-8";
/* -----------------------------------------------
WWW.KORE.UK.COM
Name:     v1.0
Design & Developement:	Steve Oldham
			Paul Bain (Coding legend!)
URL:      www.kore.uk.com
Date:     NOVEMBER 2008
----------------------------------------------- */
@import url("../css/menus.css");
@import url("../css/links.css");
@import url("../css/templates.css");

a img{
border: none;
}

fieldset{
border: 0;
}

/* ##################
	MAIN TEMPLATE
###################*/
body{
font-family : Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #878787;
background-color: #EEEEEE;
margin: 1px;
padding: 0px;
background-image: url(http://www.kore.uk.com/images/back.jpg);
background-repeat: repeat-x;
background-attachment:fixed;
background-position: 50% 50%;
}
p{
font-size: 12px;
}
span{
font-size: 12px;
}
div#koreHeader{
width:100%;
height:116px;
background-image: url(http://www.kore.uk.com/images/headerFade.jpg);
background-repeat: repeat-x;
background-position:center;
border-bottom:1px solid #FFFFFF;
}
div#koreLogo, div#koreMusic, div#koreAction, div#koreTruth, div#koreWorship, div#koreMedia, div#koreVenture{
margin-left:auto;
margin-right:auto;
width:800px;
}
div#logo{
float:left;
width:209px;
height:108px;
position:relative;
top:-85px;
left:-5px;
background-image: url(http://www.kore.uk.com/images/logo.png);
background-repeat: no-repeat;
z-index:2;
margin-bottom:-108px;
}
div#koreSectionIcon{
float:left;
position:relative;
z-index:2;
}
div#koreAction div#koreSectionIcon{
width:242px;
height:242px;
top:5px;
left:450px;
background-image: url(http://files.kore.uk.com/icon_action.png);
background-repeat: no-repeat;
margin-bottom:-242px;
}
div#koreMusic div#koreSectionIcon{
width:369px;
height:225px;
top:3px;
left:330px;
background-image: url(http://files.kore.uk.com/icon_music.png);
background-repeat: no-repeat;
margin-bottom:-225px;
}
div#koreTruth div#koreSectionIcon{
width:384px;
height:215px;
top:5px;
left:320px;
background-image: url(http://files.kore.uk.com/icon_truth.png);
background-repeat: no-repeat;
margin-bottom:-215px;
}
div#koreWorship div#koreSectionIcon{
width:86px;
height:62px;
top:156px;
left:350px;
background-image: url(http://files.kore.uk.com/icon_worship.png);
background-repeat: no-repeat;
margin-bottom:-62px;
}
div#koreMedia div#koreSectionIcon{
width:274px;
height:222px;
top:5px;
left:430px;
background-image: url(http://files.kore.uk.com/icon_media.png);
background-repeat: no-repeat;
margin-bottom:-222px;
}
div#koreVenture div#koreSectionIcon{
width:661px;
height:239px;
top:0px;
left:40px;
background-image: url(http://files.kore.uk.com/icon_venture.png);
background-repeat: no-repeat;
margin-bottom:-239px;
}
div#homelogo{
float:left;
width:209px;
height:108px;
position:relative;
top:-65px;
left:-5px;
background-image: url(http://www.kore.uk.com/images/logo.png);
background-repeat: no-repeat;
z-index:2;
margin-bottom:-108px;
}
div#koreContent{
margin-left:auto;
margin-right:auto;
width:800px;
}
div#koreControl{
clear:both;
float:right;
width:506px;
height:33px;
padding-left:10px;
margin-right:0;
background: url(http://www.kore.uk.com/images/control/controlHome.png) no-repeat;
}
div#koreSubControl{
position:relative;
float:right;
top:-35px;
width:506px;
height:26px;
padding-left:12px;
padding-top:7px;
background: url(http://www.kore.uk.com/images/control/controlSub.png) no-repeat;
margin-bottom:-39px;
}
.control{
float:left;
display:block;
height:26px;
}
#home{
width:68px;background: url(http://www.kore.uk.com/images/control/home.png) no-repeat left;}
#home:hover{background-position: right;}

#about{
width:68px;background: url(http://www.kore.uk.com/images/control/about.png) no-repeat left;}
#about:hover{background-position: right;}

#blog{
width:56px;background: url(http://www.kore.uk.com/images/control/blog.png) no-repeat left;}
#blog:hover{background-position: -68px 0px;}

#forum{
width:64px;background: url(http://www.kore.uk.com/images/control/forum.png) no-repeat left;}
#forum:hover{background-position: -68px 0px;}

#support{
width:77px;background: url(http://www.kore.uk.com/images/control/support.png) no-repeat left;}
#support:hover{background-position: right;}

#consult{
width:74px;background: url(http://www.kore.uk.com/images/control/consult.png) no-repeat left;}
#consult:hover{background-position: -68px 0px;}

#contact{
width:78px;background: url(http://www.kore.uk.com/images/control/contact.png) no-repeat left;}
#contact:hover{background-position: right;}

#links{
width:50px;background: url(http://www.kore.uk.com/images/control/links.png) no-repeat left;}
#links:hover{background-position: right;}

div#wrapper{
float:left;
width:800px;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
background-color:#FFFFFF;
background-image: url(http://www.kore.uk.com/images/contentFooter.jpg);
background-repeat: no-repeat;
background-position:bottom;
}
div#wrapper-noimage{
float:left;
width:800px;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
background-color:#FFFFFF;
}
div#koreBody{
float:left;
clear:both;
width:800px;
background: url(http://www.kore.uk.com/images/contentHeader.jpg) no-repeat top center;
margin-bottom:10px;
min-height:260px;
overflow:hidden
}
div.koreTitleBar{
float:left;
position:relative;
left:-10px;
height:60px;
width:805px;
padding-left:20px;
line-height:70px;
color:#ffffff;
background-image: url(/images/titleBack.jpg);
}
div#koreFooter{
clear:both;
margin-left:auto;
margin-right:auto;
margin-bottom:80px;
width:800px;
height:50px;
font-size:9px;
line-height:12px;
}
div#koreIconsFooter{
clear:both;
margin-left:auto;
margin-right:auto;
position:relative;
top:-10px;
margin-bottom:80px;
width:800px;
height:50px;
font-size:9px;
line-height:12px;
}
div#koreFooterLeft{
clear:left;
float:left;
text-align:left;
}
div#koreFooterRight{
float:right;
text-align:right;
}
div#koreFooter img, div#koreIconsFooter img{
vertical-align:-4px;
}
/* ### HIGHLIGHTS ### */
blue{
color:#08b3f0;
}
orange{
color:#f68f03;
}

/* ### CLASSES ### */
.koreSpacer{
clear:both;
height:10px;
}

/* ### LINKS !IMPORTANT ### */
a{
color:#666666;
text-decoration: none;
}
a:active{
cursor:pointer;
color:#FFFFFF;
text-decoration: none;
}
a:hover{
cursor:pointer;
color:#CCCCCC;
text-decoration: none;
}




/* #################
THE ELEMENTS
##################*/
div#sectionBanner{
float:left;
width:800px;
height:200px;
position:relative;
left:-7px;
margin-bottom:20px;
}

div#koreMultimediaPlayerCont{
width:625px;
margin:0 auto;
}
div#koreVideoPlayerCont{
width:280px;
margin:0 auto;
}
div#koreAudioPlayerCont{
width:280px;
margin:0 auto;
}

div#standaloneVideoPlayer{
width:280px;
height:275px;
position:fixed;
top:50%;
left:50%;
}
div#standaloneVideoPlayerInner{
width:280px;
height:275px;
position:relative;
top:-140px;
left:-140px;
}
div#standaloneAudioPlayer{
width:280px;
height:100px;
position:fixed;
top:50%;
left:50%;
}
div#standaloneAudioPlayerInner{
width:280px;
height:100px;
position:relative;
top:-50px;
left:-140px;
}
.standaloneBackground{
background-image:url(/_media/images/background.jpg);
background-repeat:no-repeat;
}

.spacer{
float:left;
clear:both;
height:20px;
width:100%;
}

/* ### SHADOW STYLES !IMPORTANT ### */
.shadow{
float:left;
padding:4px 6px 8px 6px;
}

a.thickbox img{
margin:0;
padding:0;
}