@charset "utf-8";
/* CSS Document */

/*Template Layout*/
body {
	background-color:#ade1ec;
	background-image:url(../images/page-bg.jpeg);
	background-position:top;
	background-repeat:repeat;
	margin:0px;
	padding:0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em; /* vertical spacing between your lines of text*/
	text-align:center; /*helps center the design for older browsers*/
}
a, a:link, a:visited {
	color:#078dab;
	outline: none; /*gets rid of dotted select lines after clicking an image link*/
}
a:hover {
	color:#ade1ec;
	text-decoration:none;
}
#bg_top { /*the design for the header*/
	background:url(../images/header.png) center top no-repeat;
	min-height: 100%; /*stick footer to bottom of the page*/
	text-align:left;
	width:100%;
	margin-top:80px;
}
#wrapper {
	width:972px;
	margin:0px auto;
}
#header {
	height:222px;
	width:972px;
	margin:0px auto;
}
#logo {
	width:300px; /*change this width and height to match your logo image*/
	height:92px;
	margin:40px 0 0 30px;/*the indent on the top and left side*/
	float:left;
}
#header_photos {
	width:420px;
	height:150px;
	float:right;
	margin:10px 15px 0 0;
}
#header_photos .one {
	width:118px;
	height:121px;
	background:url(../images/flower-photo-1.jpg) top left no-repeat;
	margin:18px 13px 0 0;
	float:left;
}
#header_photos .two {
	width:144px;
	height:149px;
	background:url(../images/flower-photo-2.jpg) top left no-repeat;
	margin:4px 13px 0 0;
	float:left;
}
#header_photos .three {
	width:118px;
	height:121px;
	background:url(../images/flower-photo-3.jpg) top left no-repeat;
	margin:18px 0px 0 0;
	float:left;
}

#search_container {
	width:180px;
	float:right;
	margin:0px;
}
#search_box {
	background-color:#FFF;
	border:1px solid #d2e8ec;
	padding:2px;
	width:125px;
	float:left;
	color:#999999;
}
.button {
	background:none;
	border:none;
	color:#078dab;
	font-size:20px;
	display:inline-block;
	cursor:pointer;
	padding:0px 0px 0px 0px;
	margin:1px 0px 0px 5px;
	float:left;
}
/*main content*/

#content_bg {
	background-color:#FFF;
	background:url(../images/content_bg_bubble.png) repeat-y left;
	min-height:200px;
}
#content {
	padding:20px;
}
.clear {
	margin:0px;
	padding:0;
	line-height:0;
	border:0;
	clear:both;
	visibility:hidden;
}
/* General Content*/
h1 {
	color:#078dab;
	font-size:30px;
	margin:0px;
	padding:0px;
}
h2 {
	color:#502d14;
	font-size:20px;
}
h3 {
	color:#88cfdf;
	font-size:18px;
}
.special_font {
}
/*side menu tag*/
#sidebar {
	margin-left:29px;
	float:left;
    width:180px;
    min-height: 200px;
}
.menu_string {
	width:178px;
	height:22px;
	margin:-20px 0 0 0;
	z-index:101; /*makes dropdown sit on top of flash & map*/
}
.menu_wrapper {
	width:178px;
	background:url(../images/tag-tile.jpg) repeat-y;
	/*margin:0 0 18px 0;*/
}
.menu_header {
	width:178px;
	background:url(../images/tag-top.jpg) no-repeat top;
}
.menu_footer {
	width:178px;
	background:url(../images/tag-bottom.jpg) no-repeat bottom;
	min-height:208px;
	padding-bottom:57px;
}
.menu_wrapper h3 {
	text-align:center;
	margin:0;
	padding:20px 0 0 0;
	color:#ded6c5;
	font-size:24px;
}
.menu_wrapper ul {
	width:178px !important;
	padding:5px 0 0 0 !important;
	margin:0 !important;
	list-style:none;
	color:#846324 !important;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.menu_wrapper ul li {
	margin:0 !important;
	padding:0 !important;
	list-style:none;
	float:left;
	clear:left;
}
.menu_wrapper ul li a {
	display:block;
	float:left;
	clear:left;
	padding:4px !important;
	text-decoration:none;
	width:170px !important;/*178*/
	text-align:center;
	color:#846324 !important;
	line-height:normal;
    background: none !important;
}
.menu_wrapper ul li a:hover {
	text-decoration:underline;
}

/*main content*/

#main_content {
	width:712px;
	float:right;
	margin:10px 30px 0 0;
}
#full_width {
	padding:10px 30px 10px 30px;
}
#slider-wrapper {
	margin:0 0 20px 0;
	height:262px;
}
#slider {
	float:left;
	width:468px;
}
#slider_corners_top {
	width:468px;
	height:4px;
	position:absolute;
	background:url(../images/banner_lg_top_corners.png) no-repeat;
	z-index:61;
}
#slider_corners_bottom {
	width:468px;
	height:4px;
	background:url(../images/banner_lg_bottom_corners.png) no-repeat bottom;
	z-index:61;
	position:absolute;
	margin-top:273px;
}

/*3 coloured boxes*/

.home_box_holder {
	clear:both;
}
.home_box_holder .box {
	width:224px;
	height:128px;
	float:left;
    display:block;
    text-decoration:none;
    margin:0 0 20px 0;
}
.home_box_holder .box .icon {
	width:68px;
	height:61px;
	margin:0px auto;
	padding-top:5px;
}
.home_box_holder .box .title {
	color:#675237;
	font-size:24px;
	margin:0 auto;
	text-align:center;
	padding-top:5px;
}
.home_box_holder .box .text {
	color:#675237;
	font-size:14px;
	margin:2px auto 0 auto;
	text-align:center;
}
.home_box_holder .box .text a,
.home_box_holder .box .text a:link,
.home_box_holder .box .text a:visited,
.home_box_holder .box .title a,
.home_box_holder .box .title a:link,
.home_box_holder .box .title a:visited{
	text-decoration:none;
	color:#675237;
}
.home_box_holder .box > div {
	width:224px;
	height:128px;
}
.home_box_holder .box .margin_right {
	margin-right:20px;
}
/*footer*/
#footer {
	height:46px;
	color:#078dab;
	padding:18px 20px 0 20px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	clear:both;
	background:url(../images/footer.png) no-repeat top left;
	text-align:center;
}
#footer a, #footer a:link, #footer a:visited {
	color:#078dab;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer ul {
	margin:0px auto;
	padding:0px;
	width:439px; /*change this width if you add more links to the footer*/
}
#footer li {
	margin:0 4px 0 4px;
	list-style:none;
	float:left;
}
/*rounded corners*/

/* @group rounded-corners pics */

.rounded_wrapper {
	position: relative;
}
.rounded_wrapper img {
	border-width: 0;
	border-style: none;
}
.rounded_wrapper div {
	height: 7px;
	position: absolute;
	width: 100%;
}
.rounded_wrapper .tl {
	top: 0;
	left: 0;
	background: url(../images/rounded_corners/tl.png) no-repeat left top;
}
.rounded_wrapper .tr {
	top: 0;
	right: 0;
	background: url(../images/rounded_corners/tr.png) no-repeat right top;
}
.rounded_wrapper .br {
	bottom: 0;
	right: 0;
	background: url(../images/rounded_corners/br.png) no-repeat right bottom;
}
.rounded_wrapper .bl {
	bottom: 0;
	left: 0;
	background: url(../images/rounded_corners/bl.png) no-repeat left bottom;
}
/* IE6 fix */
.ie6_width .tr {
	right: -1px;
}
.ie6_width .br {
	right: -1px;
}
.ie6_height .br {
	bottom: -1px;
}
.ie6_height .bl {
	bottom: -1px;
}
/* @end */


ul.ticks {
	float:left;
	margin:0px 0 30px 0; /*space at the bottom of the list*/
	padding:0px;
}
.ticks li {
	background:url(../images/icon_tick.gif) no-repeat left;
	line-height:25px; /*spacing between rows*/
	width:200px;
	float:left;
	margin:0 0px 0 0;
	padding:0 0 0 25px;
	display:block;
}


#button {
	height:44px;
	text-align:center;
}
.large {
}
.image_border {
	border:1px solid #dfdfdf;
	padding:3px;
}
ul.small_thumb {
	margin:10px 0px 0 0; /*indent on the top right*/
	padding:0px;
}
.small_thumb li {
	width:77px;
	height:76px;
	border:1px solid #dfdfdf;
	padding:3px;
	margin:0px 0px 10px 10px; /*padding on the right and bottom.*/
	list-style:none;
	float:right;
}
/*full width page*/
ul.ticklist {
	padding:0px 0px 0px 15px; /*indent whole list*/
}
ul.ticklist li {
	list-style:none;
	background-image:url(../images/icon_tick_sml.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 7px 0px;
	padding:0px;
	padding-left:20px;
	line-height:normal;
}
.service_table {
	border-bottom:1px solid #88cfdf;
}
.service_table td {
	padding:3px 8px;
	color:#078dab;
	font-size:12px;
	height:28px;
}
/*th {
	background-color:#88cfdf;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
	height:28px;
	text-align:center;
}*/
.row1 {
	background-color:#dbf1f5;
}
.row2 {
	background-color:#ecfcff;
}
/*right column*/

#column_right {
	width:250px;
	float:right;
	font-size:12px;
}
#main_left {

}

/*news blog page*/
.news_box_container {
	width:600px;
	margin-bottom:30px;
	height:130px;
}
.news_box_container .image {
	float:left;
	width:130px;
	height:130px;
	
}
.rounded {
}

/*Portfolio*/

.portfolio_box {
	width:431px;
	height:300px;
	float:left;
	margin-bottom:30px;
}
.margin_left {  /*this pushes the boxes across the page*/
	margin-left:18px;
}
.portfolio_box .image {
	width:410px;
	height:189px;
	border:1px solid #dedede;
	background-color:#f3f3f3;
	padding:9px;
	margin-bottom:5px;
}
.portfolio_box .portfolio_button {
	height:20px;
	clear:both;
	margin-top:10px;
	height:30px;
}
.portfolio_box .portfolio_button .titles {
	font-size:20px;
	float:left;
	width:330px;
	padding-top:5px;
	color:#037b8d;
}
.portfolio_box .more_button {
	float:right;
	margin:0 10px 0 0;
	width:56px;
	height:19px;
}
.portfolio_box .description {
	font-size:11px;
	margin-bottom:5px;
	color:#717171;
}
.portfolio_box .date {
	font-size:10px;
	height:20px;
	color:#999999;
	border-top:dashed 1px #e2e2e2;
	border-bottom:solid 2px #e2e2e2;
}
.portfolio_box .date ul {
	list-style:none;
	margin:0;
	padding:0;
}
.portfolio_box .date ul li {
	float:left;
	margin:0;
	padding:0 3px 0 3px;
}
.portfolio_box .date ul li a, .portfolio_box .date ul li a:link, .portfolio_box .date ul li a:visited {
	color:#88b5c8;
	text-decoration:none;
}
.portfolio_box .date ul li a:hover {
	text-decoration:underline;
}
.bottom_bar {
	height:25px;
	clear:both;
	background-color:#f3f3f3;
	margin:10px auto;
	text-align:center;
	padding:10px 0 0 0;
	border-bottom:1px solid #dedede;
}
.buttons {
	width:180px;
	float:right;
	margin-right:160px;
}
.view_all {
	width:110px;
	float:right;
	margin-right:100px;
	margin-top:-3px;
}
/*case study*/

.case_study_box_container {
	width:100%;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:5px;
	padding:5px 0;
}
.case_study_box_container .image {
	float:left;
	width:150px;
	margin:10px 0px 10px 22px;
}
.case_study_box_container .image img {
}
.case_study_box_container .text {
	float:right;
	width:72%;
	font-size:12px;
	padding:1px 0px;
}
.case_study_box_container .text p {
	padding:0px;
	margin:0px;
}
.case_study_box_container h2 {
	font-size:22px;
	margin:6px 0 10px 0;
	padding:0px;
}
.testimonial {
	width:97%;
	padding:10px;
	margin:15px 0 10px 0;
	background-color:#f7f9fa;
	border:1px solid #e5e5e5;
	font-style:italic;
}
.testimonial h3 {
	margin-top:0px;
}
/*contact*/

#contact_left_column {
	width:230px;
	float:left;
}
#contact_form_wrapper {
    
}
#map_wrapper {
	float:right;
	width:290px;
}
.left_details {
}
.left_details h1 {
	font-size:20px;
}
.left_details p {
	margin:15px 0 !important;
}
.contact_title {
	font-weight:bold;
	float:left;
	width:70px;
}
.contact_detail {
	float:left;
	width:100px;
	clear:right;
}
.forms {
	background-color:#FFFFFF !important; /*the important gets rid of the yellow google toolbar field style*/
	border:1px solid #c8cdd2 !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
	margin:3px 0px;
	padding:4px;
	width:240px;
}
#contact {
	border:0;
	width:360px;
}
#contact label {
	float:left;
	width:80px;
	margin-right:15px;
	clear:left;
	font-weight:bold;
	text-align:left;
	height:32px;
}
#contact .button {
	clear:right;
	margin-left:95px;
	margin-top:5px;
	text-transform:lowercase;
	background: url("../images/button_submit.gif") no-repeat;
	border:none;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:2px 0 0 0;
	width:115px;
	height:23px;
	color:#078dab;
}
#map {
	width:250px;
	height:48px;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	margin-bottom:10px;
	padding-top:5px;
}
#map .text {
	width:198px;
	float:left;
	font-size:12px;
	color:#666666;
}
#map .icon {
	width:32px;
	height:32px;
	float:right;
	margin-top:5px;
}
#map a, #map a:link, #map a:visited {
	text-decoration:none !important;
}
#map h3 {
	color:#000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	margin:3px 0 0 0;
	padding:0px;
}
.googlemap {
	width:280px;
	height:322px;
	float:right;
	border:4px solid #e2e2e2;
	margin-bottom:10px;
	color:#666666;
}
#connect_wrapper {
	width:290px;
	float:right;
}
#connect_wrapper h3 {
	margin:0;
	padding:0px 0 7px 0;
	font-size:20px;
	font-weight:normal;
	background:url(../images/underline.gif) bottom repeat-x;
}
ul#connect {
	margin:10px 0 0 0;
	padding:0px;
}
#connect li {
	float:left;
	margin:0px 8px 0 8px;
	padding:0px;
	list-style:none;
}
/*home page static*/

#featured_products {
	clear:both;
	padding-top:5px;
}
#featured_products h2 {
	background:url(../images/title_bar_long.gif) no-repeat top left;
	width:703px;
	height:29px;
	padding:7px 0 0 10px;
}
#banner {
	margin:0 0 20px 0;
	height:262px;
}
#banner2 {
	float:left;
	width:468px;
}
/*home page service boxes*/

.service_box_container {
	border-bottom:1px dashed #ddd6c4;
	margin-bottom:5px;
}
.service_box_container .image {
	float:left;
	width:67px;
	height:67px;
	margin:10px 0px 0px 22px;
}
.service_box_container .text {
	float:right;
	width:600px;
	font-size:12px;
	padding:12px 0px;
}
.service_box_container .text h2 {
	margin:0px 0 5px 0;
	padding:0px;
	font-size:22px;
}
.service_box_container .text p {
	padding:0px;
	margin:0px;
}
.pink {
	color:#f5bfcd;
}
.green {
	color:#99dcd3;
}
.yellow {
	color:#decf94;
}
/** Optional Stylesheet for Search Results Page **/

.phpsearch_wrapper {
	font-family:arial, sans-serif;
	font-size:small;
}
.phpsearch_header {
	background-color:#F0F7F9;
	border-top:1px solid #6B90DA;
	padding:4px;
	text-align:right;
}
.phpsearch_list, .phpsearch_list li {
	margin:5px 0;
	padding:0;
	list-style:none;
}
.phpsearch_list_item {
	padding:8px 0 8px 4px;
}
.phpsearch_list_item:hover {
	background-color:#EFEFEF;
}
.phpsearch_list_item h3 {
	font-size:medium;
	margin:0;
	padding:0;
	font-weight:normal;
}
.phpsearch_list_item p {
	margin:0;
	padding:0;
}
.phpsearch_importance {
	font-size:small;
	color:#999;
}
.phpsearch_link a {
	text-decoration:none;
}
.phpsearch_link a:hover {
	text-decoration:underline;
}
.phpsearch_error {
	background:#FEF1EC;
	color:#CD0A0A;
	border:1px solid #CD0A0A;
	margin:6px;
	padding:3px;
}
.phpsearch_pagination {
	text-align:center;
}
.phpsearch_pagination span {
	padding:0 4px;
}
.phpsearch_bn {
	font-size:large;
}
.phpsearch_pg {
	font-size:medium;
}
.phpsearch_input {
	font-size:17px;
}
.phpsearch_button {
	font-size:17px;
}
#phpsearch_admin {
}
