/* CORE education and consultation (UK) Ltd  CSS code by Tony Phillips  03/08/09*/

html, body {
margin:0;
text-align:center;
padding: 0;
/* old style
background-color: #e6e6e6;
new style*/
background-color: #ffffff;
background-image: url('images/backgroundimage.jpg');
background-repeat: repeat-x;
}

#wrapper {
width:900px;
margin: 0 Auto;
background-color: #ffffff;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
}

#headerimage{
background-image: url('images/corebanner.jpg');
height: 82px;
}

#topcontatiner{
width: 100%;
height:208px;
}



#contenthome{
text-align:left;
margin-top: 5px;
margin-left: 14px;
margin-right: 16px;
margin-bottom: 10px;
height:370px;
}

#contentcontactus{
text-align:left;
margin-top: 5px;
margin-left: 14px;
margin-right: 16px;
margin-bottom: 10px;
height:575px;
}

#footer{
color: #666666;
font-size: 9px;
margin-bottom: 10px;
margin-top: 10px;
}

#footerline {
display:block;
border-top:solid thin;
border-color: #cacaca;
margin-top:40px;
}

/* Different content areas */
#boxesgrey{
width: 240px;
height:326px;
float: right;
text-align:center;
padding:20px 20px 10px 20px;
background-image: url('images/boxesgrey.jpg');
background-repeat: no-repeat;
margin-top:15px;
}

#boxesred{
width: 240px;
height:326px;
float: left;
text-align:center;
padding:20px 20px 10px 20px;
background-image: url('images/boxesred.jpg');
background-repeat: no-repeat;
margin-right:8px;
margin-top:15px;
}

#boxesblue{
width: 240px;
height:326px;
float: left;
text-align:center;
padding:20px 20px 10px 20px;
margin-right:14px;
margin-top:15px;
background-image: url('images/boxesblue.jpg');
background-repeat: no-repeat;
}

#boxesredlong{
width: 240px;
height:482px;
float: left;
text-align:center;
padding:20px 20px 10px 20px;
background-image: url('images/boxesred2.jpg');
background-repeat: no-repeat;
margin-right:8px;
}

#boxesgreylong{
width: 240px;
height:482px;
float: right;
text-align:center;
padding:20px 20px 10px 20px;
background-image: url('images/boxesgrey2.jpg');
background-repeat: no-repeat;
}

#boxesbluelong{
width: 240px;
height:482px;
float: left;
vertical-align:bottom;
text-align:center;
padding:20px 20px 10px 20px;
background-image: url('images/boxesblue2.jpg');
background-repeat: no-repeat;
margin-right:14px;
}



#learnmoreblue{
vertical-align: bottom;
text-align: center;
margin: 0 Auto;
width: 145px;
height: 33px;
background-image: url('images/learnmoreblue.png');
}

#learnmorered{
vertical-align: middle;
text-align: center;
margin: 0 Auto;
width: 145px;
height: 33px;
background-image: url('images/learnmorered.png');
}

#learnmoregrey{
vertical-align: middle;
text-align: center;
margin: 0 Auto;
width: 145px;
height: 33px;
background-image: url('images/learnmoregrey.png');
}

#jig{
width: 279px;
height: 208px;
background-image: url('images/jig.png');
float:right;
margin-right: 15px;
}

#jigleft{
float:left;
height: 208px;
margin-left: 40px;
width:530px;
text-align: center;
font-size: 14px;
}

#education{
vertical-align: middle;
text-align: center;
width: 240px;
height: 46px;
background-image: url('images/education.png');
background-repeat:no-repeat;
background-position: center;
margin-bottom:30px;
margin-top:30px;
}

#hamlet{
vertical-align: middle;
text-align:center;
width: 240px;
height: 46px;
background-image: url('images/hamlet.png');
background-repeat:no-repeat;
background-position: center;
margin-bottom:30px;
margin-top:30px;
}

#symbia{
vertical-align: middle;
text-align: center;
width: 240px;
height: 46px;
background-image: url('images/symbia.png');
background-repeat:no-repeat;
background-position: center;
margin-bottom:30px;
margin-top:30px;
margin-left: 0px;
margin-right: 0px;
padding-left:0px;
padding-right: 0px;
}

#space{
float: left;
width:1%;
}

#maincontent{
width:100%;
font-size: 14px;
}

h1{
font-size: 17px;
}

h2{
font-size: 25px;
margin-top: 2px;
margin-bottom: 2px;
}

h3{
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
margin-bottom: 2px;
font-size:14px;
}

.textcontent{
height:150px;
}

.textcontentcontactus{
height:380px;
text-align:left;
}

.bold{
font-weight:bold;
}

.content{
text-align:left;
margin-top: 10px;
margin-left: 14px;
margin-right: 16px;
margin-bottom: 10px;
color: black;
font-size:14px
}

.gradient{
background-image: url('images/gradient.png');
background-repeat: no-repeat;
background-position: top;
margin-top: 0px;
}

.title{
padding-top: 14px;
padding-left: 14px;
font-size: 30px;
text-align: left;
color: white;
padding-bottom: 14px;
}

img{
border:0px;
}