body {
    background: #FFFFFF url(Images/bg.png) repeat-x scroll 0 0;
    text-align: center;
    }

/* MAIN CONTAINERS */
.mainArea {
    width: 980px;
    margin: 0 auto;
    }

div#OuterWrapper {
    text-align: left;
    }

div#InnerWrapper {    
    padding-bottom: 20px;
    overflow: hidden;
    height: 100%;
    min-height: 250px;
    }

div#InnerWrapper div#ContentContainer {
    float: left;
    width: 100%;
    margin-top: 45px;
    }

div#InnerWrapper div#PortalContentContainer {
    width: 100%;
    }

div#InnerWrapper div#ContentBottom {
    clear: both;
    }
    
div.col1 {
    float: right;
    width: 240px;
    color: #555;
    }
    
div.col2 {
    float: left;
    width: 500px;
    }
    
div.col3 {
    float: left;
    width: 740px;
    }
    
div.col4 {
    float: left;
    width: 980px;
    }

/* HEADER */
div#Header {
    padding-top: 70px;
    }

div#Header div.mainArea {
    }

div#Header div#LogoSection {
    float: left;
    }

/* NOT IN USE
div#Header div#MiddleSection {
    float: left;
    width: 720px;
    height: 63px;
    margin-left: 10px;
    border-bottom: solid 5px #dedede;
    }*/

div#Header div#MainMenuSection {
    float: right;
    text-align: right;
    padding-top: 36px;
    width: 920px;
    }
    
/* BLOG LIST */
.BlogPostListContainer {
    clear: both;   
    overflow: hidden;
    float: left;
    margin: 0;
    width: 725px;
    }
    
    .BlogPostListContainer a{
        color: #FF0000;
        }

    .BlogPostListContainer .BlogPost {
        width: 95%;
        float: left;
        padding: 0 0 15px 0;
        border-bottom: 1px dotted #ccc;
        border-left: 0px;
        margin: 10px 0 0 0;
        }
        
        .BlogPostListContainer .BlogPost .PostContent {
            font-family: Georgia, "Times New Roman" , Times, serif;            
            color: #555555;
            
            line-height: 22px;
            }
        
        .BlogPostListContainer .BlogPost img {
            float: left;
            padding: 0 12px 10px 0;
            display: block;
            }
        
        .BlogPostListContainer .BlogPost h2 {
            margin-top: 10px;
            clear: both;
            }
            
        .BlogPostListContainer .BlogPost .PostInformationTop {
            display: none;
            }
            
        .BlogPostListContainer .BlogPost .PostInformationBottom {
            margin-top: 20px;
            font-size: 11px;
            }
            
            .BlogPostListContainer .BlogPost .PostInformationBottom .PostTags { float: left; }
            .BlogPostListContainer .BlogPost .PostInformationBottom .PostDate { float: right; }
            
            .BlogPostListContainer .BlogPost .PostInformationBottom a {
                color: #ff0000;
                }
                
        .BlogPostListContainer .BlogPost {
	        border-bottom: 1px dotted #ccc;
	        padding-left:10px;
	        margin: 0 0 30px;
            }

        .BlogPostListContainer .BlogPost h2 {
	        font-size:36px;
	        font-style:normal;
	        font-family: DINReg, Georgia , Times, serif;
            }
    
        .BlogPostListContainer .BlogPost h2 a { color:#444444; }
        
        .BlogPost .PostContent { padding: 10px 20px 10px 0; }

.BlogRightSection h2 {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    }
    
.BlogRightSection ul { margin-bottom: 15px; }

    .BlogRightSection ul li ul {
        padding-left: 10px;
        }
    
/* EMPLOYEE */
#EmployeeList {
    }

div#Employee {
    }

div#Employee ul li {
    list-style: none;
    }

div#Employee ul#Links {
    }
    
div#Employee ul#Links li a {
    width: 56px;
    height: 67px;
    display: block;
    margin-right: 10px;
    float: left;
    }
    
div#Employee a:hover {
    text-decoration: none;
    }

div#Employee a span {
    visibility: hidden;
    }
    
div#Employee ul#Links li {
    display: inline;
    }
    
div#Employee ul#Links li a#Twitter {
    background-image: url('Images/Twitter.jpg');
    }

div#Employee ul#Links li a#Twitter:hover {
    background-image: url('Images/Twitter_hover.jpg');
    }
    
div#Employee ul#Links li a#Linkedin {
    background-image: url('Images/Linkedin.jpg');
    }
    
div#Employee ul#Links li a#Linkedin:hover {
    background-image: url('Images/Linkedin_hover.jpg');
    }
    
div#Employee ul#Links li a#Vcard {
    background-image: url('Images/Vcard.jpg');
    }
    
div#Employee ul#Links li a#Vcard:hover {
    background-image: url('Images/Vcard_hover.jpg');
    }

/* ORGANISATION */
div#GroupList {
    }

div#GroupList ul {
    list-style: none;
    }
    
div#GroupList ul li {
    float: left;
    width: 120px;
    height: 23px;
    text-align: center;
    padding-top: 3px;
    margin-right: 3px;
    border: solid 1px #e6e6e6;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 16px;
    font-style: italic;
    color: red;
    }
    
div#GroupList ul li:hover, div#GroupList ul li.selected {
    background-color: red;
    color: white;
    cursor: pointer;
    }

div.thumbnailListSection {
    padding-top: 10px;
    }
    
div.thumbnailListSection ul {
    list-style: none;
    }
    
div.thumbnailListSection ul li {
    float: left;
    width: 230px;
    padding-right: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    }
    
div.thumbnailListSection ul li h4 a, div.thumbnailListSection ul li div.textSection {
    color: #555555;
    }

div.thumbnailListSection ul li:hover h4 a, div.thumbnailListSection ul a:hover h2 {
    color: Red;
    text-decoration: none;
    }
    
div.thumbnailListSection ul li .listFrame {
    position: relative;
    margin-bottom: 6px;
    }
    
div.thumbnailListSection ul li div.shareIcons {
    position: absolute;
    visibility: hidden;
    text-align: right;
    padding: 2px;
    }
    
div.thumbnailListSection ul li:hover div.shareIcons {
    visibility: visible;
    z-index: 1000;
    }
    
div.thumbnailListSection ul li div.shareIcons img {
    border-bottom: solid 2px transparent;
    }
    
div.thumbnailListSection ul li div.shareIcons img:hover {
    border-bottom: 0;
    }
    
div.thumbnailListSection ul li span.subtitle {
    display: block;
    line-height: 1.5em;
    }
    
div.thumbnailListSection ul li span.readMore {
    }
    
div#ServicesList ul li {
    width: 290px;
    padding-right: 35px;
    }

/* RIGHT SECTION, OM BENNETT*/
div.omBennett {
    padding-top: 13px;
    }
    
div.omBennett p.followUs {
    padding-top: 10px;
    padding-bottom: 40px;
    font-size: 12px;
    }
    
div.omBennett h1 {
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 10px;
    padding-bottom: 10px;
    }

div.omBennett div.contactFormSection {
    padding-top: 30px;
    }

div.omBennett div#contactForm {
    padding-bottom: 40px;
    text-align: right;
    }
    
div#contactForm input[type=text] {
    height: 30px;
    width: 228px;
    color: #484848;
    border: 1px solid #d9d9d9;
    margin: 2px 0px 2px 0px;
    border-style: solid;
    }
    
div#contactForm input[type=submit] {
    background-color: Red;
    color: White;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 18px;
    font-style: italic;
    height: 30px;
    width: 110px;
    border: solid 1px red;
    }
    
div#contactForm input[type=submit]:hover {
    cursor: pointer;
    border: solid 1px white;
    }

div.omBennett p.roadDescription {
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 18px;
    line-height: 1.3em;
    font-style: italic;
    padding-top: 20px;
    }
    
div.omBennett .contactInfo span, div.omBennett .contactInfo a {
    display: block;
    }
    
    div.omBennett div {
        margin-bottom: 20px;
        }

/* Website link list */
ul#LeftLinks {
    float: left;
    }
    
ul#RightLinks {
    float: right;
    }
    
ul.WebsiteLinks {
    text-align: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #888;
    }
    
ul.WebsiteLinks li {
    display: inline;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    }
    
ul.WebsiteLinks li.first {
    border-right: solid 1px #CCCCCC;
    }
    
div#WebsiteLinks a {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #888888;
    }
    
div#WebsiteLinks a:hover {
    color: #e31818;
    }
    
div#WebsiteLinks span {
    color: #ffffff;
    }
    
div#Header div#HeaderInner {
    background-color: #FFFFFF;
    padding: 10px;
    overflow: hidden;
    }
    
/* PORTFOLIO */

#PorfolioList ul li {
    height: 160px;
    margin-bottom: 14px;
    }

#PorfolioList ul li .textSection p {
    display: none;
    }
    
div#Reference .referenceImage {
    margin-top: 10px;
    }
    
div#Reference div#LinkSection {
	text-align:right;
	padding-top:30px;
	float: right;
}
/* SERVICES */

div#ServicesList
{
	padding-left:20px;
	padding-top:50px;	
}

/* BREADCRUMB */
div#BreadcrumbContainer {
    line-height: 30px;
    display: none;
    }
    
div#BreadcrumbContainer span.YouAreHere {
    color: #272526;
    }
    
div#BreadcrumbContainer span.BreadcrumbItem a {
    color: #666666;
    }
    
div#BreadcrumbContainer span.BreadcrumbItem a.Selected {
    text-decoration: underline;
    }
    
div#BreadcrumbContainer span.BreadcrumbItem a:hover {
    color: #e31818;
    }
    
div#BreadcrumbContainer span.BreadcrumbItem span.Separator {
    padding-left: 5px;
    }
/* PAGE LIST / PAGE ITEM */
div#ListViewToggler:hover {
    cursor: pointer;
    }

div.PageListContainer {
    float: left;
    padding-top: 10px;
    }
    
div.PageListContainer div.PublishedItem {
    clear: both;
    border-top: dashed 1px #CCCCCC;
}
div.PageListContainer div.PublishedItem div.Thumb {
    display: none; /*float:left; 	width:220px; 	height:100px; 	border:solid 1px #CCCCCC;	*/
}
div.PageListContainer div.PublishedItem div.Content {
    float: left;
    max-width: 640px;
    padding-left: 10px;
    vertical-align: middle;
}

/* PAGE THUMB LIST */
div.PageThumbListContainer {
    float: left;
}
div.PageThumbListContainer div.PublishedItem {
    width: 220px;
    padding: 10px;
    float: left;
    border-bottom: dashed 1px #CCCCCC;
}
div.PageThumbListContainer div.NotFirstColoumn {
    /*padding-left:29px;*/
}
div.PageThumbListContainer div.PublishedItem div.Thumb {
    float: left;
    width: 220px;
    height: 100px;
    border: solid 1px #CCCCCC;
}
div.PageThumbListContainer div.PublishedItem div.Content {
    width: 100%;
    float: left;
    text-align: center;
}
div.PageThumbListContainer div.PublishedItem div.Content p.Description {
    display: none;
}

/* FOOTER */
div#Footer {
    overflow: hidden;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 20px solid #eee;
    padding-top: 10px;
    }
    
    div#Footer a {
        color: #444;
        }
            
    #Footer a:hover {
        color: #ff0000;
        text-decoration: none;
        }
    
    #BennettSign {
        float: right;
        }


/* SITEMAPPAGE */
div#SiteMapContainer {
    margin: 15px 0 30px 30px;
}
div#SiteMapContainer h1 {
    color: Black;
    font-size: 16px;
    text-transform: uppercase;
}
div#SiteMapContainer ul, div#SiteMapContainer li {
    margin: 0;
    list-style-type: none;
    line-height: 19px;
}
div#SiteMapContainer li {
    padding-top: 3px;
}
div#SiteMapContainer ul li a:hover {
    text-decoration: none;
    color: #e31818;
}
div#SiteMapContainer ul li a {
    background: transparent url(images/single_arrow.png) no-repeat scroll 0 -2px;
    padding-left: 12px;
    color: black;
    font-size: 12px;
    text-transform: uppercase;
}
div#SiteMapContainer ul ul li {
    margin-left: 12px;
    padding-top: 0px;
}
div#SiteMapContainer ul ul li a {
    color: #666666;
}


/**************** Admin Menu ************************/
div#AdminMenu
{
	position:absolute;
	background-color:White;
	border:1px solid #CCCCCC; 
	padding:2px;
	width:100%;
	opacity:0.4;
	filter:alpha(opacity=40)
}
div#AdminMenu:hover
{
	opacity:1;
	filter:alpha(opacity=100)
}
div#AdminMenu img
{
	float:left;
	padding:0px 5px 0px 5px;	
}
div#AdminMenu div#AdminMenuItems
{		
	padding-top:3px;	
}
div#AdminMenu div#AdminMenuItems ul
{	
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:2px;
	direction:ltr;
}
div#AdminMenu div#AdminMenuItems ul li
{	
	float:left;
	font-size:12px;	
	padding-left:10px;
	padding-right:10px;
}
div#AdminMenu a
{
	color:Blue;
	text-decoration:none;
}
div#AdminMenu a:hover
{
	color:Navy;
	text-decoration:underline;
}
div#AdminMenu div#AdminMenuItems div#LogOut
{	
	float:right;
	padding-right:20px;
}