/*
========================================
	Author: Webnous and Farhan Sammakko
	Date: July 12th 2010              
	Title: MRD
	Note: Menu now working in Mac OS
    
========================================
*/


/* -----------------------------------
	GLOBAL
-------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; }

#wrapper { 
    width: 971px;   
    margin: 0 auto;   
    padding-top: 18px;  
}

#header {   
    width: 971px;   
    height: 121px;   
}

#logo {
    width: 245px;
    height: 121px;
    float: right;
}

#container {
    width: 971px;
    background: url(../img/parts/mainbg.gif);
    float: left; 
}

#content {
    width: 940px;
    float: left;
    padding-left: 11px; 
}

#bottom {
    width: 971px;
    height: 33px;
    float: left;  
}

#footer {
    float:left;
    width: 971px;
    height: 15px;
    font-size: 10px;
    color: #949494;
    text-transform: uppercase;
    text-align: center;  
}

/* -----------------------------------
	TYPOGRAPHY
-------------------------------------*/

h1, h2, h3 {
    font-size: 20px;
    color: #00adff;
    padding-left: 20px;
    padding-top: 25px;
}

/* Farhan - Adjusted to design 23/07/10 */
h1, h2, h3{
letter-spacing:.04em;
}
/* Farhan - Adjusted to design 23/07/10 */

h3{
    font-size:11px;
    text-transform: uppercase;
    margin-top:14px;
    padding:0px;
}

h4 {
    font-size: 11px;
    color: #4d4d4d;
    text-transform: uppercase;
/* Farhan - Adjusted to design 23/07/10 */
    padding-top: 20px;
    padding-bottom: 8px;
    letter-spacing:.04em;
/* Farhan - Adjusted to design 23/07/10 */
}

/*## MOVED HERE FOR LOGICAL PLACEMENT - SITTING IN SITE WIDE TYPOGRAPHY SECTION ##*/

/*### TOO MUCH CSS COUPLING BY CREATORS - REFACTORING HERE ###*/
#aboutContent #environmental-container p, #aboutContent  #clients-container p, #aboutContent  #people-container p, #news-container p, #news-container span {
padding:0px;
}
/*### TOO MUCH CSS COUPLING BY CREATORS - REFACTORING HERE ###*/

#homeContent p, #nineforty-container p, #aboutContent p, #residential-container p, #environmental-container p, #commercial-container p, #clients-container p, #clients-container ul, #people-container p, #news-container p, #news-container ul li, #news-container ul li a, #news-container #fiveeighty-container span{
    font-size: 11px;
    color: #4d4d4d;
    line-height:1.2em;
    letter-spacing: .06em;
    padding-left: 20px;
    padding-right: 20px;
}

#nineforty-container p, #residential-container p, #environmental-container p, #commercial-container p, #clients-container p, #clients-container ul, #people-container p, #news-container p, #news-container ul li, #news-container ul li a{
    margin-top:20px;
    padding:0;
}

#residential-container p.statement, #commercial-container p.statement, #clients-container p.statement{
font-size:.8em;
margin:10px 0 4px 0;
}

#residential-container p.hthree-bound, #commercial-container p.hthree-bound, #clients-container p.hthree-bound{
margin:2px 0px;
}


#people-container h2, #nineforty-container h2, #residential-container h2, #environmental-container h2, #commercial-container h2, #clients-container h2, #news-container h2{
    margin:24px 0 0 0px;
    padding:0px;
}

/*## MOVED HERE FOR LOGICAL PLACEMENT - SITTING IN SITE WIDE TYPOGRAPHY SECTION ##*/

/* -----------------------------------
	MENU
-------------------------------------*/

#menu {
    width: 726px;
    height:121px;
    float: left;
}
.home{ background: url(../img/parts/menubg_home.gif) no-repeat left bottom; }

.about{ background: url(../img/parts/menubg_about.gif) no-repeat left bottom; }

.project{ background: url(../img/parts/menubg_projects.gif) no-repeat left bottom; }

.commercial{ background: url(../img/parts/menubg_commercial.gif) no-repeat left bottom; }

.residential{ background: url(../img/parts/menubg_residential.gif) no-repeat left bottom; }

.new{ background: url(../img/parts/menubg_news.gif) no-repeat left bottom; }

#menu ul {
    list-style: none;
    padding-top: 70px;
    overflow:hidden;
}

#menu li {
    display: inline;
    float: left;
    overflow:hidden;
}

#menu a {
    display: inline;
    float: left;
    /* Farhan - Adjusted to design*/
    font-size: .68em; 
    /* Farhan - Adjusted to design*/
    font-weight:200;
    color: #606060;
    text-transform: uppercase;
    text-decoration: none;
    line-height:29px;
    margin: 3px 0 0 0;
	text-align: center;
letter-spacing:.06em;
}

#menu a.gnav-Home{ width:80px; }
#menu a.gnav-About{ width:74px; }
#menu a.gnav-Commercial{ width:120px; }
#menu a.gnav-Residential{ width:120px; }
#menu a.gnav-Projects{ width:100px; }
#menu a.gnav-News{ width:80px; }
#menu a:hover { color: #00adff; }
#menu .active a { color: #00adff; }

/* -----------------------------------
	HOME PAGE
-------------------------------------*/

#homeContent {
    width: 940px;
    height: 338px;  
}

#homeLeft {
    width: 359px;
    height: 338px;
    background: #ffffff url(../img/parts/homeContent_bg.gif);
    float: left;
    border: solid 1px #b3b3b3;
}

#homeRight {
    width: 578px;
    height: 338px;
    float: right;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #b3b3b3;
    border-right: solid 1px #b3b3b3;
}

#homeProjects {
    width: 940px;
    height: 102px;
}
#homeProjects a{
text-decoration:none;
}


#homeProjects .ProjectGalleryItemShadow {
 width: 220px;
    height: 100px;
    float: left;
    position:relative;
    border:1px solid #b3b3b3;
background:none;
margin:0 17px 0 0;
padding:0;
}

#homeProjects .projectGalleryItem {
    width: 220px;
    height: 100px;
position:relative;
}


/*### Image Rollover ###*/

#homeProjects .projectGalleryItem a.thumb{
    width: 220px;
    height: 100px;
    cursor: pointer;
}

#homeProjects span{
    width: 220px;
    height: 100px;
	overflow: hidden;
	display: block
}


#homeProjects .projectGalleryItem a {
    text-decoration: none; 
    display: block;
}

/*### Image Rollover ###*/

#homeProjects .last{
margin:0;
}

#homeProjects .title-strip, .projectGalleryItem .title-strip{
position:absolute;
bottom:0px;
height:10px;
width:204px;
font-size: 10px;
color: #fff;
padding:5px 8px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:.04em;
text-transform: capitalize;
background-color:#00adee;
z-index:1000;
}

#homeProjects .title-strip{
left:0px;
}

#homeProjects .title-strip a, .projectGalleryItem .title-strip a{
color: #fff;
}

/* -----------------------------------
	ABOUT PAGE
-------------------------------------*/

#aboutContent {
    width: 940px;
    float: left; 
}

#aboutContent p {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;  
}

#aboutContent p.vat {
    color: #d6d6d6;
}

#aboutContent a{
    color: #4d4d4d;
    border-bottom: 0px dotted #4d4d4d;
}


#aboutLeft {
    width: 578px;
    height: 458px;
    background: #ffffff url(../img/parts/aboutLeft_bg.gif);
    border: solid 1px #b3b3b3;
    float: left;   
}

#aboutLeftAddress {
    width: 221px;
    height: 318px;
    float: left;
    padding-top: 10px;   
}

#aboutLeftMap {
    width: 318px;
    height: 318px;
    float: right;
    padding-top: 76px;
    padding-right: 20px;   
}

#aboutLeftMap img {
border:1px solid #e0e0e0;
}

#aboutRight {
    width: 338px;
    height: 458px;
    background: #ffffff url(../img/parts/aboutRight_bg.gif);
    border: solid 1px #b3b3b3;
    float: right;  
}

	/* -----------------------------------
		ABOUT PAGE SUB MENU
	-------------------------------------*/

	#aboutMenu {
		width: 700px;
		height: 22px;
		float: left;
		top: -8px;
left:10px;
		position: relative;  
	}
#aboutRight h2{
padding-top:35px;
margin-bottom:13px;
}

	#aboutMenu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	#aboutMenu li {
		display: block;
		float: left;
		margin-right: 35px;
		margin-left:3px;  
	}

	#aboutMenu a {
		display: block;
		float: left;
		font-size: .68em;
		color: #606060;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 22px; 
letter-spacing:.06em;
	}

	#aboutMenu a:hover { color: #00adff; }
	#aboutMenu .active a { color: #00adff; }

	/* -----------------------------------
		CONTACT FORM
	-------------------------------------*/

	 #form1 {
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #4d4d4d;
		padding-top: 0px;  
	}

#form1 tr td{font-size: 11px;}

	input {
		width: 198px;
		height: 18px;
		border: #b3b3b3 1px solid;
	}
    
    #form1 .submit input{
    margin-top:4px;
        border:none;
        width:65px;
        height:35px;
    }
	
	textarea {
		width: 298px;
		height: 155px;
		border: #b3b3b3 1px solid;
	}

	.checkbox {
		width: 10px;
		height: 10px;
		border:none;
		vertical-align: middle;
		
	}

	.send {
		width: 65px;
		height: 35px;
		border: none;
		
	}
    
    /*Horrid CCS styling here - Refactoring - Farhan July 2010*/
    #form1 input#brochure{
    width:20px;
    border:0px solid #ccc;
float:left;
    }
    
    #form1 div#checkboxLabel{
    float:left;
    width:100px;
display:block;
padding-top:4px;
margin-left:4px;
    
}

/* -----------------------------------
	PROJECT PAGE
-------------------------------------*/

#project-index-container #nineforty-container {
    height:470px;
}

#project-index-container .page-content{
width:902px;
}

#projectGallery {
    margin-top: 0px;
    overflow:hidden;
    width:902px;
}


.ProjectGalleryItemShadow {
    width: 214px;
    height: 136px;
    float: left;
    margin-right: 11px;
 background:url('../img/parts/project_thumb_shadow.jpg') 0 0px repeat-y;
 padding:3px 0 0 3px;
 margin-bottom: 11px;

}

.projectGalleryItem {
    width: 210px;
    height: 130px;
position:relative;
}

.projectGalleryItem .title-strip{
width:194px;
}
/*### Image Rollover ###*/

#projectGallery .projectGalleryItem a.thumb{
    width: 210px;
    height: 130px;
    cursor: pointer;
}

#projectGallery span{
    width: 210px;
    height: 130px;
	overflow: hidden;
	display: block
}

#projectGallery .projectGalleryItem a.thumb:hover{
    background: #333; /*--Hover effect for browser with js turned off--*/
}

#projectGallery .projectGalleryItem a {
    text-decoration: none; 
    display: block;
}

/*### Image Rollover ###*/

/* LAST classes should be located here*/
.lastRow{
margin:0px;
padding:0px;
}

.last{
margin-right:0px;
}

/* -----------------------------------
	PROJECT PAGE
-------------------------------------*/

/* -----------------------------------
	UNIVERSAL INHERITENCE - Farhan
-------------------------------------*/

#nineforty-container, #fiveeighty-container, #threeforty-container, #residential-container,#commercial-container, #environmental-container, #threesixty-container, #clients-container, #twofifty-container, #sixninety-container, #people-container, #twoforty-container, #twothirty-container, #people-container #foursixty-container{
position:relative;
width:938px;
border:1px solid #B3B3B3;
background:url('../img/parts/bg-940-container.jpg') 0 -3px repeat-y;
}

#twothirty-container{
width:228px;
background:url('../img/parts/bg-230-container.jpg') 0 2px repeat-y;
}
#foursixty-container{
width:460px;
}

#twoforty-container{
width:238px;
 background:url('../img/parts/bg-240-container.jpg') 0 2px repeat-y;
}

#sixninety-container{
 width:688px;
 background:url('../img/parts/bg-690-container.jpg') 0 2px repeat-y;
}

#twofifty-container{
 width:248px;
 background:url('../img/parts/bg-250-container.jpg') 0 2px repeat-y;

}
#fiveeighty-container{
 width:578px;
 background:url('../img/parts/bg-580-container.jpg') 0 2px repeat-y;
}

#threeforty-container{
 width:338px;
 background:url('../img/parts/bg-340-container.jpg') 0 2px repeat-y;
}

#threesixty-container{
 width:358px;
 background:url('../img/parts/bg-360-container.jpg') 0 2px repeat-y;
}

.nineforty-roof,#fiveeighty-container .roof, #threeforty-container .roof, #threesixty-container .roof, #sixninety-container .roof, #twofifty-container .roof, #twoforty-container .roof, #twothirty-container .roof{
width:938px;
height:14px;
background:url('../img/parts/bg-940-top.jpg') 0 0 no-repeat;
}

#twoforty-container .roof-blue{
width:248px;
height:15px;
background:url('../img/parts/bg-240-top-blue.jpg') 0 0 no-repeat;
}

#sixninety-container .roof{
width:688px;
background:url('../img/parts/bg-690-top.jpg') 0 0 no-repeat;
}

#twofifty-container .roof{
width:248px;
background:url('../img/parts/bg-250-top.jpg') 0 0 no-repeat;
}

#fiveeighty-container .roof{
width:578px;
background:url('../img/parts/bg-580-top.jpg') 0 0 no-repeat;
}

#threeforty-container .roof{
width:338px;
background:url('../img/parts/bg-340-top.jpg') 0 0 no-repeat;
}

#threesixty-container .roof{
width:358px;
background:url('../img/parts/bg-360-top.jpg') 0 0 no-repeat;
}

#twothirty-container .roof{
width:228px;
background:url('../img/parts/bg-230-top.jpg') 0 0 no-repeat;
}

.page-content, #fiveeighty-container .page-content, #threesixty-container .page-content, #sixninety-container .page-content, #twofifty-container .page-content, #twoforty-container .page-content,#twothirty-container .page-content{
padding: 4px 18px;
overflow:hidden;
width:100%; 
}

.nineforty-floor, #fiveeighty-container .floor, #threeforty-container .floor, #threesixty-container .floor, #sixninety-container .floor, #twoforty-container .floor, #twothirty-container .floor{
width:938px;
height:14px;
background:url('../img/parts/bg-940-bottom.jpg') 0 0 no-repeat;
position:absolute;
bottom:0;
}

#twoforty-container .floor{
width:238px;
background:url('../img/parts/bg-240-bottom.jpg') 0 0 no-repeat;
}
#twothirty-container .floor{
width:228px;
background:url('../img/parts/bg-230-bottom.jpg') 0 0 no-repeat;
}

#sixninety-container .floor{
width:688px;
background:url('../img/parts/bg-690-bottom.jpg') 0 0 no-repeat;
}

#fiveeighty-container .floor{
width:578px;
background:url('../img/parts/bg-580-bottom.jpg') 0 0 no-repeat;
}

#threeforty-container .floor{
width:338px;
background:url('../img/parts/bg-340-bottom.jpg') 0 0 no-repeat;
}

#threesixty-container .floor{
width:358px;
background:url('../img/parts/bg-360-bottom.jpg') 0 0 no-repeat;
}

/* -----------------------------------
	UNIVERSAL INHERITENCE - Farhan
-------------------------------------*/

/* -----------------------------------
	PEOPLE PAGE - Farhan
-------------------------------------*/

#people-container{
overflow:hidden;
background:none;
}

/*
#######################################################

UNEEDED DUE TO COMMS ERROR

#people-container #twoforty-container .page-content{
width:203px;
}
#people-container #twoforty-container, #people-container #twothirty-container{
float:left;
height:458px;
border:0px;

}
#people-container #twoforty-container .floor{

}

#people-container #twothirty-container{
width:229px;
border-left:1px solid #B3B3B3;
border-right:1px solid #B3B3B3;
}

#people-container #twoforty-container .last-container{
border:0;
}

#######################################################
*/
/* CLear to make way for 460 container - Inheritence means we have to keep this class id*/
#people-container{
border:0px;
width:auto;
}

#people-container .foursixty, #people-container .foursixty-last{
width:460px;
overflow:hidden;
margin-right:17px;
float:left;
border-top:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
}
#people-container .foursixty-last{
margin:0px;
}

#people-container #twothirty-container .page-content{
width:192px;
}
#people-container #twothirty-container{
float:left;
height:458px;
border:0px;
border-right:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
}

#people-container .foursixty-last #twothirty-container{
border-left:0px solid #B3B3B3;
border-right:2px solid #B3B3B3;
}

#people-container div.img-float{
width:229px;
border-right:1px solid #B3B3B3;
float:left;
}

/* -----------------------------------
	PEOPLE PAGE - Farhan
-------------------------------------*/

/* -----------------------------------
	CLIENTS PAGE - Farhan
-------------------------------------*/
.clients-wrapper-design{
padding:5px 0;overflow:hidden;
}

#clients-container{
overflow:hidden;
background:none;
}

#clients-container #twofifty-container{
width:249px;
float:left;
height:458px;
border-top:0px;
border-bottom:0px;
border-left:0px;
}

#clients-container #sixninety-container .page-content{
width:649px;
}

#clients-container #sixninety-container{
float:left;
height:458px;
border:0px;
}

#clients-container h2{
margin-top:19px;
}

#clients-container .clients-left{
float:left;
width:420px;
height:412px;
border-right:1px dashed #e5e5e7;

}

#clients-container ul{
float:left;
width:200px;
}

#clients-container .clients-right{
float:left;
width:208px;
padding-left:19px;
}

#testimonials{
width:208px;
height:350px;
}
#testimonials div{
width:208px;
height:350px;
}

#clients-container .indicator a{
border:none;
}

/* -----------------------------------
	CLIENTS PAGE - Farhan
-------------------------------------*/

/* -----------------------------------
	PROJECT DISPLAY PAGE - Farhan
-------------------------------------*/

.slide-container{
float:left;
width:558px;
height:446px;
margin-right:22px;
}

.slide-container img{
border:1px solid #B3B3B3;
}


#project-right-col{
position:relative;
float:left;
height:410px;
width:325px;

}

ul#slideshow-switch{
position:absolute;
bottom:0;
width:320px;
height:48px;
background:url('../img/parts/slideshow-switch-bg.jpg') 0 0 no-repeat;
clear:both;
}

ul#slideshow-switch li{
display:block;
float:left;
width:100px;
padding-top:7px;
}

ul#slideshow-switch li.prev-button{
margin-left:5px;
width:70px;
margin-right:25px;
}

ul#slideshow-switch li.index-button{
width:120px;
margin-right:22px;
}

ul#slideshow-switch li.next-button{
width:70px;
}

/*### Sprites ###*/
#slideshow-switch li a{
display:block;
width:70px;
height:37px;
background:url("../img/parts/mrd-canvas-buttons.jpg") no-repeat 0px 0px;

}

#slideshow-switch li a#project-index{
display:block;
width:121px;
height:37px;
background-position:-65px -93px;
}

#slideshow-switch li a:active#project-index{
background-position:-287px -93px;
}

#slideshow-switch li a#prev{
background-position: -87px -198px;
}
#slideshow-switch li a:active#prev{
background-position:-309px -198px;
}

#slideshow-switch li a#next{
background-position:-16px -140px;
}
#slideshow-switch li a:active#next{
background-position:-238px -140px;
}

/*### Sprites ###*/


/* JQ Slidshow Slide Dots */

.slide-container .indicator, #clients-container .indicator{
height:10px;
width:50px;
margin: 10px auto 2px auto;
}

.indicator a { 
background:url('../img/parts/bg-indicator-sprite.jpg') 0 0px no-repeat; 
margin: 0 2px; 
width:10px;
height:10px;
display:block;
float:left;
}


.indicator a.activeSlide { background:url('../img/parts/bg-indicator-sprite.jpg') 0 -9px no-repeat; }
.indicator a:focus { outline: none; }

/* JQ Slidshow Slide Dots END */

/* -----------------------------------
	PROJECT DISPLAY PAGE - Farhan
-------------------------------------*/
/* -----------------------------------
	COMMERCIAL PAGE - Farhan
-------------------------------------*/

#commercial-container{
overflow:hidden;
background:none;
}

#commercial-container #threesixty-container{
width:359px;
float:left;
height:478px;
border-top:0px;
border-bottom:0px;
border-left:0px;
position:relative;
}

#commercial-container .page-content{
width:319px;
padding-bottom:0px;
}

#commercial-container #fiveeighty-container{
float:left;
height:478px;
border:0px;
}

#commercial-container .bookstop{
width:186px;
position:absolute;
bottom:12px;
left:68px;
}



/* -----------------------------------
	COMMERCIAL PAGE - Farhan
-------------------------------------*/

/* -----------------------------------
	ENVIRONMENTAL PAGE - Farhan
-------------------------------------*/
#environmental-container{
overflow:hidden;
background:none;
}

#environmental-container #threesixty-container{
width:359px;
float:left;
height:458px;
border-top:0px;
border-bottom:0px;
border-left:0px;
}

#environmental-container .page-content{
width:319px;
}

#environmental-container #fiveeighty-container{
float:left;
height:458px;
border:0px;
}

/* -----------------------------------
	ENVIRONMENTAL PAGE - Farhan
-------------------------------------*/

/* -----------------------------------
	RESIDENTIAL PAGE - Farhan
-------------------------------------*/

#residential-container{
overflow:hidden;
background:none;
}

#residential-container #threesixty-container{
width:359px;
float:left;
height:478px;
border-top:0px;
border-bottom:0px;
border-left:0px;
position:relative;
}

#residential-container .page-content{
width:319px;
padding-bottom:0px;
}

#residential-container #fiveeighty-container{
float:left;
height:478px;
border:0px;
}

#residential-container .bookstop{
width:186px;
position:absolute;
bottom:12px;
left:68px;



}



/* -----------------------------------
	RESIDENTIAL PAGE - Farhan
-------------------------------------*/



/* -----------------------------------
	NEWS PAGE - Farhan
-------------------------------------*/

#news-container {
width:940px;
overflow:hidden;
}



#news-container .page-content{
width:542px;
}

#news-container a{
text-decoration:none;
}

#news-container ul li span{
display:block;
width:60px;
float:left;
}
#news-container ul{
width:302px;
}


#news-container ul li, #news-container ul li.active{
margin-top:0;
text-align:left;
overflow:hidden;
padding:4px 0px;
border-bottom: 1px dotted #e0e0e0;
}

#news-container ul li.active, #news-container ul li.active a, #news-container #fiveeighty-container span{
color:#00ADFF;
}

#news-container #fiveeighty-container a{
border-bottom:1px dotted #4D4D4D;
color:#4D4D4D;
}

#news-container #fiveeighty-container img{
border:0px solid #e0e0e0;
}
#news-container #fiveeighty-container span{
margin:0px;
padding:0px;
}

#news-container #fiveeighty-container{
float:left;
margin-right:18px;
height:458px;
}

#news-container #threeforty-container{
float:left;
height:458px;
}

#news-container #threeforty-container h2{
margin-bottom:11px;
}

#news-container #threeforty-container .page-content{
width:302px;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}



/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
	position: absolute;
	width: 18px;
	height: 14px;
	z-index:3;
	cursor: pointer;
}

/* BUTTON LEFT */	

.simply-scroll-btn-left {
}
.simply-scroll-btn-left.disabled {
}
.simply-scroll-btn-left:hover {
}

/* BUTTON RIGHT */	
	
.simply-scroll-btn-right {
}
.simply-scroll-btn-right.disabled {
}
.simply-scroll-btn-right:hover {
}

/* BUTTON UP */	

.simply-scroll-btn-up {
	 background:url('../img/parts/newsscroller-up.jpg') 0 -13px no-repeat;
}
.simply-scroll-btn-up.disabled {
	background:url('../img/parts/newsscroller-up.jpg') 0 -13px no-repeat;
}
.simply-scroll-btn-up:hover {
	background:url('../img/parts/newsscroller-up.jpg') 0 0px no-repeat;
}

/* BUTTON DOWN */	

.simply-scroll-btn-down {
    background:url('../img/parts/newsscroller-down.jpg') 0 0 no-repeat;
}
.simply-scroll-btn-down.disabled {
    background:url('../img/parts/newsscroller-down.jpg') 0 0 no-repeat;
}
.simply-scroll-btn-down:hover {
    background:url('../img/parts/newsscroller-down.jpg') 0 -13px no-repeat;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert { 
	width: 306px; /* wider than clip for custom button pos. */
	height: 370px;
	margin-bottom: 0;
}

/* Clip DIV */
.vert .simply-scroll-clip {
	width: 306px;
	height: 314px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	width: 306px;
	height: 15px;
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
	left: 139px;
	bottom: 16px;
}

.vert .simply-scroll-btn-down { 
	left: 139px;
	bottom: 0px;
}


/* -----------------------------------
	NEWS PAGE - Farhan
-------------------------------------*/

/* -----------------------------------
	ERROR MESSAGE DISPLAY - Farhan
-------------------------------------*/

#flashMessage{
padding:5px;
margin:0px 18px;
width:292px;
-moz-border-radius-topleft:6px; 
-webkit-border-top-left-radius:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-bottomleft:6px;  
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;  
-webkit-border-bottom-right-radius:6px;
font-weight:400;
letter-spacing:.2px;
color:#fff;
font-size:.7em;
}

#flashMessage.front-message{
background-color:#FBEC5D;
color:#8B7500;
}
#flashMessage.front-message-success{
background-color:#66CC33;
color:#324F17;
}
#flashMessage.front-message-error{
background-color:#FF7F00;
color:#993300;
}

/*Commercial page and Residential Sprite*/
.bookstop a.more-examples {
width:182px;
height:33px;
display:block;
background:url("../img/parts/sprite-more-examples.jpg") -4px -3px no-repeat;
}

.bookstop a.more-examples:active{
background-position:-4px -35px;
}