/* CSS Document */
html, body { height: 100%; }

/* RESET
************************************************************/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, address, form, fieldset, hr, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	z-index:1;
}
img, fieldset { border: none; }
a { text-decoration: none; }
li {
	list-style-type: none;
	display:inline;
}
a img { border: 0; }
abbr, label { cursor: pointer; }
table { border-collapse: collapse; }
img {
	vertical-align:middle;
}

/* GLOBAL
************************************************************/
body {
	background:#2c2c2c url(../img/bg_r.gif) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	line-height:150%;
	color:#cecece;
	padding-bottom:10px;
	width:100%;
	height:auto !important;
	min-height:500px;
	height:500px;
}
a {
	color:#3da1c2;
	text-decoration:none;
}
a:hover, a:focus {
	color:#3da1c2;
	text-decoration:underline;
}
a.btn {
	background:url(../img/btn_bg.gif) bottom left repeat-x;
	color:#3e3e3e;
	text-decoration:none;
	padding:5px;
	border-bottom:#5d0002 solid 1px;

}
#pageholder {
	text-align:left;
	margin:0 auto;
	width:950px;
}
body#homepage #pageholder {
}
#all {
}
p { margin: 1.02em 0; }

/* TOP
************************************************************/
#all #top {
	height:239px;
	position: relative;
}
#all #top .skipto {
	font-size:0;
	position:absolute;
	left:-4000px;
}
#all #top .skipto:active, #all #top .skipto:focus {
	background:#fff;
	font-size:100%;
	padding:13px 0px 0px 20px;
	position:absolute;
	left:0;
	outline:none;
}
#all #top h1 {
	font-size:12px;
	font-weight:normal;
	line-height:100%;
	margin:23px 0 0 0;
	padding:0;
	float:left;
	display:inline;
}
#all #top h1 a {
	color:#faf1e8;
	text-decoration:none;
}
#all #top h1 a:focus, #all #top h1 a:active {
	outline:#6C6C6C solid 1px;
}
#all #top #testimonials {
	margin:20px 20px 0 0;
	width:571px;
	height:90px;
	overflow:hidden;
	float:right;
	display:inline;
	clear:right;
}
#all #top .testimonial {
	background:url(../img/quotemark_start.gif) 0 0 no-repeat;
	padding:5px 0px 0 30px;
	margin-bottom:50px;
	width:541px;
}
#all #top .testimonial cite {
	background:url(../img/quotemark_end.gif) bottom right no-repeat;
	padding:0px 30px 7px 0px;
	display:block;
}
#all #top .testimonial p {
	margin:0;
	
}
#all #top .callme {
	background:url(../img/top_call_me.jpg) top left no-repeat;
	text-indent:-4000px;
	width:340px;
	height:90px;
	float:right;
	display:inline;
}

/* MAINNAV
************************************************************/
#all #navitems {
}
#all #mainnav {
	margin:10px 20px 0 0;
	height:auto !important;
	height:30px;
	min-height:30px;
	float:right;
	display:inline;
	clear:right;
}
#all #mainnav li {
	display:inline;
}
#all #mainnav li a {
	background-position:0 -30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height: 100%;
	text-indent:-4000px;
	color:#000;
	margin-left:10px;
	height:auto !important;
	height:30px;
	min-height:30px;
	float:left;
	display:inline;
}
#all #mainnav li a:hover, #all #mainnav li a:active, #all #mainnav li a:focus {
	background-position:0 0;
	outline:none;
}
#all #mainnav li.home a {
	background-image:url(../img/menu_home.gif);
	width:80px;
}
#all #mainnav li.services a {
	background-image:url(../img/menu_services.gif);
	width:80px;
}
#all #mainnav li.blog a {
	background-image:url(../img/menu_blog.gif);
	width:80px;
}
#all #mainnav li.galleries a {
	background-image:url(../img/menu_galleries.gif);
	width:80px;
}
#all #mainnav li.contact a {
	background-image:url(../img/menu_contact.gif);
	width:80px;
}
#all #mainnav li.newsletter a {
	background-image:url(../img/menu_newsletter.gif);
	width:100px;
}
#homepage #all #mainnav li.home a,
#services #all #mainnav li.services a,
#blog #all #mainnav li.blog a,
#galleries #all #mainnav li.galleries a, #gallery #all #mainnav li.galleries a,
#contact #all #mainnav li.contact a,
#newsletter #all #mainnav li.newsletter a {
	background-position:0 0;
}


/* CONTENT
************************************************************/
#all #content {
	padding:10px 0px 0px;
	width:950px;/*950*/
	float:left;
	display:inline;
}
#all #content h2 {
	font-size:150%;
	font-weight:normal;
	margin:1em 0 .5em;
}
#all #content h3 {
	color:#3da1c2;
	font-size:116.66%;
	font-weight:normal;
	margin:10px 0 3px;
	clear:both;
}
#all #content h4 {
	font-size:120%;
	font-weight:normal;
	color:#a1001d;
	margin:3px 0 3px;
	clear:both;
}
#all #content p {
	text-align:justify;
	margin:1em 0;
}
#all #content .date {
	color:#707070;
	margin:0;
}
#all #content .text {
	margin:0;
}
#all #content .more, #all #content .back {
	padding:0;
	margin:0;
	clear:both;
}
#all #content .more a {
	background:url(../img/more_bg.gif) center right no-repeat;
	text-align:right;
	margin:0 0px 0 0;
	padding: 0 20px 0 0;
	display:block;
}

#all #content .back a {
	background:url(../img/back_bg.gif) center right no-repeat;
	text-align:right;
	margin:0 0px 0 0;
	padding: 0 20px 0 0px;
	display:block;
}

#all #content ul {
	margin:1.02em 0 1.02em 30px;
	line-height:150%;
}
#all #content ul li {
	display:list-item;
	list-style-type:disc;
}

/* SUBNAV ITEMS
************************************************************/


/* MAIN CONTENT
************************************************************/
#all #content #maincontent {
	width:630px;
	float:left;
	display:inline;
}
#all #content #maincontent h2 {
}
#all #content #maincontent h3 {
}
#all #content #maincontent p {
}
#all #content #maincontent ul {
	margin:1.02em 0 1.02em 50px;
	line-height:150%;
}
#all #content #maincontent ul li {
	background:url(../img/bulletstar.gif) 0 4px no-repeat;
	padding:0 0 0 14px;
	display:block;
	list-style-type:none;
}

/* ADDITIONAL CONTENT
************************************************************/
#all #additionalcontent {
	width:300px;
	float:right;
	display:inline;
}

/* CONTENT FOR FRONTPAGE
************************************************************/
#all #content .about {
	background:#3a3a3a url(../img/about_bg.gif) bottom left no-repeat;
	padding:0 0 30px 0;	
}
#all #content .about h2 {
	background:url(../img/header_about.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 20px 0;
	width:630px;
	height:41px;
}
#all #content .about p {
	padding:0 20px;
}
#all #content .servicesbox {
	background: url(../img/box_top_bg.gif) 0 42px no-repeat;
	margin:10px 0 0 0;
	padding:0 0 30px 0;
	float:left;
}
#all #content .servicesbox h2 {
	background:url(../img/header_services.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 20px 0;
	border-bottom:#333333 solid 1px;
	width:630px;
	height:41px;
}
#all #content #maincontent .servicesbox ul.services {
	margin:0 10px;
}
#all #content #maincontent .servicesbox ul.services li {
	padding:0;
	display:inline;
}
#all #content #maincontent .servicesbox ul.services li a {
	margin:25px 0 0 20px;
	/*width:130px;*/
	width:260px;
	float:left;
	display:inline;
	position:relative;
}
#all #content #maincontent .servicesbox ul.services li a .subtitle {
	background:url(../img/medium_photoframe.png) top left no-repeat;
	font-size:11px;
	text-align:center;
	/*padding:85px 0 0 0;
	/*width:130px;*/
	padding:170px 0 0 0;
	width:260px;
	position:absolute;
	top:0;
	left:0;
}
#all #content .newsbox {
	background: url(../img/box_top_bg.gif) 0 42px no-repeat;
	margin:10px 0 0 0;
	padding:0 0 30px 0;
	float:left;
	display:inline;
	clear:both;
}
#all #content .newsbox h2 {
	background:url(../img/header_blog.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 10px 0;
	border-bottom:#333333 solid 1px;
	width:630px;
	height:41px;
}
#all #content .newsbox p {
	margin:0px 20px 0;
	padding:10px 0 0 0;
	width:590px;
	clear:both;
}
#all #content .newsbox .newsitem {
	background:url(../img/hr.gif) bottom left repeat-x;
	padding:10px 0;
	width:630px;
	float:left;
	display:inline;
	clear:left;
}
#all #content .newsbox .newsitem h3 {
	margin:0 0 10px 20px;
}
#all #content .newsbox .newsitem p {
	margin:0 20px 5px 0;
	padding:0;
	width:440px;
	float:right;
	display:inline;
	clear:none;
}
#all #content .newsbox .newsitem .image {
	margin:0 0 0 20px;
	width:130px;
	height:85px;
	position:relative;
	float:left;
}
#all #content .newsbox .newsitem .image span {
	background:url(../img/small_photoframe.png) top left no-repeat;
	font-size:11px;
	text-align:center;
	width:130px;
	height:85px;
	position:absolute;
	top:0;
	left:0;
}
/****/

#all #content .newsbox .newsarticle {
	background:url(../img/hr.gif) bottom left repeat-x;
	padding:10px 0;
	width:630px;
	float:left;
	display:inline;
	clear:left;
}
#all #content .newsbox .newsarticle h3 {
	margin:0 0 10px 20px;
}
#all #content .newsbox .newsarticle p {
	margin:0 20px 5px 20px;
	padding:0;
	/*float:right;
	display:inline;
	clear:none;*/
}
#all #content .newsbox .newsarticle .image {
	margin:0 0 0 20px;
	width:130px;
	height:85px;
	position:relative;
	float:left;
}
#all #content .newsbox .newsarticle .image span {
	background:url(../img/small_photoframe.png) top left no-repeat;
	font-size:11px;
	text-align:center;
	width:130px;
	height:85px;
	position:absolute;
	top:0;
	left:0;
}

/* GALLERY SLIDESHOW BOX
***********************************************************/
#all #content .galleryslideshowbox {
	background: url(../img/box_small_top_bg.gif) 0 42px no-repeat;
	margin: 0 0 0;
	padding:0 0 30px 0;
}
#all #content .galleryslideshowbox h2 {
	background:url(../img/header_sample_shots.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 25px 0;
	border-bottom:#333333 solid 1px;
	width:300px;
	height:41px;
}
#all #content .galleryslideshowbox ul {
	background:url(../img/gallery_slideshow_bg.gif) top left no-repeat;
	width: 300px;
	height: 196px;
	padding:0;
	margin:0;
	overflow: hidden;
}
#all #content .galleryslideshowbox ul li {
	display:inline;
	list-style-type:none;
	top:0;
	left:0;
}
#all #content .galleryslideshowbox ul li a {
	outline:none;
}
#all #content .galleryslideshowbox ul img {
	height: 175px;
	width: 251px;
	padding: 5px 25px;
}
#slideshowNav {
	margin:0 30px 0 0;
	float:right;
	display:inline;
}
#slideshowNav a {
	background:url(../img/slideshow_emptydot.gif) top left no-repeat;
	text-indent:-4000px;
	outline:none;
	margin:0 0 0 2px;
	width:10px;
	height:10px;
	float:left;
	display:inline;
}
#slideshowNav a.activeSlide {
	background-image:url(../img/slideshow_fulldot.gif);
}

/* CONTACT FORM (QUICK)
************************************************************/
#all #content .freequotebox {
	background: url(../img/box_small_top_bg.gif) 0 42px no-repeat;
	margin: 0 0 0;
	padding:0 0 15px 0;
}
#all #content .freequotebox h2 {
	background:url(../img/header_get_a_quote.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 25px 0;
	border-bottom:#333333 solid 1px;
	width:300px;
	height:41px;
}
#all #content #fq {
	margin:0;
}
#all #content #fq fieldset {
	margin:0;
}
#all #content #fq label {
	margin:0;
	padding:0px 0 0 20px;
	width:110px;
	float:left;
	display:inline;
	clear:both;
}
#all #content #fq label.error {
	color: #ff0000;
	vertical-align: top;
	padding:0px 20px 10px;
	width:260px;/*300*/
	float: left;
	display:inline;
}
#all #content #fq input {
	background:url(../img/textfield_150_bg.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9f9f;
	margin:0 20px 10px 0;
	padding:3px 5px 2px;
	border:0;
	border:none;
	height:15px;/*20*/
	width:140px;
	float:right;
	display:inline;
}

#all #content #fq select {
	background:url(../img/textfield_150_bg.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9f9f;
	margin:0 20px 10px 0;
	padding:2px 0px 0px 2px;
	border:0;
	border:none;
	height:20px;/*20*/
	width:150px;/*150*/
	float:right;
	display:inline;
}

#all #content #fq select option {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9f9f;
	margin:0 0px 0 0;
	padding:2px 3px 2px 3px;
	border:0;
	border:none;
}

#all #content #fq textarea {
	background:url(../img/textarea_260_bg.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9f9f;
	margin:7px 20px 10px 0;
	padding:3px 5px 2px;
	border:0;
	border:none;
	height:105px;/*110*/
	width:250px;
	float:right;
	display:inline;
}
#all #content #fq input.submit {
	background:url(../img/submit_100_bg.gif) top left no-repeat;
	text-align:center;
	color:#3a3a3a;
	padding:0 0 3px;
	width:100px;
	height:20px;
}
#all #content #fq input.submit:hover {
	color:#ffffff;
	cursor:pointer;
}

/* NEWSLETTERBOX
************************************************************/
#all #content .newsletterbox {
	background: url(../img/box_small_top_bg.gif) 0 42px no-repeat;
	margin: 0 0 0;
	padding:0 0 20px 0;
}
#all #content .newsletterbox h2 {
	background:url(../img/header_newsletter.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 20px 0;
	border-bottom:#333333 solid 1px;
	width:300px;
	height:41px;
}
#all #content .newsletterbox p {
	margin:0 20px;
}
#all #content #nl {
	padding:12px 0 0 0;
}
#all #content #nl fieldset {
	
}
#all #content #nl input {
	background:url(../img/textfield_170_bg.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9f9f;
	margin:0 0 10px 20px;
	padding:3px 5px 2px;
	border:0;
	border:none;
	height:15px;/*20*/
	width:160px;
	float:left;
	display:inline;
}
#all #content #nl input.submit {
	background:url(../img/submit_80_bg.gif) top left no-repeat;
	text-align:center;
	color:#3a3a3a;
	margin:0 20px 10px 0;
	padding:0 0 3px;
	width:80px;
	height:20px;
	float:right;
}
#all #content #nl input.submit:hover {
	color:#ffffff;
	cursor:pointer;
}


#all #content #nl label {
	margin:0;
	padding:0px 0 0 20px;
	width:110px;
	float:left;
	display:inline;
	clear:both;
}
#all #content #nl label.error {
	color: #ff0000;
	vertical-align: top;
	padding:0px 20px 10px;
	width:260px;/*300*/
	float: left;
	display:inline;
}

/* CONTENT FOR SUBPAGE
************************************************************/
#all #content #subsitecontent {
	width:465px;
	float:left;
	display:inline;
}
#all #content .contentbox {
	background: url(../img/box_sub_top_bg.gif) 0 42px no-repeat;
	margin:10px 0 0 0;
	padding:0 0 30px 0;
	float:left;
	display:inline;
	clear:both;
}
#all #content .contentbox h2 {
	/*background:url(../img/header_sub_services.gif) top left no-repeat;*/
	text-indent:-4000px;
	margin:0 0 10px 0;
	border-bottom:#333333 solid 1px;
	width:465px;
	height:41px;
}
#all #content #additionalsubsitecontent {
    width:465px;
    float:right;
    display:inline; 
}

#all #content #gallery {
	margin:10px 0 0 0;
	padding:0 0 30px 0;
	float:left;
    display:inline; 
}

/* GALLERY
************************************************************/

#all #content .gallery {
	margin-top:51px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:580px;
}

#all #content .gallerymain {
	margin:51px 20px 0 0;
	padding:0;
	float:right;
	width:920px;
}

#all #content .gallery li {
	margin:0;
	padding-right:5px;
	list-style-type:none;
	width:135px;/*135*/
	float:left;
	display:inline;
}

#all #content .gallerymain li {
	margin:0;
	padding:24px;
	list-style-type:none;
	width:135px;/*135*/
	float:left;
	display:inline;
}

#all #content .gallery h3{
	text-align:center;
	font-weight:bold;
	color:#fff;
}

#all #content .gallerymain li h3{
	margin:0;
	padding:0 0 0 10px;
	width:162px;
	float:left;
	display:inline;
	text-align:center;
	font-weight:bold;
	color:#fff;
}

#all #content .gallery li a {
	background:url(../img/gallery_frame_bg.gif) top left no-repeat;
	margin:0 0 5px 5px;
	padding:5px;
	width:125px;/*135*/
	height:97px;/*107*/
	float:left;
	display:inline;
	clear:left;
}

 #all #content .gallerymain li a {
	background:url(../img/gallery_frame_bg2.gif) top left no-repeat;
	margin:0 0 10px 10px;
	padding:5px;
	width:162px;/*172*/
	height:122px;/*122*/
	float:left;
	display:inline;
	clear:left;
}

#all #content .gallery li a:hover {
	background-position:0 -107px;
}

#all #content .gallerymain li a:hover {
	background-position:0 -140px;
}

#fancy_nav a {
	outline:none;
}

/* BLOG
************************************************************/
#all #content .pagination {
	text-align:right;
	clear:left;
}

/* CONTACT FORM
************************************************************/


/* FOOTER
************************************************************/
#footer {
	background: url('../img/footer_bg.gif') top left no-repeat;
	font-size:11px;
	color:#fff;
	margin:0px 0 0px 0;
	padding:40px 0px 8px 0px;
	width:950px;
	height:auto !important;
	height:28px;/*46*/
	min-height:28px;
	position:relative;
	clear:both;
	float:left;
	display:inline;
}
#footer p {
	color:#707070;
	margin:0;
	padding:0;
}
#footer .copyright {
	padding:0px 0 0px 20px;
	float:left;
}
#footer .design {
	padding:0px 20px 0px 0;
	float:right;
}
#footer a {
}
#footer a:hover, #footer a:active, #footer a:focus {
}
