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

.headlines{
	font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.container{
	padding:0;
}


/*
.row{
	margin: 0 auto;
    max-width: 1140px;
    min-width: 755px;
    width: 100%;
}
*/


input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	padding:7px;
	border:1px solid #000;
	display:block;
}

input:focus, textarea:focus{
	box-shadow:inset 2px 2px 6px #ccc;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

input.error, textarea.error{
	border:1px solid #900 !important;
	background:#ff9999;
}

input.error:focus, textarea.error:focus{
	box-shadow:inset 2px 2px 6px #000;
}



/*
Header Section
*/

#header{
	height:75px;
	box-shadow:0 0 15px #000;
	background:#fff;
}

#header .logo{
	width:325px;
	float:left;
}

#header .logo:hover{
	opacity:0.75;
}

#nav{
	float:right;
}

#nav ul li{
	float:left;
	list-style:none;
	margin:0 5px;
	font-size:2.4em;
}


#nav ul li a{
	color:#000;
	padding:25px 5px 22px;
	display:block;
}

#nav ul li a.active, #nav ul li a:hover{
	background:#900;
	color:#fff;
}

#nav ul li ul.sub_nav{
	margin:0 0 0 -5px;
	height:25px;
}

#nav ul li ul.sub_nav li{
	font-size:0.8em;
}

#nav ul li:hover > a{
	background: #990000; 
	color:#fff;
}


#nav li ul {
	position: absolute;
	left: -999em;
}
		
#nav li:hover ul, #nav li.sfhover ul, #nav li:active ul {
	left: auto;
}
			
		
#nav li ul li{
	font-size:0.9em;
	float:none;
	box-shadow:4px 4px 6px #000;
}

#nav ul li ul.sub_nav li a{
	padding:8px 10px;
	color:#fff;
	background:#000;
	margin:-4px 0 0;
}

#nav ul li ul.sub_nav li a:hover{
	background:#900 !important;
}
				
#nav li ul li a:hover{
	display:inherit !important;
}



/*
Index Page
*/


#main_page{
}

#main_page header.aside{
	box-shadow:0 0 25px #000 inset;
	background:#9e0b0f url(images/bg_main.jpg) top right;
}

#main_page header.aside h1{
	padding:20px 0 10px 60px;
	color:#fff;
	font-size:15em;
	line-height:130px;
	display:block;
}

#main_page header.aside h1:hover span{
	color:#000;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

#css_award{
	float:right;
}

#welcome{
	background:#000;
	color:#fff;
}

#welcome h1{
	font-size:4.8em;
	line-height:60px;
	margin-bottom:-10px;
}

#welcome h2{
	font-size:3.6em;
	line-height:42px;
	color:#F00;
}

#main_page .p1{
	font-size:1.8em;
	line-height:26px;
	margin:20px 0;
	text-align:justify;
}

#main_page .p2{
	font-size:1.6em;
	line-height:24px;
	margin:10px 0 25px;
	text-align:justify;
}


#portals article{
	background:url(images/bg_portals_top.png) top left no-repeat;
	padding-top:12px;
	border-right:2px solid #000;
	height:370px;
}

#portals article.threecol{
	width:21.95%;
}

#portals article img{
	border:2px solid #000;
	max-width:99.2%;
	background:#000;
}

#portals article img:hover{
	opacity:0.75;
}

#portals article h1{
	font-size:3.6em;
	line-height:36px;
	margin:5px 10px 2px;
}

#portals article p{
	font-size:1.4em;
	line-height:21px;
	margin-left:10px;
	width:94%;
	height:43.4%;
}

#portals article a.headlines{
	background:url(images/bg_portals_link.gif);
	width:68px;
	height:22px;
	display:block;
	color:#ed1c24;
	font-size:1.8em;
	letter-spacing: 0.6px;
    padding-left: 42px;
	margin:10px 0 0 56%;
	line-height:22px;
}

#portals article a.headlines:hover{
	color:#fff;
}


/*
Portfolio Section
*/

.portfolio p{
	margin:10px 0 30px;
}

.portfolio section.box{
	float:left;
}

.portfolio section.box img{
	border:1px solid #000;
	box-shadow:1px 1px 5px #000;
	opacity:0.75;
	display:block;
}

.portfolio section.box img:hover{
	opacity:1 !important;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  	-moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.portfolio section.box h2{
	font-size:2.4em;
	margin:4px 0;
	line-height:1em;
}

.portfolio .row .threecol{
	margin:0 2.9% 1.4% 0;
}

.portfolio .row .threecol p{
	margin:-5px 0 10px;
}

#portfolio_nav{
	width:100%;
	background:#000;
}

#portfolio_nav ul li{
	float:left;
	list-style:none;
	margin:5px;
}

#portfolio_nav ul li:first-child{
	margin-left:75px;
}

#portfolio_nav ul li a{
	color:#fff;
	font-size:2em;
	padding: 5px;
}

#portfolio_nav ul li a:hover, #portfolio_nav ul li a.active{
	background:#900;
}

#title{
	background:#000;
	color:#fff;
	margin:20px 0;
}

#title h1{
	font-size:12em;
	line-height:80px;
}




/*
Portofolio Pieces
*/

#portfolio_piece #name{
	text-align:center;
	margin-top:20px;
}

#portfolio_piece article h1{
	font-size:4em;
	line-height:38px;
}

#portfolio_piece article span{
	font-size:1.8em;
}

#portfolio_piece nav#browse{
	height:20px;
	margin:30px 0 0;
}

#portfolio_piece nav#browse ul li{
	font-size:1.8em;
	list-style:none;
}

#portfolio_piece nav#browse ul li a{
	color:#fff;
	display:block;
	padding:17px 36px;
	min-width: 48px;
}

#portfolio_piece nav#browse ul li a:hover{
	color:#900;
}

#portfolio_piece nav#browse ul li.prev a{
	float:left;
	background:url(images/left_arrow.gif) left no-repeat;
}

#portfolio_piece nav#browse ul li.next a{
	float:right;
	background:url(images/right_arrow.gif) right no-repeat;
}

#portfolio_piece article{
	float:right;
	margin:20px 65px 0 10px;
}

#art{
	float:left;
	width:65%;
	text-align:center;
	margin:20px 3%;
}

#art img{
	margin-bottom:2%;
}

#portfolio_piece article p{
	font-size:1.4em;
	line-height:21px;
	margin:10px 0;
}

.buy_print{
	color:#fff;
	padding:2px 25px;
	background:#404040;
	border-radius:5px;
	font-size:2em;
	margin:10px 0;
	display:inline-block;
}

.buy_print:hover{
	background:#000;
}

.fb-like{
	margin:10px 0;
}


#photography object{
	text-align:center;
	display:block;
	margin:0 auto;
}

.preloader {  
	background:url(images/loading.gif) center center no-repeat #fff;  
	display:inline-block;  
	border:1px solid #000;
	height:12em;
}  



/* Contact Form */

#send_contact article{
	margin:15% auto;
}

#send_contact h2{
	text-align:center;
	font-size:6em;
}

#send_contact h3{
	text-align:center;
	font-size:4em;
	margin:10px 0;
}

#contact div.row{
	margin-top:25px;
}

#contact p{
	font-size:3.2em;
	line-height:42px;
	font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;
}

#contact form{
	margin:25px 0;
}

#contact form li{
	list-style:none;
	margin:10px 0;
}

#contact form li label{
	font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	font-size:3em;
	width:12%;
	text-align:right;
	display:inline-block;
	margin:0 15px 0 0;
	float:left;
	line-height:1em;
}

#contact form li input, #contact form li textarea{
	float:left;
	width:80%;
	margin:-2px 5px 0 0;
}

#contact form li span{
	width:100%;
	color:#090;
	font-size:1.8em;
	margin:5px 0 0 14.5%;
	display:inline-block;
}

#contact form li span.error{
	color:#900;
}

#contact form li textarea{
	line-height:24px;
}

#contact form .button1{
	padding:5px 25px;
	width:auto;
	font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-radius:6px;
	background:#000;
	color:#fff;
	box-shadow:none;
	cursor:pointer;
	font-size:3em;
	margin:2px 0 0 15%;
	border:none;
}

#contact form .button1:hover{
	background:#900;
}

#contact aside{
	text-align:center;
}

#contact aside li{
	margin:18px 0;
	text-align:left;
	list-style:none;
}

#contact .button1{
	padding:5px 0 5px 25px;
}

/*.button1{
	padding:5px 25px;
	width:auto;
	font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-radius:6px;
	background:#000;
	color:#fff;
	box-shadow:none;
	cursor:pointer;
	font-size:3em;
	width:60%;
	display:block;
	margin:10px auto;
}

.button1:hover{
	background:#900;
}

.button1 img{
	margin:0 15px -9px;
}
/*

/*
Download Section
*/
#downloads p{
	margin-top:0;
}

#downloads li{
	list-style:none;
	margin-top:10px;
	margin-bottom:20px;
}

#downloads li img{
	border:2px solid #000;
}

#downloads li img:hover{
	border:2px solid #900;
}

#downloads li h2{
	font-size:3em;
	line-height:24px;
}

#download #title{
	margin-bottom:0;
}

#download h2{
	font-size:6em;
	line-height:50px;
	margin:10px 0 -5px;
}

#download h3{
	font-size:3em;
	float:right;
	line-height: 30px;
}

#download article{
	float:left;
	margin-top:20px;
}

#download article p{
	display:block;
	float:left;
}



#download aside{
	float:right;
	background:#ccc;
	padding:70px 0;
}

#download aside img{
	margin:0 auto;
	border:1px solid #000;
	display:block;
}

#download aside h3{
	float:none;
	margin:10px 0 0 25px;
	font-size:3.6em;
}

#download aside h4{
	font-size:3em;
	font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	font-weight:100;
	text-transform:uppercase;
	margin:0 25px;
	line-height:30px;
}

#download aside p{
	margin:0 0 0 25px;
	font-size:1.4em;
	line-height:21px;
	width:87%;
}

#download aside cite{
	margin:10px 0 10px 25px;
	width:87%;
	display:block;
}


#download aside form{
	margin:0 0 0 25px;
	width:87%;
}

#download aside form fieldset{
	background:#000;
	color:#fff;
	padding:10px;
	border-radius:10px;
}

#download aside form label{
	font-size:3em;
	display:inline-block;
	float:left;
	margin:0 7px;
	line-height:30px;
}

#download aside form fieldset input{
	border-radius:8px;
	width: 55%;
}

#download aside .button1{
	background:#900;
	border:none;
}

#download aside .button1:focus{
	box-shadow:none;
}

#download aside ul{
	display:block;
	margin:20px auto;
	width:30%;
}

#download aside li{
	font-size:1.8em;
	line-height:1em;
	margin:5px 0;
	font-weight:bold;
}


/*
ABOUT ME SECTOPM
*/

#about_me img.photo{
	float:right;
	margin:10px 0;
}

#about_me h2{
	font-size:4.8em;
	line-height:40px;
}

#about_me h3{
	font-size:3.6em;
	line-height:32px;
}

#about_me .jistory h2{
	margin:30px 0 -10px;
}

#about_me ul li{
	margin:20px 0;
	list-style:none;
}

#about_me ul li h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-transform:none;
	font-weight:bold;
}

#about_me ul li span{
	font-size:1.6em;
	font-weight:bold;
	display:block;
	margin:0 0 -5px;
}


/*
SHOP SECTION
*/

#merch nav.count{
	font-size:1.4em;
	float:none;
}

#merch p{
	margin: 8px 0 10px;
	line-height:21px;
}

#merch .gridCell{
	height: 35em;
}

.gridCell h3 a{
	font-size:2.4em;
	height:auto;
	font-weight:100;
	margin:2px 0;
	line-height:1em;
}

.productDescription{
	height: 3em;
	overflow:visible;
	margin:2px 0;
	color:#000;
}

.productDescription p a{
	line-height:18px;
	color:#000;
}

.productPrice a{
	font-size:1.4em;
	color:#000;
	font-weight:bold;
}

.gridCell .realviewImage, .gridCell .realviewLink{
	border:none;
}

#merch .gridCell .realviewLink:hover, .gridCell .realviewLink:hover .realviewImage{
	border:none !important;
}

.pbimg{
	left:7px;
}


/*
Footer Section
*/

#footer{
	background:#000;
	margin-top:50px;
	color:#fff;
	overflow:auto;
	padding:20px 0;
	width:100%;
}

#footer a{
	color:#fff;
}

#footer .twocol{
	float:left;
	font-size:1.2em;
}

#footer ul{
	list-style:none;
}

#footer ul li{
	margin:2px 0;
}

#footer ul .headlines{
	font-size:2em;
	line-height:1em;
}

#footer #icons ul{
	margin:0 0 0 50px;
}

#footer #icons ul li{
	list-style:none;
	float:left;
	margin:0 5px;
}

#footer small{
	display: block;
    font-size: 1.2em;
    margin:50px 0 0 55px;
	width:100%;
}

#footer ul{
	display:block;
}

#footer .row .twocol{
	width:12.45%;
	margin-top: 1.4%;
}

#footer a:hover{
	color:#990000;
}


/* Smaller screens */

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



#nav ul li a{
	padding:30px 5px;
}

#main_page header.aside h1{
	font-size:13em;
	padding:20px;
	line-height:110px;
}

#portals article{
	height:400px;
}

#portals article.threecol{
	width: 21%;
}

#portals article a.headlines{
	 margin:50px 0 0 46%;
}

#portfolio_piece article{
	margin:20px 55px 0 10px;
}

#contact ul li .button1{
	padding:5px 25px 15px;
}

#merch p{
	font-size:small;
}



#footer #icons ul{
	margin:0 0 0 40px;
}

#footer small{
	margin-left:45px;
}

}

@media handheld, only screen and (max-width: 800px) {
	
#nav{
	font-size:0.9em;
}
	
#main_page header.aside h1 {
    font-size: 11em;
    line-height: 88px;
    padding: 20px;
}

#css_award{
	display:none;
}

#portals article{
	border:none;
}

#portals article h1{
	font-size: 2.8em;
    line-height: 1em;
    margin: 5px 10px 2px;
}

#portals article a.headlines {
    margin:70px 0 0 32%;
	display:none;
}

.portfolio section.box h2{
	font-size:2em;
}

.portfolio section.box p{
	font-size:1.2em;
}

#art{
	margin:20px 2%;
}

#contact .button1{
	width:70%;
}

#contact form .button1{
	padding:5px 25px 1px;
}

#footer #icons ul {
    margin:0;
    width: 110%;
}
	
}



@media handheld, only screen and (max-width: 767px) {
	
.row{
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.row{
	padding:0 10px !important;
	width:95%;
}
	
#main_page header.aside h1 {
    font-size: 11em;
    line-height: 88px;
    padding: 20px;
}

#css_award{
	display:none;
}


.blog_links{
	display:none;
}

#header{
	height:auto;
	overflow:visible;
}

#header img{
	width:90%;
}

#nav ul li a{
	padding:10px 5px;
}

#title h1{
	font-size: 7em;
    line-height: 45px;
}

#main_page header.aside{
	padding:10px 0;
}

#main_page header.aside h1{
	font-size: 7em;
    line-height: 60px;
    padding: 20px;
}

#welcome h1{
	font-size: 4.8em;
    line-height: 1em;
	margin-bottom:0;
}


#portfolio_nav ul li:first-child{
	margin-left:0;
}


#portals article{
	background:none;
	padding:0;
	border:none;
	height:auto;
}

#portals article.threecol{
	width:250px;
	margin:0 auto;
}

#portfolio_piece .threecol{
	width:90%;
	float:left;
	margin:0 auto;
}

#portals article p, #portals article a.headlines{
	display:none;
}

#portfolio_piece nav#browse{
	width:55%;
}

#art{
	width:90%;
}

.fb-like {
	display:none !important;
}

#contact .button1{
	padding:10px 25px;
	text-align:center;
}

#contact .button1 img{
	display:none;
}

#contact form li span{
	margin-left:0;
}

.portfolio .row .threecol{
	margin:0 auto 1.4%;
}

#download h2{
	font-size: 5em;
    line-height: 1em;
    margin:0 0 -5px;
}

#download article img, #download article h3{
	display:none;
}

#download aside{
	padding:0;
}

#footer #icons ul{
	clear:both;
	margin-bottom:10px;
}

#footer #icons ul, #footer small{
	margin-left:0;
}

#footer .row .twocol{
	display:none;
}
	
}