/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */

/* @group Footer Stick - DO NOT EDIT */

html, body {
    height: 100%;
}
#page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -208px;
}
#footer, .push {
    height: 200px;
    clear: both;
}
.push {
	margin-top: 3em;
}

/* @end */

/* @group General */

body {
	background: #fff url(images/layout/background-header.gif) repeat-x;
	font-size: 75%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #505050;
	line-height: 1.67em;
}
a {
	color: #690;
	text-decoration: none;
}
a:hover {
	color: #0068b3;
}
li {
	margin-left: 1.67em;
}
ol li {
	list-style: decimal;
}
ol, ul, p, table, fieldset {
	margin-bottom: 0.83em;
}
img.hero {
	border: 5px solid #f1efe2;
	float: right;
	margin: 0 0 1em 1em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
li {
	margin-left: 2em;
}
strong.fakelabel {
	display: block;
	width: 50px;
	float: left;
}
/* @end */

/* @group Layout */

#banner {
	margin: auto;
	display: block;
	width: 960px;
	height: 150px;
	background: transparent url(images/layout/background-banner.jpg) no-repeat center center;
	position: relative;
}
h1 a {
	text-indent: -9999px;
	display: block;
	width: 160px;
	height: 150px;
	background: transparent url(images/layout/crosbie-logo.gif) no-repeat;
}
#banner p#cu, #banner p#rbp {
	display: block;
	width: 160px;
	height: 80px;
	text-indent: -9999px;
	background: transparent url(images/layout/contact-us.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}
#banner p#rbp {
	height: 50px;
	background: transparent url(images/layout/rbp.gif) no-repeat;
	top: 80px;
}
#menucontainer {
	display: block;
	height: 36px;
	background: #fff url(images/layout/background-menu.gif) repeat-x 0 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 25px;
}
#copy {
	margin: auto;
	display: block;
	width: 960px;
}
#latest {
	display: block;
	height: 160px;
	padding-top: 5px;
	background: transparent url(images/layout/background-latest.gif) repeat-x bottom;
	border-top: 1px solid #ccc;
}
#footercopy {
	display: block;
	border: 1px solid #ccc;
	height: 20px;
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
}
#footer div.container {
	margin: auto;
	display: block;
	width: 960px;
}
#latest .container p {
	margin-bottom: 0;
	display: block;
	width: 160px;
	float: left;
}
#latest .container p.last {
	width: 140px;
}
#latest .container p img {
	border: 5px solid #fff;
	margin-top: 0.83em;
}
div.project {
	display: block;
	clear: both;
}
div.project h3 img {			/* Project list images */
	border: 5px solid #f1efe2;
	float: left;
	margin-right: 1em;
	margin-bottom: 1.67em;
}
#footercopy .container p, #footercopy .container a {
	margin-bottom: 0;
	color: #ccc;
}
#footercopy .container a:hover {
	color: #666;
}


/* @end */

/* @group Menu */

#menu {
	margin: 0 auto;
	width: 960px;
	height: 36px;
	list-style-type: none;
}
#menu li {
	margin: 0;
	display: block;
	width: 160px;
	height: 36px;
	float: left;
}
#menu li a {
	display: block;
	width: 160px;
	height: 36px;
	background: transparent url(images/layout/menu.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#menu li#page_1 a {
		background: transparent url(images/layout/menu.gif) no-repeat;
}
#menu li#page_2 a {
		background: transparent url(images/layout/menu.gif) no-repeat -160px 0;
}
#menu li#page_3 a {
		background: transparent url(images/layout/menu.gif) no-repeat -320px 0;
}
#menu li#page_4 a {
		background: transparent url(images/layout/menu.gif) no-repeat -480px 0;
}
#menu li#page_5 a {
		background: transparent url(images/layout/menu.gif) no-repeat -640px 0;
}
#menu li#page_6 a {
		background: transparent url(images/layout/menu.gif) no-repeat -800px 0;
}
#menu li#page_1 a:hover,
#page.p_home #menu li#page_1 a {
		background: transparent url(images/layout/menu.gif) no-repeat 0 -36px;
}
#menu li#page_2 a:hover,
#page.p_projects #menu li#page_2 a {
		background: transparent url(images/layout/menu.gif) no-repeat -160px -36px;
}
#menu li#page_3 a:hover,
#page.p_contact #menu li#page_3 a {
		background: transparent url(images/layout/menu.gif) no-repeat -320px -36px;
}
#menu li#page_4 a:hover,
#page.p_what #menu li#page_4 a {
		background: transparent url(images/layout/menu.gif) no-repeat -480px -36px;
}
#menu li#page_5 a:hover,
#page.p_about #menu li#page_5 a {
		background: transparent url(images/layout/menu.gif) no-repeat -640px -36px;
}
#menu li#page_6 a:hover,
#page.p_testimonials #menu li#page_6 a {
		background: transparent url(images/layout/menu.gif) no-repeat -800px -36px;
}

/* @end */

/* @group Headings */

h2 {
	margin-bottom: 0.83em;
	font-size: 1.67em;
	color: #0068b3;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: 100;
	line-height: 1em;
}
h3.latesttitle {
	margin-top: 1em;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/layout/latesttitle.gif) no-repeat;
	width: 300px;
	height: 20px;
}
h3 {
	color: #b72b0a;
}

/* @end */

/* @group Homepage */

.left, .middle, .right {
	display: block;
	float: left;
	margin-right: 20px;
	width: 470px;
}
#page.p_home .left,
#page.p_home .right {
	width: 310px;
}
#page.p_home .middle {
	width: 300px;
}
.right {
	margin-right: 0;
}
img.featureprop {
	border: 5px solid #f1efe2;
	margin-bottom: -0.83em;
}

/* @end */

/* @group Galleria Styles */
.galleria_container {
	display: block;
	width: 460px;
	margin-bottom: 1em;
}
.galleria_wrapper img,
.gallery li {
	border: 5px solid #f1efe2;
}
.gallery {
	list-style:none;
	width:468px;
	list-style-type: none;
}
.gallery li {
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	float:left;
	margin:0 8px 10px 0;
}
.gallery li a {
	display:none;
}
.gallery li div {
	position:absolute;
	display:none;
	top:0;
	left:180px;
}
.gallery li div img {
	cursor:pointer;
}
.gallery li.active div img,
.gallery li.active div {
	display:block;
}
.gallery li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
.gallery li .caption {
	display:block;
	padding-top:.5em;
}
* html .gallery li div span{
	width:400px; /* MSIE bug */
}

/* @end */