/*

Theme Name: Joanna Quinn Theme

Theme URI: http://www.berylproductions.com

Description: Template for Berly Productions International Ltd

Author: Waxfrog.com / Slurpy Studios

Version: 2.0

License: GNU General Public License

License URI: license.txt

*/

/* =Reset default browser CSS. 

-------------------------------------------------------------- */

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}

/* =Layout

-------------------------------------------------------------- */

/* =Global 

------------------------- */

html {

	background: #333333 url('images/background.jpg');

}

body {

	margin: 0 auto;

	padding: 0 auto;

	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;

	font-size: 14px;

	color: #fff;

}

#header {

	background: url('images/logobackground.png') no-repeat center top;

	height: 180px;

	padding: 50px 0 0 0;

	width: 100%;

	margin-top: 58px;

	margin-bottom: -20px;

}

#logo {

	margin: auto;

	width: 1000px;

	text-align: center;

}

#logo .title {

	text-indent: -10000px;

	overflow: hidden;

	background: url('images/logo-2.gif') no-repeat center;

	height: 74px;

	margin-bottom: 15px;

}

#logo .description {

	font-size: 32px;

	color: #DE2034;

	text-shadow: #000 0px -1px 0px;

	letter-spacing: 2px;

}

a {

	color: #fff;

	text-decoration: none;

}

h3, h3 a {

	color: #CCCCCC;

	font-size: 18px;

	margin-bottom: 8px;

}

h2, h2 a {

	color: #747474;

	font-size: 23px;

	margin-bottom: 10px;

}

h1, h1 a {

	color: #de2034;

	font-size: 26px;

	margin-bottom: 10px;

}

p {

	margin-bottom: 15px;

}

.white {

	color: #fff;

}

/* =Social Menu 

------------------------- */

.socialmenu {
	float:right;
	width:120px;
	margin-top: -5px;

}

.socialmenu a.facebook {
	background:url('images/social-icons-2022.png') no-repeat -40px 0px;
	width:40px !important;
	height:35px !important;
	text-indent:1000px;
	overflow:hidden;
	display:block;
	float:right;
}

.socialmenu a.twitter {
	background:url('images/social-icons-2022.png') no-repeat 0px 0px;
	width:40px !important;
	height:35px !important;
	text-indent:1000px;
	overflow:hidden;
	display:block;
	float:right;
}

.socialmenu a.instagram {
	background:url('images/social-icons-2022.png') no-repeat -80px 0px;
	width:40px !important;
	height:35px !important;
	text-indent:1000px;
	overflow:hidden;
	display:block;
	float:right;
}



/* =Global Nav

------------------------- */



.menumobile {

	display:none;

}

#nav {

	position: absolute;

	z-index: 900;

	top: 0;

	background: url('images/splitter.gif') no-repeat center bottom;

	min-width: 1000px;

	height: 73px;

	width: 100%;

	font-size: 16px;

	text-transform: uppercase;

}

#nav #mainmenu {

	width: 1000px;

	margin: auto;

	padding: 18px 0px;

	height:18px;

}

#mainmenu a, #mainmenu a:active, #mainmenu a:link, #mainmenu a:visited {

	color: #858585;

}

#mainmenu ul {

	float:left; 



}

#mainmenu ul li {

	float: left;

	margin-right: 20px;

	position: relative;

}

#mainmenu li.current_page_item a, #mainmenu li.current-menu-parent a, #mainmenu li.current-menu-item a {

	color: #fff;

}

#mainmenu li.current_page_item a:hover {

}

#mainmenu a, #mainmenu a:active, #mainmenu a:visited {

	line-height: 30px;

	height: 30px;

	width: 100%;

	display: block;

	text-decoration: none;

	color: #999999;

	font-weight: normal;

	text-transform: uppercase;

	cursor:pointer;

}

#mainmenu a:hover {

	color: #fff !important;

}

#mainmenu li:hover {

}

#mainmenu li:hover a, #mainmenu li:hover a:active, #mainmenu li:hover a:visited {

	color: #fff;

}

#mainmenu li.current_page_item:hover {

}

#mainmenu #menu-main-menu li:hover .sub-menu {

}

#mainmenu .menu-item .sub-menu {

	position: absolute;

	display:none;

	top:25px;

	width:150px;

	z-index: 1000;

	font-size: 14px;

	cursor: auto;

	background: transparent url('images/menu-back1.png') no-repeat;

	padding-top: 10px;	

	padding: 25px 15px 15px 15px;

}

#mainmenu .menu-item .sub-menu li {

	height: auto;

	float: none;

	border-bottom: none;

	border-top: none;

}

#mainmenu .menu-item .sub-menu li:last-child {

	border-bottom: none;

}

#mainmenu .menu-item .sub-menu li.last {

	border-bottom: none;

}

#mainmenu .menu-item .sub-menu li a, #mainmenu .menu-item .sub-menu li a:active, #mainmenu .menu-item .sub-menu li a:visited {

	padding: 1px 0px;

	display: block;

	text-decoration: none;

	border-top: none;

	border-bottom: none;

	color: #afafaf;

	font-weight: normal;

	text-transform: uppercase;

	float: none;

	height: auto;

	font-size: 14px;

}

#mainmenu .menu-item .sub-menu li a:hover {

	color: #fff !important;

}

/* =Breadcrumbs

------------------------- */

#breadcrumbs {

	margin-bottom: 20px;

}

/* = Home Page

------------------------------------------ */

#contenthome {

	width: 100%;

}

/* = Global Text

------------------------------------------ */

.entry .sidecontent, .page-right, .textmobile {

	line-height: 23px;

	color: #a0a0a0;

	font-size: 15px;

}

.page-right .alignleft {

	float: left;

}

.page-right img {

	padding: 5px;

	border: 1px #666666 solid;

	margin: 0 20px 10px 0;

}

.page-right a {

	text-decoration: underline;

}

#content {

	margin-bottom: 30px;

}

.page-title h1, .page-title h1 a {

	float: left;

	font-size: 26px;

	margin-right: 20px;

}

.page-title h2, .page-title h2 a {

	float: left;

	font-size: 26px;

	margin-right: 20px;

}

.page-title h3, .page-title h3 a {

	float: left;

	font-size: 26px;

	margin-right: 20px;

}

/* = Single

------------------------------------------ */

.entry {

	width: 1000px;

	margin: auto;

}

.entry .entry-content {

	float: left;

	width: 500px;

}

.entry .images {

	margin: 0 0 10px 0;

	color: #858585;

}

.entry .images ol li {

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

}

.entry .images .ghomes .ghome {

	background: #c4eaff url('images/zoom.gif');

}

.entry .images .imagesize {

	height: 200px;

}

.entry .images ul li img {

}

.entry .images img {

}

.entry .images p {

	margin: 0 0 20px 0;

}

.entry .sidecontent {

	float: right;

	width: 442px;

}

.entry .sidecontent .text {

	margin-top: 20px;

}

.entry .sidecontent .client {

	margin-top: 40px;

	color: #808080;

}

.filmstudy {

	margin-top: 20px;

}

.filmstudy h3 {

	font-size: 20px;

	margin: 20px 0px;

}

.filmstudy h4 {

	font-size: 16px;

	margin-bottom: 6px;

}

.filmstudy p {

	font-size: 14px;

}



/* Mobile Single */



.textmobile, .mobilebtn {

	display:none;

}



/* = Single News

------------------------------------------ */

.single {

	width: 1000px;

	margin: auto;

}

/* = Single Comments

-------------------------- */

#comments {

	width: 540px;

	margin: 50px 0;

}

#disqus_thread h3 {

	font-size: 15px;

}

/* = Category

----------------------------- */

.category {

	width: 1000px;

	margin: auto;

}

/*.category .ghomes li {

	margin-right: 20px;

	margin-bottom: 20px;

}

/* = Page

----------------------------- */

.page {

	width: 1000px;

	margin: auto;

}

/* = Standard Page

----------------------------- */

.standard-page {

	margin-top:30px;

	margin-bottom: 50px;

}

.page-left {

	width: 235px;

	float: left;

	text-align: right;

}

.page-left h1 {

	margin-bottom: 30px;

}

.page-left h3 {

	margin-bottom: 15px;

	color: #fff;

}

.page-right {

	width: 675px;

	margin-left: 70px;

	float: left;

}

.page-left .img {

	margin-bottom: 10px;

}

.page-left .sidetext {

	margin-top: 40px;

	color: #a0a0a0;

	font-size: 15px;

}

/* = Category News

----------------------------- */

.blog {

	float: left;

	width: 750px;

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: 13px;

	color: #A0A0A0;

}

.blog .entry {

	width: 100%;

	border-top: 2px #333333 groove;

	padding: 30px 0;

}

.blog .entry-noline {

	border-top: none !important;

}

.blog .entry .entry-title a, .blog .entry .entry-title a:hover {

	color: #fff;

	font-size: 24px;

	font-family: 'dinmed',Verdana, Geneva, Tahoma, sans-serif;

	text-transform: uppercase;

	margin-bottom: 15px;

	border: none;

}

.blog .entry h1 {

	font-size: 20px;

	margin-bottom: 5px;

	color: #A0A0A0;

}

.blog .entry h2 {

	font-size: 18px;

	margin-bottom: 5px;

	color: #A0A0A0;

}

.blog .entry h3 {

	font-size: 16px;

	margin-bottom: 5px;

	color: #A0A0A0;

}

.blog .entry h4 {

	font-size: 15px;

	margin-bottom: 5px;

	color: #A0A0A0;

}

.blog .entry h5 {

	font-size: 14px;

	margin-bottom: 5px;

	color: #A0A0A0;

}

.blog .entry h6 {

	font-size: 13px;

	margin-bottom: 5px;

	color: #A0A0A0;

}

.blog .entry p {

	margin-bottom: 10px;

	line-height: 18px;

}

.blog .entry span.date {

	margin-bottom: 40px;

	display: block;

	font-size: 12px;

	color: #CCCCCC;

}

.blog .entry a {

	color: #A0A0A0;

	border-bottom: 1px #A0A0A0 dotted;

}

.blog .entry a:hover {

	color: #fff;

	border-bottom: 1px #fff dotted;

}

.blog .entry img {

	margin: 10px 0px;

}

.blog span.comments {

	margin-top: 30px;

	display: block;

}

.blog a.comments {

	background: url('images/comment.gif') no-repeat left center;

	padding-left: 20px;

	border: none;

}

/* = Side Bar

------------------------------------ */

.sidebar {

	width: 150px;

	margin-left: 100px;

	float: left;

	padding: 30px 0;

	color: #A0A0A0;

}

.sidebar a {

	border-bottom: 1px #FFFFFF dotted;

}

.sidebar li {

	margin-bottom: 20px;

}

.sidebar h4 {

	font-size: 16px;

	margin-bottom: 5px;

	color: #fff;

}

.sidebar h3 {

	margin-bottom: 15px;

}

a.srp-widget-stringbreak-link {

	margin-left: 5px;

	color: #A0A0A0;

}

span.srp-widget-date {

	font-size: 12px;

	margin-bottom: 5px;

	display: block;

}

.sidebar ul.collapsing li {

	margin: 5px 0px;

}

div.srp-widget-singlepost {

	border: none;

}

/* = Page Bar

------------------------------------ */

#page_nav {

	clear: both;

	border-top: 2px #333 groove;

	padding: 44px 0 0;

	width: 600px;

}

.pagebar {

	margin-right: 0.1em;

	margin-bottom: 1.0em;

	text-decoration: none;

	float: left;

	color: #A0A0A0;

	clear: both;

}

.pagebar a, .pageList .this-page {

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	text-decoration: none;

	padding: 8px 10px;

	font-weight: bold;

	background: #666666;

}

.pagebar a {

}

.pagebar a:visited {

	border: 1px #fff solid;

	text-decoration: none;

	padding: 8px 10px;

}

.pagebar .break {

	padding: 2px 6px 2px 6px;

	border: none;

	text-decoration: none;

}

.pagebar .this-page {

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	background: #333333;

	padding: 8px 10px;

	font-weight: bold;

}

.pagebar a:hover {

	background: #333333;

}

.pagebar .inactive {

	border: 1px solid #cccccc;

	color: #cd003e;

	text-decoration: none;

	padding: 0.2em 0.5em;

}

/* = Contact form */



.wpcf7 {

	width: 440px;

	margin-top: 50px !important;

}

.wpcf7 label {

	float: left;

	margin-right: 15px;

	width: 80px;

	padding-top: 5px;

	font-size: 17px;

}

.wpcf7 input, .wpcf7 textarea {

	padding: 5px;

	width: 330px;

	margin: 0px 0px 10px 0px;

	border-top: 2px solid #191919;

	border-bottom: 2px solid #404040;

	border-left: none;

	border-right: none;

	background: #282828;

	color: #fff;

	font-size: 16px;

	font-family: 'dinmed',Verdana, Geneva, Tahoma, sans-serif;

}

.wpcf7 textarea {

	height: 150px;

}

.wpcf7 .wpcf7-submit {

	width: 122px;

	height: 40px;

	float: right;

	border:none !important;

	background: #5b5b5b; 

	background: -moz-linear-gradient(top, #5b5b5b 0%, #363636 100%); 

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#363636)); 

	background: -webkit-linear-gradient(top, #5b5b5b 0%,#363636 100%); 

	background: -o-linear-gradient(top, #5b5b5b 0%,#363636 100%);

	background: -ms-linear-gradient(top, #5b5b5b 0%,#363636 100%);

	background: linear-gradient(top, #5b5b5b 0%,#363636 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#363636',GradientType=0 ); 

	-moz-border-radius: 10px; 

	-webkit-border-radius: 10px; 

	border-radius: 10px;

	-moz-box-shadow: 0 0 7px #000000;

	-webkit-box-shadow: 0 0 7px #000000;

	box-shadow: 0 0 7px #000000;

} 





.wpcf7 .wpcf7-submit:hover {

	-moz-box-shadow: 0 0 7px #fff;

	-webkit-box-shadow: 0 0 7px #fff;

	box-shadow: 0 0 7px #fff;

}

/* 

span.wpcf7-not-valid-tip {

	position: absolute;

	z-index: 100;

	top: auto;

	left: auto;

	background: transparent url('images/opps.gif') no-repeat;

	border: none;

	font-size: 10pt;

	width: 223px;

	padding: 5px 0 5px 20px;

	height: 23px;

	color: #cc3333;

}

div.wpcf7-validation-errors {

	border: none;

	background: url('images/error.gif') no-repeat;

	width: 319px;

	padding: 15px 10px 10px 10px;

	height: 42px;

	float: right;

	color: #cc3333;

}

div.wpcf7-mail-sent-ok {

	border: none;

	background: url('images/successful.gif') no-repeat;

	width: 319px;

	padding: 15px 10px 10px 10px;

	height: 42px;

	float: right;

	color: #009900;

}

div.wpcf7-response-output {

	margin: none !important;

}



*/

/* =Footer

------------------------- */

#footer {

	background: url('images/splitter.gif') no-repeat center top;

	height: 20px;

	min-width: 1000px;

}

.footer {

	width: 1000px;

	margin: auto;

	padding: 50px 0px;

}

.footer .navcontainer {

	float: left;

}

.footer .navcontainer h4 {

	color: #3E3E3E;

	font-size: 16px;

	margin-bottom: 10px;

}

.footer .navcontainer .block {

	float: left;

	margin-right: 20px;

}

.footer .navcontainer .line {

	padding-left: 20px;

}

.footer .navcontainer .block a, .footer .navcontainer .block a:active, .footer .navcontainer .block a:visited {

	color: #666666;

	font-size: 15px;

}

.footer .navcontainer .block a:hover {

	color: #fff;

}

.footer .navcontainer .block li {

	margin-bottom: 8px;

}

.footer .copy-info {

	float: right;

	color: #535353;

	font-size: 15px;

	text-align:right;

	line-height:20px;

}

.footer .copy-info a, .footer .copy-info a:active, .footer .copy-info a:visited {

	color: #666;

	font-size: 15px;

}

div.ghomes {

	margin-left:-20px

}

.ghomes {

	list-style-type: none !important;

	margin: 0px 0px 10px;

	text-align: center;

}

.ghomes .group {
	position: relative;
	padding: 0;
	margin:0px 10px 10px 0;
	text-align: center;
	width:230px;
	display:inline-block;
}

#mycarousel .ghomes .group img {
	width:250px!important;
	height:185px!important;
}

.ghomes .ghome {

	display:block;

	position: relative;

	background: #c4eaff;	

}

.ghomes .ghome-shot {

}

.ghomes .ghome-over {

	position: absolute;

	top: 60px;

	left: 20px;

	width: 190px;

	z-index: 1;

	margin: 0 !important;

	padding: 10px;

	font-size: 0.8em;

	line-height: 2em;

	text-decoration: none;

	color: #888;

	text-align: center;

	

}

.category .ghomes .ghome-over {

	position: absolute;

	top: 60px;

	left: 20px;

	width: 170px;

	z-index: 1;

	margin: 0 !important;

	padding: 10px;

	font-size: 0.8em;

	line-height: 2em;

	text-decoration: none;

	color: #888;

	text-align: center;

}

.ghome-over h3 a, .ghome-over h3 a:active, .ghome-over h3 a:visited {

	color: #333333;

	font-size: 20px !important;

}

.ghome-over a, .ghome-over a:active, .ghome-over a:visited, .ghome-over a:link {

	color: #333333;

	font-size: 14px;

}

.ghomes .ghome-link {

	position: relative;

	z-index: 1000;

}

.frame {

	background: url('images/border-feature.png');

	z-index: 900;

	position: absolute;

	top: 0;

	width: 260px;

	height: 200px;

	margin: 0px -5px -5px -5px;

}

.ghomes img {

	margin: 0;

	opacity: 1;

	z-index: 800;

}

.ghomes a:hover img {

	opacity: 0.1;

}

.ghomes strong {

	display: block;

	font-weight: normal;

	font-size: 1.4em;

	line-height: 1.2em;

	color: #ea4c88;

}

.ghomes .dim {

	font-weight: normal;

	color: #666;

}

.ghomes em {

	position: absolute;

	bottom: 11px;

	left: 10px;

	font-size: 1em;

	line-height: 1em;

	font-weight: normal;

	font-style: normal;

}

.ghomes .ghome-img {

}

.image-text {

	margin-top: 5px;

	text-align: center;

}

.image-text p {

	font-size: 16px;

}



.shopp_grid-3 .products .product {width:23%!important;}

.shopp_page form ul span {float:none!important;}