html, body {
     width:  100%;
    background-color:   #ffbe26;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

body {
    font-size:      62.5%;
    color:          #757575;   /* Edit please */
    font-family:    "Tahoma", Verdana, Arial, Sans-Serif;   
}

/* CORE DEFINITIONS */

h1 {
    /* No definition, is handled by .showcase h1 */   
}

h2 {
    font-size:      1.8em;
    padding:        10px;   
    border-bottom:  1px solid #fff;
    margin-bottom:  10px;
}

h3 {
    font-size:      1.4em;
    padding:        10px;   
}

p {
    font-size:      1.3em; 
    padding:        0 10px 10px 10px;  
}

    p.bright {
        color:  #fff;   
    }

a {
    color:  #4f85ae;   
}

a.arrowbutton {
    display:    block;
    width:      118px;
    height:     20px;
    background-image:   url(../content/images/bg_arrowbutton.jpg);   
    background-repeat:  no-repeat;
    padding:    1px 10px 5px 10px;
    font-size:      1.1em;
    font-weight:    normal;
    margin:     10px 0 0 0;
    color:      #fff;
    text-decoration:    none;
}

li {
    padding:    0 10px 5px 10px;
    font-size:  1.4em;
}

li.service {
    background-image:   url(../content/images/li_services.jpg);   
    background-repeat:  no-repeat;
    padding-left:       20px;
    margin-left:        10px;
    background-position:    0 3px;
}

strong {
    font-weight:    bold;   
}


div.wrapper_background {
    margin:         auto;
    width:          950px;
    min-height:     300px;
}

div.header {
    width:          950px;   
}

div.contactdetailstop {
    width:          auto;
    background-image:   url(../content/images/bg_contactdetailstop.jpg);   
    background-repeat:  no-repeat;
}

div.contactdetailstop p {
    padding-top:        5px;
    font-size:          1.5em;   
}

div.contactdetailstop span.shifter {
    margin-left:        30px;  
    color:              #fff !important; 
}

div.contactdetailstop span.shifter a {
    color:  #b3d2ea;   
}

#slideshow {
    background-color:   #666;   
}

div.showcase {
    width:          950px;
    height:         230px;
    overflow:       hidden;
    background-image:   url(../content/images/bg_showcase.jpg);   
    background-repeat:  no-repeat;
}

div.showcase h1 {
    padding:        20px 10px 0 10px;
    font-size:      4.1em;
    font-weight:    normal;
    color:          #fff;   
}

div.showcase p {
    color:  #fff;   
    font-size:      1.5em;
}

div.showcase ul {
    padding:    10px 0 0 0;
}

div.showcase ul li {
    padding:    0 10px 5px 20px;
    font-size:  1.8em;
    color:  #fff;   
}

div.showcases {
    width:          950px;
    height:         230px;
    overflow:       hidden;
    background-image:   url(../content/images/header4.jpg);   
    background-repeat:  no-repeat;
}

div.showcases h1 {
    padding:        20px 10px 0 10px;
    font-size:      4.1em;
    font-weight:    normal;
    color:          #fff;   
}


div.showcases p {
    color:  #fff;   
    font-size:      1.5em;
}

div.showcases ul {
    padding:    10px 0 0 0;
}

div.showcases ul li {
    padding:    0 10px 5px 20px;
    font-size:  1.8em;
    color:  #fff;   
}



div.nav {
    width:      950px;
    height:     55px;
    background-image:   url(../content/images/bg_nav.jpg);   
    background-repeat:  no-repeat;
    background-color:   #fff;
}

div.nav p {
    font-weight:    bold;
    padding-top:    14px;   
    font-size:      1.6em;  
}

div.nav p.fom {
    background-image:   url(../content/images/icon_findoutmore.jpg);   
    background-position:    right 16px;
    background-repeat:  no-repeat;
    padding-right:      10px;
}

div.nav ul {
}

div.nav ul li {
    display:    inline-block;
    padding:    15px 10px 15px 30px;   
    background-image:   url(../content/images/bg_navitem.jpg);
    background-repeat:  no-repeat;
}

div.nav ul li a {
    text-decoration:    none;   
}

div.nav ul.servicessubnav {
    display:    none;
    width:      950px;
    height:     38px;
    position:   absolute;
    margin:     15px auto 10px auto;
    margin-left:    -425px;
    z-index:        99; 
    background-image:   url(../content/images/bg_servicessubnav.png);
    background-repeat:  no-repeat;
}

div.nav ul.servicessubnav li {
    padding:    10px 10px 5px 25px;
    font-size:  1.0em;
    background-image:   url(../content/images/bg_subnavitem.jpg);
    background-repeat:  no-repeat;
}

div.nav ul.servicessubnav li.servicestitle {
    padding:    8px 40px 5px 45px;  
    background-image:   none; 
    font-weight:   normal;
    font-size:      1.2em;
}

div.nav li.servicesshow:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:underline;
}

div.nav li.servicesshow:hover ul.servicessubnav {
    display:    block;   
}

div.nav li.servicesshow:hover ul.servicessubnav li a {
    text-decoration:    none;
}




div.footer {
    width:          950px; 
    height:         211px;
    background-image:   url(../content/images/bg_footer.jpg); 
    background-repeat:  no-repeat;
    background-color:   #707070;
    background-position:        -40px 0;
}

div.footer h3 {
    color:  #fff;   
    border-bottom:  1px solid #aaa;
    margin:         0 10px 10px 10px;
    padding:        10px 0 10px 0;
}

div.footer a {
    color:  #b3d2ea;    
}

div.footer p {
    color:  #aaa; 
    font-size:  1.2em;  
    padding-bottom: 5px;
}

div.footer p.chunky {
    padding-top:    10px;
    font-size:  0.9em !important;   
}

div.footer p.chunky a {
    color:  #777;   
    text-decoration:    none;
}

div.footer li {
    padding:    0 10px 3px 10px;
    font-size:  1.0em;   
    color:      #aaa;
}

div.footer ul.contactinfo li {
    font-size:  1.2em;   
    padding-bottom: 5px;
}


div.footer p img.maplink {
    float:      right;   
    margin:     1px -9px 1px 0;
    
}

#portfoliowrapper {
	margin:			0 0 30px 0;
}

ul#portfoliogrid {
	padding:				0 0 0 0px !important;
}

#portfoliogrid li {
	float:	left;
	display:		block;
	margin:			0 27px 15px 0;
}

.picture

{ float:left;
margin-right:12px;
margin-bottom:8px;
}