/** Colour Reference **/

.Dark_Grey {
	background: #666466
}

.Light_Grey {
	background: #f3f4f4
}

.Dark_Green {
	background: #8cc63f
}

.Light_Green {
	background: #9ada46
}

.Dark_Blue {
	background: #046183
}

.Heading_Blue {
	background: #437995
}

.Ocean_Blue {
	background: #048fc2
}

.Baby_Blue {
	background: #d9ebf9
}

.Light_Blue {
	background: #f2f7fc
}

/** Style Sheet Rules **/

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;
}
a:link,a:visited {
	text-decoration:none;
}
a:focus {
	text-decoration:underline;
}
:focus {
	outline:0;
}
img {
	vertical-align:bottom;
}
legend {
	font:0/0 serif;
	height:0;
	overflow:hidden;
	text-indent:-100em;
}
ol,ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
}


.small
{
font-variant:small-caps;
font-size: 14px;
}


body { 

	text-align:left;
	background:#fff;
	font: 75%/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#000;
	min-width:891px;
/*
	margin: 0px;
	font: 62.5%/1.8em "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif; */
}


h1 {
	/*
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	font-size: 22px;
	color:  #437995;
	max-width: 450px;
	padding-top: 50px;
}

h1 a {
	border-bottom: 1px dotted #a5c3d5;
	color:  #437995;
}


h2 {
	
	font-size: 18px;
	margin-bottom: 10px;

}

h4 {
	font-size: 14px;
	margin-bottom: 7px;
	color: #046183;
}

h3 {
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
}

/** Contact Form Formating **/

.col1 {
	float: left;
	padding-top: 8px;
	padding-left: 10px;
	width: 130px;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
	font-size: 13px;
}

.col2 {
	float: left;
	margin-left: 30px;
}



#header_details {
	border-top: 8px solid #046183;
	background: #048fc2;
	color: #7cd2ea;
	height: 75px;
}

.central {
	width: 900px;
	margin: auto;
}

.right {
	float:  right;
}

.left {
	float:  left;
}

#header_content {
	background: #d9ebf9 url(/images/clouds.png) repeat-x 0 bottom;
	color: #046183;
}

#logo {
	float: left;
}

#work_with_us {
	width: 150px;
	color-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 35px;
	border-top: 1px dashed #d9ebf9;
	border-bottom: 1px dashed #d9ebf9;
	background: url(../document.png) no-repeat 95% 68%;
	font-size: 12px;
}

#work_with_us:hover {
	background: #f2f7fc url(../document.png) no-repeat 95% 68%;
}

#work_with_us a {
	border-bottom: 1px dashed #cde0f2;
	text-decoration: none;
	color: #046183;
}

#work_with_us a:hover {
	border-bottom: 1px dashed #a1c7ee;
}

#getQuote {
	margin-top: 15px;
	float: right;
}

#getQuote a {
	background: #8cc63f;
	color: #fff;
	display: block;
	padding: 10px;
	border: 2px solid #047fac;
	font-size: 1.2em;
	text-decoration: none;
}

#getQuote a:hover {
	background: #9ada46;
}

img {
	border: none;
}

ul#portfolio {
	margin-bottom: 2em;
	list-style: none;
}

ul#portfolio li img {
	border: 1px solid #cee4f3;
	padding: 4px;
	background: #fff;
}

#our_work {
	width: 850px;
	height: 245px;
	margin: auto;
	padding-top: 25px;
	padding-left: 5px;
	padding-right: 55px;
}

#creative {
	width: 890px;
	height: 245px;
	margin: auto;
/*	background: url(../images/splashtext_home.png) no-repeat 0 43%; */

}

#error_creative {
	width: 890px;
	height: 245px;
	margin: auto;
	background: url(../images/splashtext_404.png) no-repeat 0 43%;

}


#about_creative {
	width: 890px;
	height: 245px;
	margin: auto;
		background: url(../images/splashtext_about.png) no-repeat 0 43%;
}

#contact_creative {
	width: 890px;
	height: 245px;
	margin: auto;
	background: url(../images/splashtext_contact.png) no-repeat 0 43%;
}

#about_creative ul {
	display: inline;
	position: relative;
	bottom: 0px;
}

#about_creative li {
	display: inline;
}

#about_creative li.active a {
	background: #fff;
}

#about_creative li a {
	background: #BAD4E5;
	padding: 8px 30px 8px 30px;
}

/*
#creative p, #our_work p {
	font-size: 1.6em;
	width: 500px;
	line-height: 1.4em;
	text-align: justify;
}

#creative .showcase {
	width: 480px;
	height: 100px;
	background: #fff;
	padding: 10px;
	border: 1px solid #c0dff7;
}*/

#content {
	width: 900px;
	padding-top: 25px;
	color: #717171;
	background: url(/images/footer_leaf_top.png) no-repeat left bottom;

	font-size: 1.1em;
}

#content.contactsection {
	padding-bottom: 80px;
}
/*
#content p {
	font-size: 1.2em;
	width: 500px;
	line-height: 1.4em;
	text-align: justify;
	margin-top: 10px;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
}
*/

#content p {
	margin-bottom:  15px;
}

.required {
	background: url(../required.png) 470px 15px no-repeat;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
}

.required:hover {
	background: #f2f7fc url(../required.png) 470px 15px no-repeat;
}

.contact_form div {
	border-top: 1px dashed #d9ebf9;
	width: 500px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
}

.last_form {
	border-bottom: 1px dashed #d9ebf9;
}

#content input, textarea {
	    outline:none;
	width: 300px;
	height: 25px;
	font-size: 14px;
	/*color: #666466;*/
	padding-top: 5px;
	padding-left: 5px;
	/*border: 1px solid #dddfe1;*/
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
}
/*
#content textarea {
	height: 120px;
	        background:#f3f4f4;
        color: #6F6F6F;
        border: solid 1px #DFDFDF;
}
*/
.checklist {
	background: #ffffcc;
	border: 2px solid #fbf0b7;
	float: right;
	font-size: 1.2em;
	width: 225px;
	padding: 30px 0 30px 45px;
	color: #930;
}

.checklist ul {
	list-style-image: url(../check.gif);
	margin: 0;
	padding: 8px 0 0 30px;
}

/** Footer Formating **/

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer {
	color: #666466;
	background: #f3f4f4 url(/images/footer_background.png);
	height: 98px;
	font-size: 1em;
	border-bottom: 8px solid #666466;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer .central {
	height: 98px;
	width: 770px;
	padding-left: 130px;
	background: url(/images/footer_leaf_bottom.png) no-repeat left;
}

#footer .contact {
	float: right;
}

#footer .copyright {
	float: left;
}

#footer .menu {
	margin-top: 15px;
	float: left;
	width: 100%;
}

#footer p {
	padding: 0;
	margin-top: 14px;
}

#footer li {
	display: inline;
}

#footer a {
	color: #666466;
	text-decoration: none;
	margin-right: 25px;
}

#footer a img {
	border: 0px;
}

#footer a:hover {
	text-decoration: underline;
}

#nav {


/*position:absolute;
	right:400px;
	top:30px;*/
	float: left;
	/*original
	margin-left:  40px;
	*/
	margin-left: 130px;
	margin-top: 23px;
	background: #048fc2;
}

#nav ul {
	margin: 0;
	overflow: hidden;
	list-style: none;
}

#nav li {
	float: left;

/*_display:inline;  :hack: double margin fix for IE6 */
	margin: 0 0 0 11px;
	padding: 0;
	background: none;
	font-size: 1.2em;
}

#nav a {
	display: block;
	color: #FFF;
	height: 27px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

#nav_home a {
	width: 55px;
}

#nav_about a {
	width: 75px;
}

#nav_portfolio a {
	width: 75px;
}

#nav_clients a {
	width: 85px;
}

#nav_blog a {
	width: 45px;
}

#nav_contact a {
	width: 94px;
}

#nav_quote a {
	width:  111px;
}

#nav span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(/images/navigation_sprite.png) no-repeat 0 0;
}

#nav_home span {
	background-position: 0 0;
}

#nav_about span {
	background-position: -64px 0;
}

#nav_portfolio span {
	background-position: -150px 0;
}

#nav_clients span {
	background-position: -237px 0;
}

#nav_blog span {
	background-position: -334px 0;
}

#nav_contact span {
	background-position: -391px 0;
}

#nav_home.active  span {
	background-position: 0 -54px;
}

#nav_about.active span {
	background-position: -64px -54px;
}

#nav_portfolio.active span {
	background-position: -150px -54px;
}

#nav_clients.active span {
	background-position: -237px -54px;
}

#nav_contact.active span {
	background-position: -391px -54px;
}

#nav_home a:focus span, #nav_home a:hover span {
	background-position: 0 -27px;
}

#nav_about a:focus span, #nav_about a:hover span {
	background-position: -64px -27px;
}

#nav_portfolio a:focus span, #nav_portfolio a:hover span {
	background-position: -150px -27px;
}

#nav_clients a:focus span, #nav_clients a:hover span {
	background-position: -237px -27px;
}

#nav_blog a:focus span, #nav_blog a:hover span {
	background-position: -334px -27px;
}

#nav_contact a:focus span, #nav_contact a:hover span {
	background-position: -391px -27px;
}

#body_home #nav_home span {
	background-position: 0 -54px;
}

.body_about #nav_about span {
	background-position: -64px -54px;
}

.body_portfolio #nav_portfolio span {
	background-position: -150px -54px;
}

.body_clients #nav_clients span {
	background-position: -237px -54px;
}

#body_blog #nav_blog span {
	background-position: -334px -54px;
}

#body_contact #nav_contact span {
	background-position: -391px -54px;
}


#nav_quote  span {
	background-position: -501px 0px;
}

#nav_quote a:focus span, #nav_quote a:hover span {
	background-position: -501px -54px;
}



#slidewrap {
	margin-top: 10px;
	width: 550px;
}

#slideshow {
	border: 1px solid #c0dff7;
}

.contact_form {
	list-style-type: none;
	font-size: 12px;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
}

fieldset {
	border: 0px;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
}

#contact_submit input {
	background: #8cc63f;
	color: #fff;
	padding: 10px;
	font-size: 1.2em;
	text-decoration: none;
	width: 50px;
}

.clear {
	clear: both;
}

    #status{
    outline:none;   
    width: 300px;
	height: 25px;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 5px;
    }
    .focusField{
        border:solid 1px #73A6FF;
        background:#EFF5FF;
        color:#046183;
    }
    .idleField{
        background:#f3f4f4;
        color: #6F6F6F;
        border: solid 1px #DFDFDF;
    }
    
    .status_parent {
	background: #f2f7fc url(../required.png) 470px 15px no-repeat;
	}

bor {
	border-left: 1px solid #ccc; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; border-top: 1px solid #ccc;
}


/* Image SlideShow */

#s3.pics {  
    height:  80px;  
    width:   270px;  
    padding: 0;  
    margin:  0;  
} 
 
#s3.pics img {  
    padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #fff;  
    width:  490px; 
    height: 260px; 
    top:  0; 
    left: 0 
} 

/*Project Info*/
#project_info {
	width:  250px;
	float:  left;
}

#project_header {
	border-bottom:  1px solid #eee;
	margin-bottom:  15px;
}

.all {
        background:#f9f9f9;
	margin-bottom:  15px;
	color: #046183;
}

#all_trigger {
	color: #046183;
}

#project_selection {
}

#project_selection li {
	list-style: none;
	display:  inline;

}

#project_selection li a {
	margin-right: 30px;
}


#recent_work {
	width:  600px;
	padding: 0px;
	margin-top: 30px;
}

#recent_work li {
	list-style: none;
	display: inline;
}

#recent_work li a img {
	margin-right: 10px;
	border: 1px solid #ccc; padding: 3px;
}


.all {background:#f9f9f9; border:1px solid #f1f1f1;position:relative;;overflow:hidden;height:auto;}
.all ul {font-size: 12px;color:#4c889c;}
.all ul li {float:left;width:24%;border-right: 1px solid #f1f1f1;margin:0 14px 0 0;background:transparent url(../img/sep_underline_right.png)no-repeat right bottom;}
.all ul li.four{width:23%;border-right:none;margin-right:0;}
.all ul li a {color: #666466;padding:1em 20px 1em;display:block;outline:none;}
.all ul li a:hover {padding-left:20px;background:transparent url(../img/icn_arrow_tiny_green.png) no-repeat 10px center; text-decoration: underline;}
.all ul li.current a {padding-left:20px;background:transparent url(../img/icn_arrow_tiny_green.png) no-repeat 10px center;color:#fff;}
/*a#all_trigger {position:absolute;right:1px;top:1em;padding-left:10px;background:transparent url(../img/icn_toggle_arrows_tiny_white.png) no-repeat left 2px;outline:none;}*/
a#all_trigger.two-line {top:3em;}
a#all_trigger.on {background-position:left bottom;}
a#all_trigger:hover {text-decoration:underline;}



/* Screenshots */


#screenshots li img {
	 padding: 5px; border:  1px solid #ccc; background: #eee;
	 
}
#screenshots {padding-top:0px; padding-bottom:1em; width:565px; float:  right;}
#screenshots ol, #screenshots ul {clear:both;}
#content.hasJS #screenshots ol {height:800px;}
#screenshots ol#pager {height:auto; }
#screenshots #pager li { display:block;float:left;text-align:center;margin-right:5px;margin-bottom: 15px;}
#screenshots #pager li a { font-size:10px;display:block;width:16px;height:16px;line-height:16px;background:#048fc2;color:#fff;outline:none; }
#screenshots #pager li a:hover, #screenshots #pager li.current a {background:#046183;color:#fff;}


#implemented li {
		list-style-type: circle;
	font-size: 11px;
	margin-left:  20px;
}

#content p a {
background: url(../arrow_link.jpg) no-repeat 0 4px;
padding-left:  15px;
color:	#046183;
}

#content p a:hover {
	text-decoration: underline;
}

#project_selection a {
color:	#046183;
}

#project_selection p {
	margin-top: 10px;
}

#project_selection a:hover {
	text-decoration: underline;
}


#project_selection img {
	border: 1px solid #cccccc;
	padding: 2px;
}

#project_selection a img {
	margin-top:  0px;
}

.bullet_number {
	font-size: 36px;
	float:  left;
	padding: 10px;
}

a#all_trigger {
	background: url(../arrow_down.jpg) 0 4px no-repeat;
	padding-left: 15px;
}

a#all_trigger.on {
	background: url(../arrow_up.jpg) 0 4px no-repeat;
}



ul.sidebar_icon_list{
	width:224px;
	margin:0 auto !important;
	overflow:hidden;
}
ul.sidebar_icon_list img{
	position:absolute;
	left:0;
	top:0;	
	border:0;
}
ul.sidebar_icon_list .small{
	display:inline;
	top:8px;
	left:8px;
}
ul.sidebar_icon_list,
ul.sidebar_icon_list li{
	list-style:none;
	padding:0;
	margin:0;
}
ul.sidebar_icon_list li{
	width:32px;
	height:32px;
	float:left;	
	line-height:32px;	
	text-align:center;
	position:relative;	
}
ul.sidebar_icon_list li img{
	-webkit-transition: opacity .5s linear;
	opacity:0;
	vertical-align:middle;
}
ul.sidebar_icon_list li img.small{
	opacity:0.6;
}
ul.sidebar_icon_list li:hover img{
	opacity:1;
}	
ul.sidebar_icon_list li:hover img.small{
	opacity:0;
}			
/*ul.sidebar_icon_list li:hover ~ li img{
	opacity:1;
}*/
ul.sidebar_icon_list li,
ul.sidebar_icon_list li img{
	float:left;
}
ul.sidebar_icon_list li strong{
	position:absolute;
	left:-9000px;
}