/**
 * Roughly based on the following colours (from a palette called muted india)
 *
 #df321a 207,44,68 red		changed to #df321a
 #8DD83D 141,216,61 green  trying #04daec,#0683c3,#1d2d46,#a14840,#df321a,#df321a
 #039FA6 3,159,166 blue
 #F6D023 246,208,35 yellow
 #F6650D 246,101,13 orange

 */
/* from 960.css */
/*
 960 Grid System ~ Core CSS.
 Learn more ~ http://960.gs/

 Licensed under GPL and MIT.
 */
/* `Containers
 ----------------------------------------------------------------------------------------------------*/ .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

/* `Grid >> Global
 ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
} .container_12 .grid_3 {
    width: 220px;
} .container_12 .grid_6 {
    width: 460px;
} .container_12 .grid_9 {
    width: 700px;
} .container_12 .grid_12 {
    width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
 ----------------------------------------------------------------------------------------------------*/
.alpha {
    margin-left: 0;
} .omega {
    margin-right: 0;
}

/* `Grid >> 12 Columns
 ----------------------------------------------------------------------------------------------------*/
 .container_12 .grid_1 {
    width: 60px;
} .container_12 .grid_2 {
    width: 140px;
} .container_12 .grid_4 {
    width: 300px;
} .container_12 .grid_5 {
    width: 380px;
} .container_12 .grid_7 {
    width: 540px;
} .container_12 .grid_8 {
    width: 620px;
} .container_12 .grid_10 {
    width: 780px;
} .container_12 .grid_11 {
    width: 860px;
}

/* `Prefix Extra Space >> Global
 ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_3 {
    padding-left: 240px;
} .container_12 .prefix_6 {
    padding-left: 480px;
} .container_12 .prefix_9 {
    padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
 ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 {
    padding-left: 80px;
} .container_12 .prefix_2 {
    padding-left: 160px;
} .container_12 .prefix_4 {
    padding-left: 320px;
} .container_12 .prefix_5 {
    padding-left: 400px;
} .container_12 .prefix_7 {
    padding-left: 560px;
} .container_12 .prefix_8 {
    padding-left: 640px;
} .container_12 .prefix_10 {
    padding-left: 800px;
} .container_12 .prefix_11 {
    padding-left: 880px;
}
/* `Suffix Extra Space >> Global
 ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_3 {
    padding-right: 240px;
} .container_12 .suffix_6 {
    padding-right: 480px;
} .container_12 .suffix_9 {
    padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
 ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 {
    padding-right: 80px;
} .container_12 .suffix_2 {
    padding-right: 160px;
} .container_12 .suffix_4 {
    padding-right: 320px;
} .container_12 .suffix_5 {
    padding-right: 400px;
} .container_12 .suffix_7 {
    padding-right: 560px;
} .container_12 .suffix_8 {
    padding-right: 640px;
} .container_12 .suffix_10 {
    padding-right: 800px;
} .container_12 .suffix_11 {
    padding-right: 880px;
}
/* `Clear Floated Elements
 ----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */ .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
} * html .clearfix {
    height: 1%;
} .clearfix {
    display: block;
}

/* Start of typography

 */
/*
 960 Grid System ~ Text CSS.
 Learn more ~ http://960.gs/

 Licensed under GPL and MIT.
 */
/* `Basic HTML
 ----------------------------------------------------------------------------------------------------*/
body {
    font: 16px / 1.5  "Lucida Sans", Bitstream Vera Sans, "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
}
#nav {font-weight:bold;
	font-family:Verdana,Helvetica,Arial,Sans-Serif
	}

a {
    text-decoration: none;
}

a:focus {
    outline: 1px dotted invert;
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

/* `Headings
 ----------------------------------------------------------------------------------------------------*/
h1 {
    font-size: 25px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

/* `Spacing
 ----------------------------------------------------------------------------------------------------*/
ol {
    list-style: decimal;
}

ul {
    list-style: square;
}

/*
li {
    margin-left: 10px;
}
*/

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin-bottom: 20px;
}

/*
 End of typography
 */
#page {

    }
 #page {
    overflow: hidden;
	background: #FFFFFF;
}

/*
  simple  boxes for the front page
*/
#panels {margin:auto;
text-align:center;}
.mini_panel {
	/*width:200px;*/
	padding-bottom:10px;
	padding-top:10px;
	margin: 0 10px 20px 10px;
	float:left;
	position:relative;
	border:2px solid  #df321a;
	background-image:url(pale-blue.png);
}
.mini_panel h3 {
	font-size:1.5em;
	color:#039fa6;
	line-height:1.0em;
	margin-bottom:5px;
	margin-top:0;
}
.mini_panel .link img  {
	 /*position: absolute;*/
	 /*top: 0; left: 0;*/
	margin:auto;
	text-align:center;
	margin-bottom:5px;
	border: 1px solid #039fa6;
}
.mini_panel .link a {
      position: absolute;
      top: 1px;
      padding-left:2px;
      /*padding-right:2px;*/
      margin:auto;
      text-align:center;
      color:#ffffff;
      width: 200px;
      background-color:#039FA6;
}
.mini_panel p {
   text-align:left;
   padding-left:10px;
}
.link a, .link a:visited {
		color:#fff;
		font-weight:bold;
		font-size:1.1em;
}

/*.mini_panel .link {*/
/*	position:absolute;*/
/*	margin: auto;*/
	/*top:2px;*/
	/*width:200px;*/
/*	overflow:hidden;*/
/*}*/

/* main links appearing at the top of the page */
#contact {
	margin:auto;
	color:#039fa6;
	font-size:0.9em;
	width:250px;
	font-weight:bolder;
	float:left;
	margin-bottom:2px;
	position:absolute;
	bottom:25px;
}

#contact a, p a
    {
        border-bottom: #039FA6;
        color: #039FA6
    }
#contact ul {
	padding-left:0;
	list-style-type:none;
}
#quicklinks {
	text-align:right;
	width:200px;
	font-weight:bolder;
	margin-bottom:2px;
	position:absolute;
	bottom:25px;
	right:0;
}
#quicklinks ul {
	list-style:none;
}
#quicklinks h2, #contact h2 {
	color:#fff;
	background:#039FA6;
	padding:2px;
	width:200px;}

#quicklinks a, #quicklinks a:visited {
	color:#039fa6;
}
/* header and footer are the same on each page */
#header {
    margin-top: 30px;
	position:relative;
	height:255px;
	background: url(../images/logo.png) center top no-repeat;
	background-position:center top;
}
#header, .links {border-bottom: solid 2px #039fa6;
		}

#footer {
	padding-top:10px;
	text-align:left;
	padding-bottom:50px;
	font-size: 0.8em;
	text-align:center;
}
/*  for the google map in the footer */
#map {
	padding:2px;
	border: 1px dashed #df321a;
	}
/*
 menu - css
 */

#nav {
    padding: 0;
	 background: #fff;
}
 #nav ul  {
   padding: 0;
   list-style: none;
   display: table;
   white-space: nowrap;
   font-size: 11px;
   margin-left:auto;
   margin-right:auto;
   margin-top:0;
}
#nav li {
    display: table-cell;
    padding: 0;
    margin: 0;
}
 #nav a {
    float: left;
    margin: 0 2px 0 0;
    padding: 0 0 0 2px;
    text-decoration: none;
    letter-spacing: 1px;
	color: #fff;
    background: #039fac url(bottom_left.png) no-repeat left bottom;
}
#nav a b {
    float: left;
    display: block;
    padding: 5px 16px 5px 12px;
	background: transparent url(bottom_right.png) no-repeat right bottom;
}
#nav a:hover {
    cursor: pointer;
	background: #f6d023 url(bottom_left.png) no-repeat left bottom;
    color: #fff;
}
#nav ul li a.current
    {
        background: #df321a url(bottom_left.png) no-repeat left bottom;
        color: #fff;
    }

/*   for pages divided into left and right side info */
.rightside {
    float: right;
	border-left: 2px solid #039fa6;
	margin-left:10px;
	}

/*  appears on each page */
.mainstatement, .caption
    {
        color: #039FA6;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
    }
.mainstatement b
	{color:#df321a;}
.mainstatement em {
	color:#df321a;
 	font-style:normal;
}

.mainstatement {display:block;
		}
.mainstatement h2 {
     font-family:"Copperplate Gothic Light", Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
    font-size: 1.5em;
    font-weight: bold;
	margin-top:10px;
	margin-left: 0;
	margin-right: 0;
}
.mainstatement h1 {
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin: auto;
	font-family:"Copperplate Gothic Light", Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
}
.mainstatement p {
		font-size:1.1em;
}
#statement p {text-align:center;
	       margin:auto;}
/* appears in the footer */

#showroom, #map {
	/*
font-size:1.2em;
*/
	margin-top:30px;
}
#showroom p {margin-bottom:5px;}
#showroom td {vertical-align:top;}

/*  blockquote is used for client recommendations */
blockquote {
display:block;
quotes: "\201C" "\201D";
font-size: 1.25em !important;
font-weight:bold !important;
font-family: Garamond,
             "Hoefler Text",
             Palatino,
             "Palatino Linotype",
             Caslon,
             "Liberation Serif",
             Times,
             Georgia, serif;
  color: #15317e;
  width:550px;
  border: 1px solid #d39400!important;
  background-color: #ffc345 !important;
  padding: 8px !important;
  margin:10px 10px 20px 10px !important;
  line-height:1em !important;

  }
blockquote:before { content: open-quote; font-weight: bold; font-size:2em;}
blockquote:after { content: close-quote; font-weight: bold; font-size:2em; }

#motigo {display:none}

#project-list ol {
	background-image:url(statschool400.jpg);
	font-family: serif;
}
.fact {border-bottom:1px dashed #df321a;
		margin-left:20px;
		background: url(../images/tick.png) bottom right no-repeat;}
.smallfont {font-size:smaller;}