html, body {
	/*background-color: #1e1e1e;*/
	/*color: #36468f;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
    background-color: #76b119; 
	background-repeat:repeat;
}
img {
border:none;
}

p {
margin:0;
padding:0;
}

#header {
background-image: url(../images/bg.jpg);
width: 100%;
height: 143px;
background-repeat: repeat-x;
}

#banner {
background-image: url(../images/banner_stretch.jpg);
width:824px;
height:143px;
margin-left:auto;
margin-right:auto;
}

#banner_left {
width:377px;
height:37px;
float:left;
margin-left:12px; /* covers the 12 pixel drop shadow */
}

#banner_right {
background-image: url(../images/banner_right.jpg);
width:423px;
height:37px;
float:left;
text-align:right;
}

#banner_right ul {
margin:0;
padding:0;
margin-top:5px;
margin-right:20px;
float:right;
}

#banner_right ul li {
float:left;
list-style-type:none;
padding-left:20px;
}

#banner_right ul li a {
font-size:1.5em;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#banner_right ul li a:hover {
border-bottom:2px solid #6fb206;
}

#logo {
background-image: url(../images/logo.jpg);
background-repeat:no-repeat;
width:377px; /* added 10 onto the width so that I could do a right padd of 5 and a right border of 5 on the logo image inside */
height:72px;
margin-left:29px; /* covers the 12 drop shadow plus 17 left */
margin-top:9px;
float:left;
}

#logo img:hover {
border-right:5px solid black;
padding-right:5px;
}

#logo_services {
float:left;
width:390px;
text-align:right;
/*margin-right:13px;*/
margin-top:9px;
}

#logo_services ul {
margin:0;
padding:0;
}

#logo_services ul li {
margin:0;
padding:0;
list-style-type:none;
padding-bottom:2px;

}

#logo_services ul li a {
color: #2e2e2e;
text-decoration:none;
}

#logo_services ul li a:hover {
text-decoration:underline;

}


#site {
width:824px;
min-height:500px;
background-repeat:repeat-y;
background-image: url(../images/vertical_stretch.jpg);
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}

#footer {
margin-bottom:12px;
/*background-color: #2d2b2c;*/
background-image: url(../images/footer_stretch.jpg);
width:824px;
height:105px;
margin-left:auto;
margin-right:auto;
}

#footer ul {
margin:0;
padding-right:10px;
float:left;
}
#footer ul h2 {
margin:0;
margin-top:5px;
color:#94978f;
}

#footer ul li {
list-style-type:none;
}

#footer ul li a {
color: #94978f;
text-decoration:none;
}

#footer ul li a:hover {
text-decoration:underline;
}

.services_summary {
width:800px;
margin-left:auto;
margin-right:auto;
}

.services_navbox {
background-color: #2d2b2c;
background-image: url(../images/services_navbox.jpg);
width:247px;
height:219px;
float:left;
}

.services_navbox ul {
margin:0;
padding:0;
padding-top:5px;
}

.services_navbox ul li {
list-style-type:none;
margin-left:30px;
padding-top:20px;
margin-right:20px;

}

.services_navbox ul li a {
color: #FFFFFF;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
}

.services_navbox ul li a:hover {
text-decoration:underline;
color: #c0cdad;
}


.services_content {
width:553px;
height:219px;
float:left;
background-color: #c0cdad;
overflow:hidden;
}

.services_content p {
font-size:1.5em;
padding-left:20px;
padding-right:20px;
color: #2e2e2e;
padding-top:20px;
}

.services_content p a {
color: #2e2e2e;
}

.services_content p a:hover {
text-decoration:none;
}

.services_content p img {
float:right;
margin-top:2px;
}

.page_heading {
padding-left:24px;
padding-top:20px;
}

.page_left {
padding-left:20px;
width:528px;
float:left;
}

.page_left p {
padding-left:24px;
font-size:1.3em;
padding-top:10px;
color: #2e2e2e;
}

.page_left p img {
float:left;
margin:20px;
margin-left:0;
}

.page_left ul {
margin-left:20px;
list-style-type:none;
}

.page_left p a, .page_full p a {
color: #2e2e2e;
}

.page_left p a:hover, .page_full p a:hover {
text-decoration:none;
}


.other_services {
font-size:1.2em;
color:#2e2e2e;
margin-top:50px;
}
.other_services li {
list-style-type:none;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px dotted #2e2e2e;
}



.page_right {
float:left;
width:264px;
}


/* RIGHT BOX START */

.right_box {
float:right;
margin-top:16px;
width:210px;
}

.rightbox_getintouch {
float:left;
width:210px;
height:45px;
background-image: url(../images/right_box_getintouch.jpg);
}

.rightbox_whatsnext {
float:left;
width:210px;
height:45px;
background-image: url(../images/right_box_whatsnext.jpg);

}

.rightbox_recommendation {
float:left;
width:210px;
height:45px;
background-image: url(../images/right_box_werecommend.jpg);
}

.rightbox_stretch {
background-color: #7ca444;
width:210px;
color: #FFFFFF;
font-size:1.2em;
}

.rightbox_stretch p {
margin-left:20px;
margin-right:20px;

}

.rightbox_stretch p span {
margin-left:20px;
}

.rightbox_stretch ul li {
list-style-type:none;
text-align:right;
margin-right:20px;
}

.rightbox_stretch ul {
margin:0;
}

.rightbox_stretch a {
margin-left:15px;
color:#FFFFFF;
text-decoration:none;
}

.rightbox_stretch .rightbox_a {
margin:0;
margin-left:0;
text-decoration:underline;
}

.rightbox_stretch .rightbox_a:hover {
text-decoration:none;
}


.rightbox_stretch a:hover {
text-decoration:underline;
}

.rightbox_bottom {
background-image: url(../images/right_box_bottom.jpg);
width:210px;
height:16px;
}

/* First used on services main page */
.page_full {
width:800px;
float:left;
margin-left:12px;
}

.page_full p {
padding-left:24px;
font-size:1.3em;
padding-top:10px;
color: #2e2e2e;
padding-right:24px;
}

.page_full .services_navbox { 
float:right;
margin-top:25px;
margin-bottom:9px;
margin-left:25px;
}

.page_full ul {
list-style-type:none;
}

.other_services a {
color:#2e2e2e;
text-decoration:none;
font-weight:bold;
}

.other_services a:hover span {
display:block;
text-decoration:none;
}

.other_services a:hover {
text-decoration:underline;
}

.other_services a span {
display:none;
font-weight:normal;
text-decoration:none;
}



/* Begin Portfolio */
.portfolio_entry p {
padding-top:0;
margin-top:0;
padding-left:0;
padding-right:10px;
}

.portfolio_entry {
margin-bottom:20px;
padding-bottom:10px;
padding-left:20px;
padding-top:10px;
}

.portfolio_entry h2 {
font-size:1.3em;
margin-bottom:0;
padding-bottom:0;
color: #2e2e2e;
/*margin-left:25px;
*/
}


#rectangle_LOTP, #rectangle_VIBE, #rectangle_WRDS, #rectangle_YORKYS, #rectangle_BUILD, #rectangle_DONATE, #rectangle_SILHOUETTE, #rectangle_BALIVILLARENTING, #rectangle_LIVESPACE, #rectangle_KIRKLEESSKILLS, #rectangle_HENLEY {
width:487px;
height:160px;
}

#rectangle_LOTP ul, #rectangle_VIBE ul, #rectangle_WRDS ul, #rectangle_YORKYS ul, #rectangle_BUILD ul, #rectangle_DONATE ul, #rectangle_SILHOUETTE ul, #rectangle_BALIVILLARENTING ul, #rectangle_LIVESPACE ul, #rectangle_KIRKLEESSKILLS ul, #rectangle_HENLEY ul {
margin-left:350px;
padding-top:70px;
}

#rectangle_LOTP ul li, #rectangle_VIBE ul li, #rectangle_WRDS ul li, #rectangle_YORKYS ul li, #rectangle_BUILD ul li, #rectangle_DONATE ul li, #rectangle_SILHOUETTE ul li, #rectangle_BALIVILLARENTING ul li, #rectangle_LIVESPACE ul li, #rectangle_KIRKLEESSKILLS ul li, #rectangle_HENLEY ul li {
margin-left:0;
padding-left:0;
list-style-type:none;
color: #FFFFFF;
text-align:center;
}

#rectangle_LOTP ul li a, #rectangle_VIBE ul li a, #rectangle_WRDS ul li a, #rectangle_YORKYS ul li a, #rectangle_BUILD ul li a, #rectangle_DONATE ul li a, #rectangle_SILHOUETTE ul li a, #rectangle_BALIVILLARENTING ul li a, #rectangle_LIVESPACE ul li a, #rectangle_KIRKLEESSKILLS ul li a, #rectangle_HENLEY ul li a {
color: #FFFFFF;
text-decoration:none;
}

#rectangle_LOTP ul li a:hover, #rectangle_VIBE ul li a:hover, #rectangle_WRDS ul li a:hover, #rectangle_YORKYS ul li a:hover, #rectangle_BUILD ul li a:hover, #rectangle_DONATE ul li a:hover, #rectangle_SILHOUETTE ul li a:hover, #rectangle_BALIVILLARENTING ul li a:hover, #rectangle_LIVESPACE ul li a:hover, #rectangle_KIRKLEESSKILLS ul li a:hover, #rectangle_HENLEY ul li a:hover {
text-decoration:underline;
}


#rectangle_HENLEY {
background-image:url(../images/portfolio/HENLEY.jpg);
}



#rectangle_KIRKLEESSKILLS {
background-image:url(../images/portfolio/KIRKLEESSKILLS.jpg);
}



#rectangle_LOTP {
background-image:url(../images/portfolio/LOTP.jpg);
}

#rectangle_VIBE {
background-image:url(../images/portfolio/VIBE.jpg);
}

#rectangle_WRDS {
background-image:url(../images/portfolio/WRDS.jpg);
}

#rectangle_YORKYS {
background-image:url(../images/portfolio/YORKYS.jpg);
}

#rectangle_BUILD {
background-image:url(../images/portfolio/BUILD.jpg);
}

#rectangle_DONATE {
background-image:url(../images/portfolio/DONATETHISSITE.jpg);

}

#rectangle_SILHOUETTE {
background-image:url(../images/portfolio/SILHOUETTE.jpg);

}

#rectangle_BALIVILLARENTING {
background-image:url(../images/portfolio/BALIVILLARENTING.jpg);

}

#rectangle_LIVESPACE {
background-image:url(../images/portfolio/LIVESPACE.jpg);

}


/* */
input.form, textarea.form {
background-color:#2e2e2e;
color: #FFFFFF;
border:2px solid green;
}

/*input.form:hover, textarea.form:hover {
border:2px solid green;
background-color:#575656;
color: #FFFFFF;
}*/

#banner_left a {
margin-left:10px;

}