html {
	height: 100%;
}

html {
	background: #5398DA url(/img/bespoke/stdominic/back.png) repeat-x #dbf7ff left -150px;
}

body {
	background: #5398DA url(/img/bespoke/stdominic/bg.png) no-repeat center top;
	width: 100%;
    display: table;
}

#wrapper {
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
       
        padding: 0 10px 10px;
}



/*  Header
    ======  */
#header {
width:962px;
	height: 174px;
	position: relative;
        	background:  url(/img/bespoke/stdominic/header.png) no-repeat center top;
}

	#header h1 {
		position: relative;
		top: 10px;
		color:#fff;
		font-family: 'PlaytimeWithHotToddiesRegular';
		font-size:60px;
                line-height:60px;
                margin-bottom: 6px;
                text-shadow: 3px 3px 0 #333;
                filter:glow(color=#333333, strength=2px);
                max-height:125px;
                overflow:hidden;
	}

	#header p {
		position: relative;
		top: 16px;
		color:#fff;
		font-size: 1.4em;
	}

	#header #search {
		bottom: 0;
                height: 28px;
                line-height: 28px;
                padding: 7px 8px;
                position: absolute;
                right: 0;
                /*
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-radius-bottomleft: 8px;
		border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-radius-bottomright: 8px;
		border-bottom-right-radius: 8px;
		border: 1px solid #aed8df;
		box-shadow: 0 0 3px #a8d0d7;
                */
	}

        #header #search form {
            padding: 0;
            margin: 0;
        }

		#header #search input {
			-webkit-border-top-right-radius: 0;
			-webkit-border-radius-topright: 0;
			border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-webkit-border-radius-bottomright: 0;
			border-bottom-right-radius: 0;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-radius-bottomleft: 5px;
			border-bottom-left-radius: 5px;
		}

		#header #search .btn {
			padding-left: 15px;
			padding-right: 15px;
			-webkit-border-top-left-radius: 0;
			-webkit-border-radius-topleft: 0;
			border-top-left-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-webkit-border-radius-bottomleft: 0;
			border-bottom-left-radius: 0;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-radius-topright: 5px;
			border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-radius-bottomright: 5px;
			border-bottom-right-radius: 5px;
            height: 28px;
            margin: 0;
		}

/*  Nav
    ===  */
#nav {
}

	#nav ul {
		position: relative;
		z-index: 555;
		height: 46px;
                padding-top:20px;
		margin: 0;
		margin-bottom: 17px;
		list-style: none;

	}

	#nav ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

		#nav ul.dropdown ul {
			position:absolute;
			width: 170px;
			display: none;
			height: auto;
			margin:0;
			background-image: none;
			background-color: #0c2143;
                        padding-top:0 !important;
			box-shadow: 0 0 3px #97bac0;
			filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
		}

			#nav ul.dropdown ul li {
				display: block;
				float: none;
				margin: 0;
				border: none;
				background-image: none;
				background-color: #0c2143;
			}

                        #nav ul.dropdown ul li a {
                            font-size:12px !important;
                        }

		#nav ul li {
			margin: 0 5px;
			display: block;
			float:left;
			min-height: 36px;
			line-height: 36px;
		}

			#nav ul li a {
				display: block;
				min-height: 36px;
				line-height: 36px;
				padding: 0 12px;
				font-size: 1.4em;
                                font-family:arial;
                                color:#fff;
			}



#nav ul.dropdown ul ul {
	left: 100%;
	top: 0;
}

#nav ul.dropdown ul ul.left, #nav ul.dropdown ul ul.left ul {
	left: -100%;
}

#nav ul.dropdown li {
	display: inline-block;
	line-height:36px;
	position: relative;
}

#nav ul.dropdown li.more {
	padding-right: 36px;
}

#nav ul.dropdown li.more span {
	display: block;
	padding-top: 36px;
	height: 0;
	width: 50px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	cursor: pointer;
	background: url(/img/bespoke/stdominic/dropdown.png) no-repeat;
}

#nav ul.dropdown li li.more span {
	background-position: left -36px;
}

#nav ul.dropdown li li {
	clear: both;
	display: block;
	z-index: 1;
}

#nav ul.dropdown li a {
	display:block;
	padding: 0 10px;
}

											@media (max-width: 767px) {
												ul.dropdown, ul.dropdown ul {
													width:100%;
													position: relative;
												}

												ul.dropdown li {
													width: 100%;
													padding-right: 0 !important;
													position: relative;

												}

												ul.dropdown ul {
													left: 0 !important;
													text-indent: 14px;
												}

												ul.dropdown ul { text-indent:20px; }
												ul.dropdown ul ul { text-indent:40px; }
												ul.dropdown ul ul ul { text-indent:60px; }
												ul.dropdown ul ul ul ul { text-indent:80CFEDF4px; }

												ul.dropdown ul li.more span {
													background-position: left -36px !important;
												}

												ul.dropdown ul li.down > span {
													background-position: left top !important;
												}

												.extra {
													cursor: pointer;
												}

												.extra > a {
													display:none !important;
												}

												.extra:before {
													content: 'Menu';
													padding-left:10px;
                                                                                                        color:#fff;
												}
											}

.page-home #content {
	background: none;
	padding: 25px 14px 70px;
	min-height: 500px;
	position:relative;
        color:#111;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		color:white;
}

.home-block {
        width:180px;
        height:138px;
        float:left;
        padding:10px;
        overflow:hidden;
        color:#fff;
}

.home-block a,
.home-block h2 {
        color:#fff;
}

.home-block h2 {
        text-shadow: 0 0 2px #111;
}

#home-block-1 {
        background: url("/img/bespoke/stdominic/home-block-1.png") no-repeat center center transparent;
}

#home-block-2 {
        background: url("/img/bespoke/stdominic/home-block-2.png") no-repeat center center transparent;
}

#home-block-3 {
        background: url("/img/bespoke/stdominic/home-block-3.png") no-repeat center center transparent;
}

#content {
	background: #fff;
	padding: 25px 14px 70px;
	min-height: 500px;
	position:relative;
        color:#111;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
}
/*
::selection {
	background: #F47630; 
	}
::-moz-selection {
	background: #F47630; 
}

#content .guestbook-comments a,
#content .guestbook-comments a: hover{
        color: black;
}

.span-9 {
        width: 300px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color:#fff;
}

#content li, #content .search-url, 
.sj_app_please_choose, .sj_app_document_not_found, .sj_app_document_processing,
.please-choose, .document-not-found, .document-processing, 
p small {
    color:#fff;
}

.home-page #content a {
    color:#ffffff;
}

.home-page #content a:hover {
    color:#FFFF00;
}
#content a {
    color:#F00000;
}
*/
#footer {
    height: 10px;
    font-size: 13px;
    text-align: center;
    width: auto;
    color: white;
    line-height: 20px;
    border-top: 1px solid rgb(168, 202, 235);
    background: url("/img/bespoke/stdominic/awards.png") no-repeat scroll center center transparent;
    padding-top: 110px;
}


#footer small {
        font-size: 13px;
}

#footer a {
	color: inherit;
}

@media (max-width: 767px) {
	body {
	}

	#wrapper, #header, #nav, #content, #footer {
		width: auto;
	}

	#wrapper {
		padding: 0 10px 10px 10px;
	}

	#header {
		height: auto;
                min-height: 100px;
                padding: 10px 0 40px;
				background-size:100%;
	}

	#header h1 {
		top: 0;
		margin:0;
		line-height:1.2em;
		height: auto;
		margin-bottom: 6px;
                font-size:2.8em;
                max-height:none;
	}

	#header p {
		top: 0;
                font-size:14px;
	}

        #pic {
            width:400px;
            height:115px;
            background:url(/img/bespoke/stdominic/img_m.png) no-repeat;
        }

	#nav {
		height: auto;

	}

	#nav > ul {
		width: auto;
		background-image: none !important;
		background-color: #8DC5FD;
                padding: 0;
	}

	#nav ul.dropdown, #nav ul.dropdown ul {
		float: none;
		display: block;
		position: relative;
		width: auto;
		height: auto;
	}

	#nav ul.dropdown ul {
		border: none;
		box-shadow:none;
		margin: 0 !important;

	}

	#nav ul li {
		height: auto;
		margin: 0;
		border: none;
		float: none;
		line-height: auto;
		background-image: none !important;

	}

	#nav ul li ul li {
		border-top: 1px solid #fff !important;
	}
        
        #content .column {
                width: auto;
        }
        
        #content .element-slideshow .slideshow img {
                width:100% !important;
                height:auto !important;
        }
        
        #content .element-slideshow .slideshow {
                width:100% !important;
        }

        #content .element-image img {
                width:100% !important;
                height:auto;
        }
        
        #content img {
                height: auto;
                width: 100% !important;
        }
        
        #content .element object {
                width: auto !important;
        }
        
        #content .element object embed {
                widht: 320px !important;
        }
		
		#footer {
			background-size:70%;
		}
		
}


@media (max-width: 480px) {
		#header {
				min-height:50px;
		}
}