/*Body*/
body{font:12px Arial, Verdana, Helvetica, sans-serif; 
	color:#000000; background-color:#a99d90; padding:0; margin:0; background-image:url(../images/mainbg.gif); background-repeat:repeat-x; padding-top:0px;}
#container{ margin: 0 auto; width: 950px; background-color:#a99d90;} 
/*Body end*/
img{border-style:none;}
p{ margin:0px; padding:0px; margin-top:10px;}
#header {width:950px; float:left;}
.header_bar {width:930px; float:left; height:20px; padding-left:10px; padding-right:10px; background-color:#000000; color:#CCCCCC;
font-size:11px; padding-top:5px;}
.header_bar A{color:#CCCCCC; font-size:11px; text-decoration:none;}
.header_bar A:hover{color:#ff6600; font-size:11px; text-decoration:none;}
.logo {width:330px; height:58px; float:left; padding-top:0px; padding-bottom:0px; padding-left:10px; }
.cntr1 {width:950px; float:left; padding-top:20px; padding-bottom:20px; }
.mainnav {width:610px; float:right; text-align:right;}

#mainpromo {width:950px; float:left; background-color:#333333; height:483px;}
#mainpromo1 {width:950px; float:left; background-color:#333333; height:686px;}
#bg_demoreel{width:900px; float:left; height:488px; background-image:url(../images/bg_demoreel.jpg); background-repeat:no-repeat; padding-left:30px; padding-right:20px; padding-bottom:0px; padding-top:30px; color:#CCCCCC; font-size:11px;}
#bg_demoreel a{text-decoration:underline; color:#cccccc; font-size:11px;}
#bg_demoreel a:visited {color:#cccccc; text-decoration:underline;}
#bg_demoreel a:hover {color:#ff6600; text-decoration:underline; }


#bg_photogallery {width:690px; float:left; background-image:url(../images/bg_photogallery.jpg); background-repeat:no-repeat;
padding-left:230px; padding-right:30px; padding-top:30px; padding-bottom:30px; color:#cccccc; background-color:#090909; float:left; font-size:11px;}
#bg_photogallery a{text-decoration:none; color:#cccccc; font-size:11px;}
#bg_photogallery a:visited {color:#cccccc; text-decoration:none;}
#bg_photogallery a:hover {color:#ff6600; text-decoration:underline; }

.images {width:720px; float:left; height:483px;}
.images_filmography {width:720px; float:left; height:483px; background-color:#000000; color:#999999;}
.images_filmography A{color:#cccccc;}
.images_filmography A:hover{color:#ff6600;}
.text1 {width:650px; float:left; padding-left:25px; color:#ff9900; font-size:10px;}
.images1 {width:690px; float:left; height:398px; overflow:auto; padding-left:25px; padding-top:6px; overflow-x:hidden; scrollbar-base-color: #887359; 
scrollbar-arrow-color: white; scrollbar-DarkShadow-Color: black; background-color:#000000;}
.images2 {width:690px; float:left; height:398px; overflow:hidden; padding-left:25px; padding-top:6px; overflow-x:hidden; scrollbar-base-color: #887359; 
scrollbar-arrow-color: white; scrollbar-DarkShadow-Color: black; background-color:#000000;}
.images_filmography1 {width:690px; float:left; height:325px; overflow:auto; padding-left:25px; padding-top:6px; overflow-x:hidden; scrollbar-base-color: #887359; 
scrollbar-arrow-color: white; scrollbar-DarkShadow-Color: black; background-color:#000000;}
.subimages {width:327px; float:left; height:483px;}
.content_sub1 {width:690px; float:left; height:423px; color:#CCCCCC; padding-left:0px; padding-right:30px; padding-top:30px; padding-bottom:30px;}
.content_sub {width:333px; float:left; height:423px; color:#CCCCCC; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:30px; background-color:#000000; font-size:11px;}
.content_sub a{text-decoration:none; color:#cccccc; font-size:11px;}
.content_sub a:visited {color:#cccccc; text-decoration:none;}
.content_sub a:hover {color:#ff6600; text-decoration:underline; }

#bg_blog{width:900px; float:left; padding-left:20px; padding-right:30px; padding-top:20px; padding-bottom:30px; color:#cccccc; background-color:#000000; float:left; font-size:11px; height:1000px; }
#main_blog {width:950px; float:left; background-color:#000000;}

.leftmenu{color:#cccccc; width:210px; float:left; padding-left:20px; padding-top:20px;}
.leftmenu a{text-decoration:none; color:#cccccc; font-size:11px;}
.leftmenu a:visited {color:#cccccc; text-decoration:none;}
.leftmenu a:hover {color:#ff6600; text-decoration:underline; }
.leftmenu UL{ margin:0px; padding:0px; list-style-type:none; padding-top:2px;}
.leftmenu UL li{padding-left:10px; background:url(../images/arrow.gif) no-repeat; font-size:11px; margin-bottom:0px; line-height:17px;}

#middlearea {width:900px; float:left; padding-left:30px; padding-right:20px; padding-top:30px; padding-bottom:30px; background-color:#000000; color:#999999; font-size:12px; }
#middlearea a{text-decoration:underline; color:#999999; font-size:11px;}
#middlearea a:visited {color:#999999; text-decoration:underline;}
#middlearea a:hover {color:#ff6600; text-decoration:underline; }

#middlearea1 {width:655px; float:left; padding-left:265px; padding-right:30px; padding-top:30px; padding-bottom:30px; 
background-color:#ffffff; color:#000000; font-size:12px; background-image:url(../images/bg1.gif); background-repeat:no-repeat;}
#middlearea1 a{text-decoration:underline; color:#000000; font-size:12px;}
#middlearea1 a:visited {color:#000000; text-decoration:underline;}
#middlearea1 a:hover {color:#ff6600; text-decoration:underline; }
.socialmedia {width:210px; float:left; padding-top:7px;}
.brief_description {width:600px; float:left; padding-left:25px;}
.gallery_box {width:170px; float:left; padding-left:20px;}

.footer {width:950px; float:left; padding-top:0px; padding-bottom:0px; color:#cccccc; font-size:11px;}
.footer a{text-decoration:none; color:#cccccc; font-size:11px;}
.footer a:visited{color:#cccccc; text-decoration:none;}
.footer a:hover {color:#ff6600; text-decoration:none;}
.copyright_info {width:950px; float:left; padding-bottom:0px; text-align:center; font-size:11px; padding-top:20px;}

H1 {FONT: normal 100% Arial, Verdana, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:bold;}
H2 {FONT: bold 100% Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#cccccc; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px;}
H3 {PADDING-BOTTOM: 2px; MARGIN: 0px 0px 2px; FONT: bold 100% Verdana, Arial, Helvetica, sans-serif; font-size:14px; COLOR: #000000;}

.line2 {
	FONT: 0.75em/1.5em Arial; TEXT-TRANSFORM: none; COLOR: #666; LETTER-SPACING: 0.06em
}



.breadcrumb{font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; padding-top:15px;}
.breadcrumb a{background: transparent url(../images/breadcrumb.gif) no-repeat center right; text-decoration: none; padding-right: 15px; color:#333333;}
.breadcrumb a:visited, .breadcrumb a:active{color:#333333;}
.breadcrumb a:hover{text-decoration: underline;}
#apDiv1 {position:absolute; width:690px;
	height:30px;
	z-index:1;
	left: 384px;
	top: 500px;
	background-color: #000000;
	color:#ff6600;
	font-size:11px;
	padding-left:30px; padding-top:20px; padding-bottom:20px; 
	filter:alpha(opacity=70); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 

}
#apDiv1 A{

	color:#cccccc;


}
#apDiv2{
	position:absolute;
	width:690px;
	height:483px;
	z-index:1;
	left: 384px;
	top: 0px;

	color:#ff6600;
	font-size:11px;
	padding-left:30px; padding-top:20px; padding-bottom:20px; 
	filter:alpha(opacity=70); 
   -moz-opacity: 0.6; 
   opacity: 0.6;
   

}

			#FrogJS{
				width: 760px;
				height: 600px;
				margin: 0 auto;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;
			}
.font_red {color:#ff6600; font-size:11px;}



#apDiv3 {
	position:absolute;
	width:230px;
	height:483px;
	z-index:100;
	background-color: #333333;
		filter:alpha(opacity=90); 
   -moz-opacity: 0.6; 
   opacity: 0.6;

}
.card-logo {margin: 25px auto;
width: 523px;}
.card-body {
background-image: url('http://www.getpaulhoward.com/images/paul_bg.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.card-image {margin: 0 auto;
width: 1100px;
box-shadow: 0px 0px 40px 10px #46C9F7, inset 0px 0px 40px 10px #46C9F7;
-webkit-box-shadow: 0px 0px 40px 10px #46C9F7, inset 0px 0px 40px 10px #46C9F7;
-moz-box-shadow: 0px 0px 40px 10px #46C9F7, inset 0px 0px 40px 10px #46C9F7;
-o-box-shadow: 0px 0px 40px 10px #46C9F7, inset 0px 0px 40px 10px #46C9F7;
border: 4px solid #FFFFFF;
border-radius: 4px;}
.card-footer {color: white;
letter-spacing: 3px;
text-align: center;
margin: 55px auto;
width: 1100px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 16px;}
.card-player {margin: 0 auto;width:300px;}
.card-credits {text-align: center;
width: 1100px;
margin: 50px auto 0 auto;
color: white;
font-size: 20px;
font-family: 'Open Sans Condensed', sans-serif;}
.card-h3 {
text-align: center;
padding: 10px;
font-size: 16px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 600;
}

/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}
#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
   content: 'Please wait, Content is being loading...';
    background-image:url(../card-images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
.card-poker {
width: 980px;
margin: 0 auto;
position: relative;
display: -webkit-box;}

.card-poker-img {
margin: 0 10px;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow: hidden;
}
.text-content {font-size: 22px;
font-weight: bold;
color: blue;}
.card-poker-img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}