/*
############################################################
#   FONT SIZES
#
#   Base font size is 13px as set in the CSS-Reset file.
#
#	Specify all font sizes as the % below to achieve the
#	desired pixel size
#
#   PIXEL   PERCENTAGE
#   10      77
#   11      85
#   12      93
#   13      100
#   14      108
#   15      116
#   16      123.1
#   17      131
#   18      138.5
#   19      146.5
#   20      153.9
#   21      161.6
#   22      167
#   23      174
#   24      182
#   25      189
#   26      197
############################################################
*/

/*
############################################################
#	COLOURS
#
#	Key colours for the design should be referenced below.
#
#	WHITE				FFFFFF
#	BLACK				000000
#	SALTAIRE BROWN 		92816e
#	SALTAIRE DARK BLUE 	6D6E71
#   SALTAIR LIGHT BLUE	83d1d5
############################################################
*/

/*
############################################################
#	SECTION NAME
#
#	Each section within the CSS should have a header and
#	brief description. A section will be a logical block
#	within the website - i.e "Main Structure", "Header"
############################################################
*/

body{background-image:url(images/Framework/bgPattern.gif);background-repeat:repeat;}

/*____________________________________________________________________________________________________________   MAIN SITE FRAME WORK - 3 DIV'S BELOW */
#mainHolder{float:left; display:inline;width:100%;padding-bottom:50px;background-repeat:no-repeat;}
#centerMe{width:980px;margin:0 auto;}
#innerHolder{width:980px;margin:0 auto; background-color:#FFF; float:left;}


/*____________________________________________________________________________________________________________   HEADER SECTION CSS */
#headerSection
{
	float:left;
	width:980px;
	display:inline;
	height:113px;
	background-image:url(images/Framework/headerBackground.jpg)
}

#mainNav
{
	float:left;
	display:inline;
	background-color:#fff;
	margin:0 0 0 147px;
	height:20px;
	padding:20px 0;
}
#headerSection .dateImg
{
	width:430px;
	height:32px;
	margin:49px 0 0 262px;
}
#logoHolders
{
	position:relative;
	float:left;
	display:inline;
	z-index:999
}
#logoHolder
{
	width:97px;
	height:142px;
	position:absolute;
	left:42px;
	top:30px;
}
#paceLogoHolder
{
	width:123px;
	height:133px;
	position:absolute;
	left:819px;
	top:54px;
}


/*____________________________________________________________________________________________________________  CSS FOR MAIN NAVIGATION AND SUB NAV */
ul.topnav
{
	list-style: none;
	padding: 0 2px;
	margin: 0;
	float: left;
	width: 625px;
	background: #222;
	font-size: 1.1em;
	background: url(images/Framework/navBg.gif);
	background-repeat:no-repeat;
	text-transform:uppercase;
}
ul.topnav li
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	width:125px;
	text-align:center;
	height:41px;
}

ul.topnav li.addRollNav
{
	background-image:url(images/Framework/rollOverSpikes.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	width:125px;
	text-align:center;
	color:#0C0;
}

ul.topnav li a.rollColour { color: #83d1d5; }


ul.topnav li a
{
	padding: 10px 5px;
	color: #000;
	display: block;
	text-decoration: none;
	float: left;
	text-align:center;
	margin:0 auto;
	width:115px;
}

ul.topnav li a:hover
{
	background: url(../Images/Framework/rollOverSpikes.gif) no-repeat center bottom; 
}
.topnav li.active
{
       
        background-image:url(images/Framework/rollOverSpikes.gif);
        background-repeat:no-repeat;
        background-position:bottom center;
        float: left;
        margin: 0;
        padding: 0;
        position: relative; /*--Declare X and Y axis base for sub navigation--*/
        width:125px;
        text-align:center;
        color: #83D1D5;

}

ul.topnav li span 
{ /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 40px;
	background: #fbf9ed;
	margin: 0; padding: 0;
	float: left;
	width: 125px;
	display:none;
	z-index:2000;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 125px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 115px;
	background: #fbf9ed;
	border-bottom: 2px solid #bde4df;
	height:19px;

}

ul.subnav li a
{
	text-transform:capitalize;
	font-size:12px;
	
}

ul.subnav li a:hover
{
	color:#000;
	text-decoration:underline;
	text-transform:capitalize;
	
}

html ul.topnav li ul.subnav li a:hover
{ /*--Hover effect for subnav links--*/
	
}



/*____________________________________________________________________________________________________________  CSS FOR INPUT FORM  */

#formHolder
{
	float:left;
	display:inline;
}
#formHolder .formImg
{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	margin:0 0 0 43px;
}

fieldset.search
{
	margin:0 0 0 36px;
	width: 133px;
	background: #222;
	border:3px solid #82d0d4;
	clear:both;
	float:left;
	display:inline;
}	
.search input, .search input
{
	border: none;
	float: left;
	display:inline;
}



.search input.box
{
	color: #92816e;
	font-size: 1.2em;
	width: 108px;
	padding:0;
	height: 25px;
	background: #fff;
	color: #92816e;
	font-size:11px;
	float:left;
	display:inline;
}


.search input.box:focus
{
	background: #FFF;
	outline: none;
}
.search input.btn
{
	width: 25px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fff url(images/Framework/submitBtn.gif) no-repeat center right;
	float:left;
	display:inline;
}
.search input.btn:hover
{
	background: #fff url(images/Framework/submitBtn.gif) no-repeat top right;
	float:left;
	display:inline;
	
}



/*____________________________________________________________________________________________________________  CSS FOR MAIN BODY CONTENT */

#colunmHolder
{
	float:left;
	display:inline;
	margin:0 40px;
	position:relative;
}


#leftCol
{
	float:left;
	display:inline;
	width:640px;
	background-color:#fff;
	background-image:url(images/Framework/galleryDropShadow.gif);
	background-repeat:no-repeat;
}

.bodyCopy
{
	float:left;
	display:inline;
	margin:20px 0 10px 0;
	color:#6D6E71;
}

.bodyCopy h1
{
	font-family: arial, sans-serif;
	color: #92816e;
	font-size: 19px;
	font-style: italic;
	line-height: 1.3;
	margin:20px 0 10px 0;
}

.bodyCopy strong
{
	font-weight:bold;
}

.bodyCopy p
{
	margin:7px 0 0 0;
	
}

.bodyCopy a
{
color: #6D6E71;
}

#leftCol.bodyCopy p
{
	font-family: arial, sans-serif;
	color: #6D6E71;
	font-size: 12px;
	line-height: 1.3;
}

#rightCol
{
	float:left;
	display:inline;
	width:230px;
	background-color:#fff;
	margin:0 0 0 30px;
}
/*____________________________________________________________________________________________________________  CSS FOR MAIN BODY CONTENT - **HOME PAGE ONLY */
#galleryMask
{
	width:765px;
	height:51px;
	float:left;
	display:inline;
	position:absolute;
	left:-40px;
	top:-12px;
	z-index:998;
}
#galleryMaskBottom
{
	width:634px;
	height:45px;
	float:left;
	display:inline;
	position:absolute;
	left:-1px;
	top:378px;
	z-index:997;
}
#rightColTwitter
{
	float:left;
	display:inline;
	margin:30px 0 0 0;
	width:230px;
	height:410px;
	background-color:#FFF;
	background-image:url(images/Framework/twitterBgPattern.jpg);
	background-repeat:no-repeat;
}

#rightColTwitter ul a
{
	color:#000;

}

#rightColTwitter li
{
	margin:10px 0;

}

#twitter a
{
	color:#000;
}

#rightColTwitter h2
{
	font-family: arial, sans-serif;
	color: #6e6f71;
	font-size: 16px;
	font-style: italic;
	margin:7px 0 10px 0;
}
#rightColFollowUs
{
	float:left;
	display:inline;
	width:230px;
	background-color:#FFF;
	margin:5px 0 0 0;
}
#rightColFollowUs a
{
	border:none;	
}
#rightColLargeCall
{
	float:left;
	display:inline;
	width:230px;
	background-color:#FFF;
}



/*____________________________________________________________________________________________________________  CSS FOR JQUERY GALLERY - **HOME PAGE ONLY */
#slider
{
    position:relative;
    width:633px; /* Change this to your images width */
    height:400px; /* Change this to your images height */
    background:url(images/Framework/jqueryGal/loading.gif) no-repeat 50% 50%;
}
#slider img
{
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a
{
    border:0;
    display:block;
}

.nivo-controlNav
{
	z-index:1001;
	position: relative;
	width:634px;
	top: 400px;
	left: 30%;
}
.nivo-controlNav a
{
	display:block;
	width:22px;
	height:22px;
	background:url(images/Framework/jqueryGal/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}



.nivo-controlNav a.active
{
	background-position:0 -22px;
}


.nivo-directionNav a
{
	display:block;
	width:30px;
	height:30px;
	background:url(images/Framework/jqueryGal/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav
{
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav
{
	left:15px;
}

.nivo-caption
{
    text-shadow:none;
		height:65px;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption p
{
	padding:10px 20px 5px 15px;
	color:#FFF;
}

.nivo-caption a
{ 
    color:#efe9d1;
    text-decoration:underline;
}


/*____________________________________________________________________________________________________________  CSS FOR FOOTER SECTION  */
#footerSection
{
	float:left;
	width:960px;
	display:inline;
	height:94px;
	background-color:#FFF;
	margin:45px 0 0 0;
}

#footerSection .inner
{
	float:left;
	display:inline;
	margin:0 40px;
}

#footerSection .inner ul
{
	float:left;
	display:inline;
}
#footerSection .inner li
{
	float:left;
	display:inline;
}
#footerSection .inner li img
{
	float:left;
	display:inline;
	margin:0;
	padding:0;
}
#footerSection .inner li img a
{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	border:none;
}

#quickLinks
{
	float:left;
	display:inline;
	margin:0;
	padding:0 0 15px 0;
	background-color:#fdf9ed;
	width:980px;
	position:relative;
}

#quickLinks .inner
{
	float:left;
	display:inline;
	margin:14px 0 0 40px;
}

#quickLinks .credits
{
	float:left;
	display:inline;
	vertical-align:bottom;
	clear:left;
	margin:33px 0 0 40px;
	font-family: arial, sans-serif;
	color: #92816e;
	font-size: 10px;
	width:600px;
}

#quickLinks .madeBy
{
	float:left;
	display:inline;
	position:absolute;
	top:97px;
	left:800px;
	font-family: arial, sans-serif;
	color: #92816e;
	font-size: 10px;
}

#quickLinks .madeBy p
{
	float:left;
	display:inline;
	vertical-align:bottom;
	color:#6d6f6e;

}

#quickLinks .madeBy img
{
	display:inline;
	float:left;
	margin:-5px 5px 0 5px;
}
#quickLinks .madeBy img a
{
	display:inline;
	float:left;
	border:none;
}

#quickLinks .credits p, #quickLinks .credits p a
{
font-family: arial, sans-serif;
color: #92816e;
font-size: 10px;
}

#quickLinks ul.links1, ul.links2, ul.links3, ul.links4, ul.links5
{
	float:left;
	display:inline;
	width:150px;
	font-family: arial, sans-serif;
	color: #92816e;
	font-size: 10px;
  }
 #quickLinks li.links1, li.links2, li.links3, li.links4, li.links5
  {  
    float: left;
	display:inline;
	font-family: arial, sans-serif;
	color: #92816e;
	font-size: 10px;
  }
  
   .links1 a, .links2 a, .links3 a, .links4 a, .links5 a
  {  
	font-family: arial, sans-serif;
	color: #92816e;
	font-size: 10px;
	text-decoration:none;
  }
  

  /* separate the list from subsequent markup */
  #quickLinks.wrapper
  {
	margin:0 0 1em 0;
	width:600px;
  }
  
  
  /*____________________________________________________________________________________________________________  CSS FOR INNER PAGES  */
  #headerSection.innerPages
{
	float:left;
	width:980px;
	display:inline;
	height:149px;
	background-image:url(images/Framework/headerBackground_inner.jpg)
}  
  #innerHolder
  {
	  width:980px;
	  float:left;
	  display:inline;
  }
  
  #inner_leftCol
  {
	  float:left;
	  display:inline;
	  width:186px;
	  margin:0px;
	  padding:0px;
  }
  #inner_subNav
  {
	  float:left;
	  display:inline;
	  width:145px;
	  margin:50px 0 0 41px;
  }
  #inner_midCol
  {
	  float:left;
	  display:inline;
	  width:594px;
  }
  #inner_content
  {
	  float:left;
	  display:inline;
	  width:504px;
	  margin:0 45px;
  }
  #inner_rightCol
  {
	  float:left;
	  display:inline;
	  width:200px;
  }
  #rightAdvert
  {
	  float:left;
	  display:inline;
	  margin:70px 0 0 0;
  }  
  /* sun nav for inner */
  
  ul.subnav li a
{
	padding: 10px 0px 10px 10px;
	color: #000;
	display: block;
	text-decoration: none;
	float: left;
	text-align:left;
	margin:0 auto;
	width:145px;
}
  
 #inner_subNav ul.subnav {
	 float:left;
	 display:inline;
	list-style: none;
	left: 0; top: 40px;
	background: #fbf9ed;
	margin: 0; padding: 0;
	float: left;
	width: 145px;
}
 #inner_subNav ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 145px;
}
 #inner_subNav ul.subnav li a {
	float: left;
	width: 135px;
	background: #fff;
	border-bottom: 2px solid #bde4df;

}

 #inner_subNavul.subnav li a
{
	text-transform:capitalize;
	font-size:12px;
	
}

#inner_subNav ul.subnav li a:hover
{
	color:#a1dbdd;
	text-decoration:underline;
	text-transform:capitalize;
	
}