/* reset css */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* reset end */
html {
background: #c9dbf0 url(images/bluegreygradient.gif) repeat-y center top;
height:100%;
overflow-y:scroll /* always have a scrollbar so that the page doesnt jump around */
}
html.links {
background-image:none;
background-color:#68a4db
}
body {
background: url(images/topveinsbg.jpg) repeat-x left top;
font-size:12px;
height:100%;
line-height:1.3;
min-width:980px
}
#container {
cursor: default;
min-height:100%;
height:auto !important;
height:100%;
margin:auto;
position:relative;
width:980px
}
#header {
background:url(images/smalllogo.png) no-repeat 950px 54px;
color:#fff;
height:190px;
position:relative;
width:980px
}
#content {
font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial,Verdana,Tahoma,sans-serif;
margin:0 auto;
min-height:400px;
height:auto !important;
height:400px;
padding:20px 0 108px;
position:relative;
width:970px
}
body#hom #content,
body#ser #content {
background:url(images/rainbowlogo.png) no-repeat left 20px;
min-height:440px;
height:auto !important;
height:440px;
padding-left:110px;
width:850px
}
#footer {
background-color:#0d4366;
color:#fff;
height:100px;
margin-top:-100px;
position:relative;
text-align:center;
width:100%;
z-index:500
}
#footer p {
margin:0px auto;
padding:12px 0px 4px;
text-align:center
}
#footer span {
margin:0px 8px
}
#footer a {
color:#fff;
text-decoration:none
}
#footer a:visited {
color:#fff
}
#footer a:hover {
color:#67b5e6
}
/* nav */
ul#nav {
font:11px Verdana;
left:0px;
list-style-type:none;
position:absolute;
top:0px
}
ul#nav li {
display:inline;
float:left;
height:190px
}
ul#nav li a {
background-image:url(images/hover.png);
background-position:left -200px;
background-repeat:no-repeat;
color:#fff;
float:left;
height:190px;
text-decoration:none
}
ul#nav li a span {
cursor:pointer;
display:inline;
float:left;
margin:172px 10px 0 10px
}
body#hom ul#nav li.hom a {
background-position: left bottom;
color:#85cdfa
}
ul#nav li.hom a:hover {
background-position: left bottom
}
body#pro ul#nav li.pro a {
background-position: -52px bottom;
color:#85cdfa
}
ul#nav li.pro a:hover {
background-position: -52px bottom
}
body#ser ul#nav li.ser a {
background-position: -120px bottom;
color:#85cdfa
}
ul#nav li.ser a:hover {
background-position: -120px bottom
}
body#new ul#nav li.new a {
background-position: -186px bottom;
color:#85cdfa
}
ul#nav li.new a:hover {
background-position: -186px bottom
}
body#car ul#nav li.car a {
background-position: -236px bottom;
color:#85cdfa
}
ul#nav li.car a:hover {
background-position: -236px bottom
}
body#abo ul#nav li.abo a {
background-position: -302px bottom;
color:#85cdfa
}
ul#nav li.abo a:hover {
background-position: -302px bottom
}
body#con ul#nav li.con a {
background-position: -374px bottom;
color:#85cdfa
}
ul#nav li.con a:hover {
background-position: -374px bottom
}
/* nav end */
#header h1, #header p.h1 {
font: 1.5em Garamond;
letter-spacing:8px;
position:absolute;
right:40px;
text-transform:uppercase;
top:100px
}
#header h2, #header  p.h2 {
font: 3em Garamond;
letter-spacing:12px;
position:absolute;
right:36px;
text-transform:lowercase;
top:50px
}
body div h3#center,
body#con h3,
body#new h3 {
display:block;
font-size:16px;
height:auto !important;
height:20px;
margin:12px 0;
position:static;
text-align:center;
width:100%
}
h3 span {
display:none
}
body#pro h3 {
height:390px;
left:0;
position:absolute;
top:20px;
width:134px
}
div.lan h3 {
background:url(images/landmarkpagelogo.png) no-repeat left top
}
body#pro div.urb h3 {
background:url(images/urbanpagelogo.png) no-repeat left top;
width:170px
}
div.com h3 {
background:url(images/communitypagelogo.png) no-repeat left top
}
body#pro div.res h3 {
background:url(images/residentialpagelogo.png) no-repeat left top;
width:170px
}
h1, h4 {
font-size:1.4em	
}
body#pro #content h1 {
margin-bottom:8px;
margin-left:160px;
width:790px
}
body#pro #content.urb h1,
body#pro #content.res h1 {
margin-left:196px;
width:754px
}
div.lan h1 {
color:#f6fc52
}
div.urb h1 {
color:#b8d891
}
div.com h1 {
color:#fa6900
}
div.res h1 {
color:#9812bb
}
div.cv h4 {
padding-bottom:2px;
text-align:center	
}
body#pro #content h2 {
background:url(images/projectplus.gif) no-repeat left 12px;
clear:right;
color:#191970;
cursor:pointer;
font-size:1.1em;
margin-left:160px;
padding-top:8px;
padding-left:12px;
width:790px
}
body#pro #content.urb h2,
body#pro #content.res h2 {
margin-left:196px;
width:754px
}
p {
margin:0 0 15px;
padding:0;
text-align:justify
}
p.clear {
clear:both;
height:1px;
line-height:1px;
margin:0;
overflow:hidden
}
blockquote {
background-color:rgba(255,255,255,0.2);
margin:0 0 10px;
padding:10px;
}
blockquote div {
border-left:3px solid #369;
padding-left:10px
}
blockquote p:first-letter {font-size:3em}
blockquote p:first-line {line-height:1}
input, select {
vertical-align:middle
}
a {
color:#0d4366	
}
strong {
font-weight:bold	
}
.clearFix {
clear:both;
font-size:0px;
height:0px;
overflow:hidden
}
p#leaveProject {
clear:both;
height:18px;
padding:30px 0 10px;
width:100%
}
a.back {
background:url(images/backarrow.png) no-repeat left center;
color:#0d4366;
display:inline;
float:left;
margin-left:160px;
padding:2px 0px 2px 24px;
text-decoration:none;
width:200px
}
body#pro #content.urb .back,
body#pro #content.res .back {
margin-left:196px
}
a.nextProject {
background:url(images/nextarrow.png) no-repeat right center;
color:#0d4366;
float:right;
padding:2px 24px 2px 0px;
text-align:right;
text-decoration:none;
width:300px
}
#copyright {
text-align:center;
font:11px times,serif
}
#footer a#futurekode {
color:#fff;
text-decoration:none
}
#footer a#futurekode:hover {
color:orange;
text-decoration:none
}
#footer #futurekode span {
padding-left:20px;
background:url(http://www.futurekode.com/images/futurekodeicon.png) no-repeat left top;
font-size:1.1em;
margin:0
}
div#crawleycounciltop {
background:url(images/crawleylogobgtop.png) no-repeat left top;
float:right;
height:10px;
overflow:hidden;
width:210px
}
a#crawleycouncil {
background:transparent url(images/crawleylogobg.png) no-repeat left bottom;
clear:right;
color:#369;
display:inline;
float:right;
margin:0 0 6px 12px;
text-decoration:none;
width:210px
}
div#crawleycounciltophome {
background:url(images/crawleylogobgtophome.png) no-repeat left top;
float:right;
height:10px;
margin-top:6px;
overflow:hidden;
width:150px
}
a#crawleycouncilhome {
background:transparent url(images/crawleylogobghome.png) no-repeat left bottom;
clear:right;
color:#369;
display:inline;
float:right;
margin:0 0 6px 12px;
text-decoration:none;
width:150px
}
a#crawleycouncil img {
display:block;
margin:auto
}
a#crawleycouncil span {
display:block;
margin:0 18px 10px
}
a#crawleycouncilhome img {
display:block;
margin:auto
}
a#crawleycouncilhome span {
display:block;
margin:0 10px 12px
}
#featuredWork {
background-color:#bed3ec;
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
border-radius:7px 7px;
float:right;
padding:10px 12px 10px 10px;
width:220px
}
#featuredWork h3 {
padding-bottom:6px
}
#featuredWork img {
float:left;
margin-right:12px
}
#featuredWork .vcard {
float:left;
padding-left:14px;
width:200px;
}
#featuredWork table {
margin-top:10px;
table-layout:fixed
}

/* projects landing page */

body#pro dl {
display:inline;
float:left;
height:320px;
margin:12px 5px 0 0;
position:relative;
width:235px
}
body#pro dl#landmark  {
width:220px
}
body#pro dl#urban  {
width:250px
}
body#pro dl a {
text-decoration:none
}
body#pro dt {
left:0;
position:absolute;
bottom:0
}
dl dd a {
height:238px;
left:0;
position:absolute;
top:0;
width:190px;
z-index:100
}
dl#urban dd a {
color:#cce2ad;
width:179px
}
dl#urban dd a:hover {
color:#a0d08a
}
dl dt span {
display:none
}
dl dd a span {
cursor:pointer;
left:80px;
position:absolute;
top:220px
}
body#pro dl dt {
color:#000066;
font-size:16px;
padding:4px 0px
}
body#pro dl dd {
margin:1px 4px 5px
}

dl#landmark dt {
background:url(images/landmarktext.png) no-repeat left 120px;
height:320px;
width:27px
}
dl#landmark dd {
background:url(images/landmarklogo.png) no-repeat left top;
height:320px;
left:30px;
padding:60px 0 0 80px;
position:absolute;
top:0
}
dl#landmark dd a {
color:#f3ee7b
}
dl#landmark dd a:hover {
color:#c3e0a1
}
dl#urban dt {
background:url(images/urbantext.png) no-repeat left 0px;
height:320px;
width:56px
}
dl#urban dd {
background:url(images/urbanlogo.png) no-repeat left top;
height:320px;
left:59px;
padding:60px 0 0 80px;
position:absolute;
top:0
}
dl#community dt {
background:url(images/communitytext.png) no-repeat left 83px;
height:320px;
width:32px
}
dl#community dd {
background:url(images/communitylogo.png) no-repeat left top;
height:320px;
left:35px;
padding:60px 0 0 80px;
position:absolute;
top:0
}
dl#community dd a {
color:#fa6900
}
dl#community dd a:hover {
color:#f82b2b
}
dl#residential dt {
background:url(images/residentialtext.png) no-repeat left 95px;
height:320px;
width:52px
}
dl#residential dd {
background:url(images/residentiallogo.png) no-repeat left top;
height:320px;
left:53px;
padding:60px 0 0 80px;
position:absolute;
top:0
}
dl#residential dd a {
color:#451afa
}
dl#residential dd a:hover {
color:#aa31cc
}

/* project page */

.project {
border-bottom:3px solid #369;
float:right;
width:790px
}
div.urb .project,
div.res .project {
width:754px
}
.project p {
margin-right:315px;
width:470px
}
div.urb .project p,
div.res .project p {
width:435px	
}
.imageGallery {
background:#adc6e7;
float:right;
margin-left:8px;
width:304px
}
.imageGallery img {
border:2px solid #adc6e7
}
.imageGallery div.galleryThumb img {
border:2px solid #adc6e7;
cursor:pointer;
height:40px;
width:60px
}
div.galleryThumb img:hover {
border:2px solid #345
}
p.serintrotxt {
margin-left:160px
}
div.res p.serintrotxt,
div.urb p.serintrotxt {
margin-left:196px
}
ul.servicepagelinks {
margin:12px 0 0 160px;
width:300px
}
ul.servicepagelinks li {
list-style-position:outside;
list-style-type:none;
margin:4px 0
}
ul.servicepagelinks li a {
color:black;
display:block;
padding:4px 0 6px 30px;
text-decoration:none
}
div.com ul.servicepagelinks li {
background:url(images/communityarrow.png) no-repeat left center
}
div.com ul.servicepagelinks li a:hover {
color:#f18a3b
}
div.res ul.servicepagelinks li {
background:url(images/residentialarrow.png) no-repeat left center
}
div.res ul.servicepagelinks li a:hover {
color:#a123cb
}
p.inprogress {
color:#ce0a0a;
font-size:1.2em
}

/* Services page */
ul#services {
list-style-type:disc;
padding-left:20px
}
ul#services li {
padding:4px 0px
}

/* about us page */
div.cv {
border-bottom:3px solid #5380c5;
display:inline;
float:left;
margin:10px 0px;
padding:8px;
width:450px
}
div.cv div {
-moz-box-shadow:3px 0px 6px #4d7bc7, -3px 0px 6px #4d7bc7, 0px 3px 6px #4d7bc7, 0px -3px 6px #4d7bc7;
-webkit-box-shadow:3px 0px 6px #4d7bc7, -3px 0px 6px #4d7bc7, 0px 3px 6px #4d7bc7, 0px -3px 6px #4d7bc7;
box-shadow:3px 0px 6px #4d7bc7, -3px 0px 6px #4d7bc7, 0px 3px 6px #4d7bc7, 0px -3px 6px #4d7bc7;
float:left;
margin-top:4px;
width:200px
}
div.cv div img {vertical-align:bottom;width:200px}
div.cv p {
float:right;
width:237px
}
#jenny {
width:954px	
}
#jenny p {
width:741px	
}

/* news page */
body#new #content img {
-moz-box-shadow:3px 0px 6px #4d7bc7, -3px 0px 6px #4d7bc7, 0px 3px 6px #4d7bc7, 0px -3px 6px #4d7bc7;
-webkit-box-shadow:3px 0px 6px #4d7bc7, -3px 0px 6px #4d7bc7, 0px 3px 6px #4d7bc7, 0px -3px 6px #4d7bc7;
box-shadow:3px 0px 6px #4d7bc7, -3px 0px 6px #4d7bc7, 0px 3px 6px #4d7bc7, 0px -3px 6px #4d7bc7;
width:280px
}
body#new blockquote {
display:inline;
float:left;
margin-left:5px;
margin-right:5px;
width:293px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxTopLeft{width:14px; height:14px; background:url(/images/controls.png) 0 0 no-repeat;}
	#cboxTopCenter{height:14px; background:url(/images/border.png) top left repeat-x;}
	#cboxTopRight{width:14px; height:14px; background:url(/images/controls.png) -36px 0 no-repeat;}
	#cboxBottomLeft{width:14px; height:43px; background:url(/images/controls.png) 0 -32px no-repeat;}
	#cboxBottomCenter{height:43px; background:url(/images/border.png) bottom left repeat-x;}
	#cboxBottomRight{width:14px; height:43px; background:url(/images/controls.png) -36px -32px no-repeat;}
	#cboxMiddleLeft{width:14px; background:url(/images/controls.png) -175px 0 repeat-y;}
	#cboxMiddleRight{width:14px; background:url(/images/controls.png) -211px 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:5px;}
		#cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
                #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
                #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
                
                #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
                #cboxPrevious{left:0px; background-position: -51px -25px;}
                #cboxPrevious.hover{background-position:-51px 0px;}
                #cboxNext{left:27px; background-position:-75px -25px;}
                #cboxNext.hover{background-position:-75px 0px;}
		#cboxClose{right:0; background-position:-100px -25px;}
		#cboxClose.hover{background-position:-100px 0px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}