/*
	Opus Occasions - 2009 Build, with 2011 tweaks
	Version 5.0
	Codename: Sparrow

	Built by Ben from subduedmedia
*/

 * {
	margin : 0;
	padding : 0;
	text-decoration : none;
	border : 0;
	outline: 0;
}

a:link, a:visited, a:active{
	text-decoration : none;
	color: #fff;
}

a:hover{
	color : #fff;
	text-decoration : none;
}

 body {
	color : #dcdcdc;
	text-align : center;
	background : #000000 url(images/template/body-bg.gif) no-repeat scroll center top;
	height: 100.1%;
	font : 75.5% Arial, Tahoma, Verdana, sans-serif;
}


p {
	margin : 0.1em 0 1em 0;
	font-size : 1.1em;
	line-height : 1.5em;
}

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

@font-face {
    font-family: 'GentiumBasicRegular';
    src: url('css/font/GenBasR-webfont.eot');
    src: url('css/font/GenBasR-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/GenBasR-webfont.woff') format('woff'),
         url('css/font/GenBasR-webfont.ttf') format('truetype'),
         url('css/font/GenBasR-webfont.svg#GentiumBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GentiumBasicBold';
    src: url('css/font/GenBasB-webfont.eot');
    src: url('css/font/GenBasB-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/GenBasB-webfont.woff') format('woff'),
         url('css/font/GenBasB-webfont.ttf') format('truetype'),
         url('css/font/GenBasB-webfont.svg#GentiumBasicBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	font: normal 1.7em GentiumBasicRegular, georgia, times new roman, serif;
	margin : 0 0 0.8em 0;
	line-height: 145%;
	text-align: left;
}



h2 {
	font: normal 1.3em GentiumBasicRegular, georgia, times new roman, serif;
	margin : 0.6em 0 1.2em 0;
	line-height: 145%;
	text-align: left;
}

h3 {
	font: normal 1.3em GentiumBasicRegular, georgia, times new roman, serif;
	margin : 1.4em 0 0.2em 0;
	line-height: 145%;
	text-align: left;
}

#nav span.amp {
	color: #3e3e3e;
	font-size: 0.8em;
	font-style: italic;
}

#content span.amp, #content-double span.amp {
	font-size: 1.1em;
	font-style: italic;
}

hr {
	color: #5b5b5b;
	background-color: #5b5b5b;
	height: 1px;
	width: 50%;
	margin:  4% 25%;
}

#wrap {
	width: 940px;
	margin: 20px auto 0 auto;
	text-align: left;
}

#logo{
    width: 145px;
    height: 85px;
    background: url(images/template/body-logo.gif);
    display: block;
	 margin-left: 755px;
	 margin-bottom: 20px;
}

#logo img{
    display: none
}

/* --------------------------------------------------------------   Main Navigation */

#nav {
	border-bottom: 1px solid #333;
	width: 940px;
	font: normal 1.6em GentiumBasicRegular, GentiumBasicRegular, georgia, times new roman, serif;
	letter-spacing: -0.5px;
	margin-bottom: 0px;
}

ul#navlist {
	white-space: nowrap;
	padding-bottom: 7px;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding: 7px 14px 0px 0; 
}

#navlist a:link, #navlist a:visited {
	color: #a3a3a3;
	text-decoration: none;
}

#navlist a:hover {
	color: #fff;
}

#current a:link, #current a:visited, #current a:hover{
	color: #fff;
}
/* --------------------------------------------------------------   Sidebar Navigation */

#menu-sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu-sidebar ul li a {
	font: normal 1.2em GentiumBasicRegular, georgia, times new roman, serif;
	display: block;
	padding: 7px 5px 7px 20px;
	width: 165px;
	color: #a3a3a3;
	text-decoration : none;
	background: url(images/template/nav-circle-off.gif) no-repeat 0 50%;
}

#navcontainer a:link, #sidenav a:visited {
	text-decoration: none;
}

#menu-sidebar  ul li a:hover {
	color: #fff;
	background: url(images/template/nav-circle-hover.gif) no-repeat 0 50%;
}

#current2 a:link, #current2 a:visited, #current2 a:hover{
	color: #fff;
	background: url(images/template/nav-circle-active.gif) no-repeat 0 50%;
}

#menu-sidebar {
	padding-bottom: 150px;
}


body #menu-sidebar a.social-facebook {
	display: block;
	background: url(images/template/icon-facebook.gif) no-repeat 0 -30px;
	font: normal 1.2em GentiumBasicRegular, georgia, times new roman, serif;
	margin: 1.2em 0 1em 0;
	padding: 3px 0 8px 25px;
	color: #dee7f2;
}

body #menu-sidebar a.social-facebook:hover {
	background-position: 0 0;
	color: #5886bc;
}


/* --------------------------------------------------------------   Content Wrapping */

		/* Left-hand menu - regardless of page */
#menu-sidebar {
	width: 220px;
	float: left;
	margin-top: 20px;
}

		/* Content DIV without right-sidebar */
#content-double {
	width: 700px;
	float: right;
	padding-bottom: 20px;
	margin-top: 20px;
}

#content-double a:link, #content-double a:visited, #content-double a:active, #content-double a:hover{
	text-decoration : underline;
}

		/* Content DIV full wrap-width */
#content-full {
	width: 940px;
	overflow: auto;
}

#content-full a:link, #content-full a:visited, #content-full a:active, #content-full a:hover{
	text-decoration : underline;
}

/* --------------------------------------------------------------   Content Style */

.aston {
	font-size: 1.1em;
}

.copy-image {
	margin: 0 0 15px 30px;
	padding: 2px 2px 0 2px;
	background: #000 url(images/template/gallery-images-bg.gif) repeat-x;
	float: right;
	}
	
.copy-image-left {
	margin: 0 15px 15px 0;
	padding: 1px 1px 0 1px;
	background: #000 url(images/template/gallery-images-bg.gif) repeat-x;
	float: left;
	}
	
.copy-image-left-plain {
	margin: 15px 15px 15px 0;
	float: left;
	}

.image-left {
	margin: 0 15px 15px 0;
	float: left;
	}
	
.image-right {
	margin: 0 0 15px 15px;
	float: right;
	}
	
#map {
	width: 230px;
	height: 390px;
	float: right;
	background: #fff;
	margin: 0 0 15px 30px;
	color: #333;
}

/* --------------------------------------------------------------   News Styles */

.news-date {
	font-size: 0.9em;
	color: #a3a3a3;
	padding-right: 5px;
}

/* --------------------------------------------------------------   Homepage Styles */

#promo {
	width: 530px;
	float: left;
	padding-bottom: 20px;
}

#promo-right {
	width: 500px;
	float: left;
	padding: 40px 0 20px 30px;
}

#case {
	width: 940px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 0 0 25px 0;
	padding: 5px 0 15px 0;
}

#case img {
	margin: 10px 10px 0 10px;
}

#promo-spread {
	background: url(images/template/home-random/homeimage.php) no-repeat top right;
	width: 940px;
	height: 430px;
}

.home-welcome {
	margin-top: 2em;
	font-size: 2.3em;
	letter-spacing:-0.5px;
}

/* --------------------------------------------------------------   Features */

#features {
	width: 940px;
	background: url(images/template/feature-bg.png) no-repeat;
	clear: both;
	margin-bottom: 10px;
	padding: 5px 0;
	overflow: auto;
	padding-bottom: 15px;
}

#features h3 {
	font: normal 1.3em GentiumBasicRegular, georgia, times new roman, serif;
	margin: 0 0 0.1em 0;
	padding: 0;
}

#features p {
	font-size: 0.9em;
}

#features p a {
	color: #a3a3a3;
}

#features p a:hover {
	color: #fff;
}

#features div {
	width: 205px;
	padding: 8px 12px 0px 18px;
	float: left;
}

/* --------------------------------------------------------------   Gallery Images */

.gallery {
	margin: 0px 18px 18px 0px;
	padding: 2px 2px 0 2px;
	background: url(images/template/gallery-images-bg.gif) repeat-x;
	}

/* --------------------------------------------------------------   Footer */

#footer {
	width: 900px;
	clear: both;
	text-align: center;
	margin-bottom: 2em;
	padding-top: 75px;
	font-size: 0.9em;
	background: url(images/template/body-footer-o.gif) no-repeat top center;
	line-height: 155%;
}


#footer, #footer a {
	color: #5b5b5b;
	text-decoration : none;
}


.missing {
	display: block;
	text-indent: -999px;
}

/* --------------------------------------------------------------   Real Opus Brides */

.realbrides {
	clear: both;
	margin-top: 10px;
}

.realbrides-image {
	float: left;
	margin-bottom: 10px;
}

.realbrides-left {
	float: left;
	margin-bottom: 10px;
}

.realbrides-right {
	float: right;
	margin-bottom: 10px;
}

.realbrides-testimonial-right {
	width: 200px;
	padding: 170px 0 60px 10px;
	font: normal 1.7em/120% GentiumBasicRegular, georgia, times new roman, serif;
	float: right;
}

.realbrides-testimonial-right2 {
	width: 480px;
	padding: 90px 0 60px 10px;
	font: normal 1.7em/120% GentiumBasicRegular, georgia, times new roman, serif;
	float: right;
}

.realbrides-testimonial-left {
	width: 190px;
	padding: 60px 10px 60px 0px;
	font: normal 1.7em/120% GentiumBasicRegular, georgia, times new roman, serif;
	float: left;
	display: inline;
}

/* --------------------------------------------------------------   Error Pages */

#error {
	width: 500px;
	margin: 40px 0 0 40px;
	text-align: left;
}

#error a {
	text-decoration: underline;
}

/* --------------------------------------------------------------   Staff Profiles */

p.staff-photo {
	margin: -1.5em 0 3.5em 0;
	text-align: center;
}

.staff-row {
	width: 700px;
	clear: left;
	margin: 0.2em 0 2.5em 0;
}

.staff {
	float: left;
	width: 330px;
	padding-right: 20px;
}

.staff h2 {
		border-bottom: 1px solid #333;
		padding-bottom: 3px;
		margin: 0 0 0.3em 0;
}

/* --------------------------------------------------------------  Contact Us Form */


 fieldset {
	font-weight: bold;
	position: relative; margin-top:1em; padding-top:.75em;
}

legend {
	font-weight: bold;
	position:absolute; top: -.5em; left: .5em;
}

label {
	display: block;
	padding-top: 1.3em;
}

.formtextbox {
	width: 320px;
	border-top: 1px solid #9B9B9B;
	border-left: 1px solid #AA8D8D;
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	padding: 0.3em;
	font-weight: bold;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	-moz-border-radius: 5px; /*Naughty, using styles for only one browser */
	-webkit-border-radius: 5px; /*Naughty, using styles for only one browser */
}

textarea {
	width: 320px;
	height: 90px;
	border-top: 1px solid #AA8D8D;
	border-left: 1px solid #AA8D8D;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px; /*Naughty, using styles for only one browser */
	-webkit-border-radius: 5px; /*Naughty, using styles for only one browser */
}



.submit {
	background : #111;
	border: 2px solid #333;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	padding: 0.3em 0.6em;
	text-align: center;
	margin: 2em 0 2em 0;
	display: block;
	-moz-border-radius: 5px; /*Naughty, using styles for only one browser */
	-webkit-border-radius: 5px; /*Naughty, using styles for only one browser */
}

input.radio {
	float: left;
	margin-right: 0.5em;
}

















/* --------------------------------------------------------------   Slimbox */


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #160e15;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 7px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font: normal 1em georgia, times new roman, serif;
	color: #3B0037;
	line-height: 2em;
	text-align: left;
	border: 7px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbNumber {
font-size: 0.8em;
color: #9d85a9;
}

/* FAQ > Accordian */

#accordion {
}

/* accordion header */
#accordion h3 {
margin-top: 1em;
color: #9b9b9b;
}

/* currently active header */
#accordion h3.current {
	cursor:default;
	color:#fff;
}

/* accordion pane */
#accordion div.pane {
	/*display:none;*/
}

/* a title inside pane */
#accordion div.pane h3 {
}

/* --------------------------------------------------------------   Tablet PC styles */

@media screen and (max-width: 768px) {

body {

}

h1 {
	font-size: 1.4em;
}

#wrap {
	width: 94%;
	margin: 0 3%;
}

#header, #nav, #footer {
	width: 100%;
	text-align: center;
}

#logo {
	margin: 20px auto 25px auto;
}

ul#navlist {
	white-space: normal;
	line-height: 170%;
	font-size: 0.9em;
}

#content-double {
	width: 70%;
}

#content-double img {
	max-width: 100%;
	height: auto;
	float: none;
}

#menu-sidebar {
	width: 25%;	
}

#menu-sidebar ul li a {
	width: 100%;
	padding: 6px 0;
	background-image: none;
}

#menu-sidebar, #menu-sidebar ul li a:hover {
	background-image: none;
}

#current2 a:link, #current2 a:visited, #current2 a:hover, #menu-sidebar ul li#current2 a:hover{
	color: #fff;
	background: url(images/template/nav-circle-active.gif) no-repeat 0 50%;
	padding-left: 20px;
}

#features {
	background: none;
	width: 100%;
/*	border-top: 1px solid #222;
	padding: 30px 0 5px 0; */
}

#features div{
	width: 40%;
	padding: 2% 5%;
	text-align: center;
}

#features div h3{
	text-align: center;
	border-bottom: 1px solid #3e3e3e;
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
}

img.realbrides-image, img.realbrides-left, img.realbridges-right {
	margin: 15px 0;
}

.realbrides-testimonial-right, .realbrides-testimonial-right2, .realbrides-testimonial-left {
	padding: 4% 2%;
	width: 95%;
	text-align: center;
}

.staff-row {
	width: auto;
	margin: 0;
	padding: 0;
}

.staff {
	width: 100%;
	margin: 10px 0;
	padding: 5px 0;
}

a.missing {
	display: block;
	color: #a3a3a3;
	text-indent: 0;
	float: right;
	padding: 3px 10px 6px 10px;
	background: #333;
}

a.missing:hover {
	display: block;
	color: #333;
	text-indent: 0;
	float: right;
	padding: 3px 10px 6px 10px;
	background: #a3a3a3;
}

#promo-spread, #content-full {
	width: 100%;
	margin-bottom: 30px;
}

#promo-right {
	width: 50%;
}

#case {
	display: none;
}


} /*-- end tablet*/

/* --------------------------------------------------------------   Mobile Phone styles */

@media screen and (max-width: 420px) {

body {
}

#promo-right {
	width: 94%;
	margin: 0;
	padding: 0% 3%;
}

#promo-right .home-welcome {
	text-align: center;
	margin-top: 300px;
}	

#nav {
	white-space: normal;
	line-height: 170%;
	padding-bottom: 15px;
}

#current a:link, #current a:visited, #current a:hover{
	color: #fff;
	text-decoration: underline;
}

ul#navlist {
	margin: 0;
	padding: 0;
}

#nav {
	margin-bottom: 0;
}


#menu-sidebar  {
	float: none;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #333;
	background-color: #111;
	margin: 0;
}

#menu-sidebar ul {
	width: 100%;
	overflow: auto;
}

#menu-sidebar ul li {
	float: left;
	padding: 1% 2%;
	width: 46%;
}

#menu-sidebar, #menu-sidebar ul li a:hover {
	background-image: none;
}

#current2 a:link, #current2 a:visited, #current2 a:hover, #menu-sidebar ul li#current2 a:hover{
	color: #fff;
	background-image: none;
	text-decoration: underline;
	padding-left: 0;
}

body #menu-sidebar a.social-facebook {
	display: none;
	visibility: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}

#content-double {
	width: 100%;
	float: none;
	clear: both;
}





}

/* --------------------------------------------------------------   Print */

@media print {
	
body { 	color : #000;	text-align : left;	background-color: #fff;	text-align: left; }

a { text-decoration: none; color: 000; }

p { margin : 0.1em 0 1em 0; line-height : 1.5em; }

h1, h2, h3, h4, #content blockquote { color: #000; line-height: 145%; }

h1 { font: normal 16pt georgia, times new roman, serif; margin : 1em 0; }

h2, h3, h4 { font: normal 13pt georgia, times new roman, serif; margin : 0.5pt, 0; }

#logo{ width: 100%; height: 100px; display: block; margin-bottom: 30px; text-align: right; }

#nav, #menu-sidebar , #case, #features, #footer, .missing, fieldset { display:none; }

#content-double, #content-full { width: 100%; }

.copy-image { float: right; margin: 20px; }
	
.copy-image-left { float: left; margin: 20px; }
	
.copy-image-left-plain { float: left; margin: 20px; }

.gallery { 	margin: 10px 20px 10px 0; 	padding: 2px; 	background: none;	border: 1px solid #000; }

.staff-row { 	width: 100%;	clear: both; }

}