@charset "UTF-8";
/* CSS Document */

* {margin:0;font-size:100%; font-family:"Calibri", Helvetica,  Arial, sans-serif;font-weight:200;}

/* STRUCTURE */

#container {width:1068px;margin: 0 auto;position:relative;}
#header {height:115px;position:relative;}
#nav {height:29px;position:absolute;right:0;bottom:0;}
#banner {height:230px;}
#main-banner {height:325px;}
#secondary-banner {height:231px;}
#main {position:relative;min-height:400px;}
#footer {height:36px;background:#ebebeb url(../images/footertriangle_05.png) no-repeat;clear:both;color:#666;font-size:.7em;}
#textblock {margin:25px 0px 10px 132px;width:571px;float:left;}
#factbox {width:212px;float:right;background: url(../images/triangle_05.png) no-repeat #640096;margin-top:25px;color:#fff;font-size:.8em;padding:15px 0px 15px 35px;position:relative;-webkit-box-shadow: 3px 3px 5px #999;-moz-box-shadow: 3px 3px 5px #999;-o-box-shadow: 3px 3px 5px #999;box-shadow: 3px 3px 5px #999;}
#quote {width:270px;position:absolute;left:135px;top:30px;color:#fff;font-size:1.6em;line-height:1em;}

/* STYLE */

p {font-size:.8em;color:#455560;padding-bottom:10px;line-height:1.2em}
h1 {font-size:1.5em;color:#009700;font-weight:200;text-transform:uppercase;padding-bottom:10px;}
.boldgreen {color:#009700;font-weight:600;}
.boldpurple {color:#640096;font-weight:600;text-transform:uppercase;}
.author {font-size:.5em;padding:10px 0 0;line-height:1em;}
h2 {color:#fff;font-size:1em;font-weight:600;margin:5px 0;}

/* SLIDE STYLES */

div.panel,div.panel2,div.panel3,div.panel4,div.panel5,div.panel6,div.panel7 {color:#666;padding:2px 0 15px 25px;font-size:.8em;display:none;}

.flip,.flip2,.flip3,.flip4,.flip5,.flip6,.flip7 {background:url(../images/button.png) no-repeat;color:#333;font-size:.7em;font-weight:600;text-decoration:none;padding:4px 0 13px 25px ;}


/* HEADER */

.logo {margin: 0 0 0 25px;}

/* NAVIGATION */

#nav a {display:inline-block;float:left;padding:6px 33px;text-decoration:none;color:#fff;text-align:center;border-right:#fff 1px solid;font-size:16px;font-weight:200;background:#009700;text-transform:uppercase;}
#nav a:hover {background:#fff;color:#009700;font-weight:400;}
#nav a.selected {background:#fff;color:#009700;font-weight:400;}

/* HOME PAGE */

.hmbanner {background:url(../images/cranston-home-banner_03.png) no-repeat;position:relative;}
#factbox ul {padding:0; list-style:none;}
#factbox li {padding:4px 0 0;font-weight:600;}
#factbox-header {border-bottom:1px solid #fff;margin:0 0 8px;text-transform:uppercase;font-weight:600;}

/* SERVICES */

.services {background: url(../images/services_03.jpg) no-repeat;position:relative;}
#case {float:right;margin-right:10px;}
#case a {color:#fff;text-decoration:underline;}
#case a.bold {font-weight:600; text-decoration:none;}

/* MANAGEMENT */

.management {background: url(../images/management_03.jpg) no-repeat;position:relative;}

/* OUR TEAM */

.team {background: url(../images/team_03.jpg) no-repeat;position:relative;}
ul.teambullets {font-size:.8em;padding:0 0 10px 12px;}
ul.teambullets li {list-style-image:url(../images/bullet.png);font-weight:lighter;color:#666;line-height:1.6em;}

/* CONTACT */

.contact {background: url(../images/contact_03.jpg) no-repeat;position:relative;}

/* FOOTER */

#footer div {float:left;}
#footer a {text-decoration:none;color:#666;text-transform:uppercase;}
#social {width:130px;text-align:center;padding:4px 0 0;}
#footernav {width:690px;margin:14px 0 0;}
#copyright {margin:14px 0 0;text-transform:uppercase;}

/* ACCORDION */

h3 {outline:none;padding:10px 0 0 25px;}
#accordion a {color:#666;font-size:.8em;text-decoration:none;font-weight:600;}
#accordion div {font-size:.8em;color:#666;padding:10px 0 0 25px;}
#accordion {position:relative;}

.grey_arrow {
    background-image: url(../images/button.png);
	position: absolute;
    width: 20px;
    height: 20px;
	display:inline-block;
	left:0px;
}

.purple_arrow {
    background-image: url(../images/button2.png); 
	position: absolute;
    width: 20px;
    height: 20px;
	display:inline-block;
	left:0px;
}


/* FLEXSCROLL */

.flexcroll p {color:#fff;font-size:1em;}

div.flexcroll{
	height: 300px;	
	width:200px;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
	width: 5px;
	background: url(../images/scrollbar.png) repeat-y top left;
}


.vscrollerbar {
	width:10px;
	height:12px !important;;
	background: url(../images/bar.png) no-repeat top left;
	cursor: pointer;
}


.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}