/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;

}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#holder {
	width: 100%;
	position: relative;
	display:block;
	
}


#content {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	margin-top: 50px;
	
}

#homeArrow {
background-image: url(../img/arrow.png);
height: 30px;
width: 30px;
background-repeat: no-repeat;
margin-left: 120px;
background-size: contain;
margin-top: 95px;
background-position: center;
cursor: pointer;
display: block;
text-indent: -9999px;
position: absolute;
}





.homeArrowText {
height: 40px;
width: 0px;
display: block;
margin-left: 94px;
background-size: contain;
cursor: pointer;
position: absolute;
top: -22px;
font-size: 22px;
text-transform: uppercase;
}

.homeArrowText:hover{
	text-decoration: none;
	color: #C03;
	}
	
	
	
	
	
	#pressArrow {
height: 30px;
width: 30px;
background-repeat: no-repeat;
margin-right: 180px;
background-size: contain;
margin-top: 95px;
background-position: center;
cursor: pointer;
display: block;
text-indent: -9999px;
position: relative;
float: right;
}





.pressArrowText {
height: 40px;
width: 0px;
display: block;
margin-left: 94px;
background-size: contain;
cursor: pointer;
position: absolute;
top: -22px;
font-size: 22px;
text-transform: uppercase;
}

.pressArrowText:hover{
	text-decoration: none;
	color: #C03;
	}

.bodyText a:hover {
	text-decoration: none;
	color: #C03;
	}

#headerLogo {
	background-image:url(../img/TheGoodLuckGallery-HeaderLogo.jpg);
	height: 222px;
	width: 208px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	position: relative;
}

#headerLogo a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

#headerMessageHolder {
	width: 650px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

#headerMessage {
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

#headerMessage h1, a{
	font-size: 16px;
	text-align: right;
	font-weight: normal;
	margin-top: 0px;
	color: #000;
	text-decoration: none;
}

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

#upcomingHolder {
	width: 100%;
	height: 620px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#upcomingContent {
	width: 1000px;
	height: 620px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../img/holderFrame.jpg);
	background-repeat:no-repeat;
}



#upcomingContentExtended {
	width: 1000px;
	height: 779px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../img/holderframev2.jpg);
	background-repeat:no-repeat;
}


#upcomingContentMedium {
	width: 1000px;
	height: 779px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../img/holderframeMedium.jpg);
	background-repeat:no-repeat;

}




#upcomingImage1 {
	width: 328px;
	height: 494px;
	display: block;
	position: absolute;
	margin-left: 100px;
	margin-top: 46px;
	background-image: url(../img/AustinYoungMakeovers.jpg);
}

#upcomingImage2 {
	width: 328px;
	height: 494px;
	display: block;
	float: left;
	margin-left: 100px;
	margin-top: 46px;
	background-image:url(../img/harrySteinberg.jpg);
}



#upcomingImageholder {
	width: 328px;
	height: 494px;
	display: block;
	float: left;
	margin-left: 100px;
	margin-top: 46px;
	
}

#upcomingTextHolder {
	width: 400px;
	height: 500px;
	position: absolute;
	display: block;
	margin-left: 480px;
	margin-top: 39px;
}

.titleText{
	font-size: 30px;
	text-align: center;
	margin-top: 0px;
	text-transform: uppercase;
}

.artistText{
	font-size: 22px;
	text-align: center;
	margin-top: -35px;
	text-transform: uppercase;
}

.dateText{
	font-size: 20px;
	text-align: center;
	font-weight: normal;
	margin-top: 0px;
	text-transform: uppercase;
	line-height: 25px;
	letter-spacing: 2px;
}

.receptionText{
	font-size: 16px;
	text-align: center;
	margin-top: 0px;
	text-transform: uppercase;
}


.livepersonText{
	font-size: 16px;
	text-align: center;
	margin-top: 0px;
	text-transform: uppercase;
}


.bodyText{
	font-size: 15px;
	text-align: justify;
	font-weight: normal;
	margin-top: 0px;
	line-height: 18px;
}

.bodyText a  {
	color: #666;
	
}
.linkText, .linkText a{
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	margin-top: 0px;
	text-transform: uppercase;
	line-height: 20px;
	color: #000;
	text-decoration:none;
}


#footerLogo {
background-image: url(../img/TheGoodLuckGallery-FooterLogo.jpg);
height: 123px;
width: 136px;
display: block;
margin-left: auto;
margin-right: auto;
cursor: pointer;
position: relative;
}

#footerLogo a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

#footerMessageHolder {
	width: 650px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

#footerMessage, #footerMessage a {
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

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

#bookTextHolder {
	width: 1000px;
	position: relative;
	display: block;
	
	margin-left: auto;
	margin-right: auto;
}

.bookText{
	font-size: 30px;
	text-align: center;
	margin-top: 0px;
	text-transform: uppercase;
	pointer-events: none;
   cursor: default;
}

.makeoverText {
font-size: 22px;
text-align: center;
margin-top: 5px;
text-transform: uppercase;
}

#columnHolder {
	width: 1000px;
	position:relative;
	display: block;
}

#columnLeft {
width: 470px;
float: left;
display: inline-table;
position: relative;
}
 
#columnRight {
width: 470px;
display: inline-table;
padding-bottom: 0px;
min-height: 400px;
margin-left: 50px;

}

.makeoverBodyText{
	font-size: 15px;
	text-align: justify;
	font-weight: normal;
	margin-top: 0px;
	line-height: 18px;
	display: block;
	position: relative;
	
}

.makeoverTitleText{
	font-size: 20px;
	text-align: left;
	margin-top: 0px;
	text-transform: uppercase;
}

#thumbnailLineHolder {
	width: 1000px;
	position:relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#thumbnailBlock {
	padding: 10px;
	display: inline-block;
}

.noLeftPadding {
	padding-left: 0px !important;
}

.noRightPadding {
	padding-right: 0px !important;
}

#bookDates {
	width: 1070px;
	display:block;
	position:relative;
	margin-left: auto;
	margin-left: auto;
}


#bookDatesHolder {
width: 645px;
display: block;
position: relative;
margin-left: auto;
margin-left: auto;
margin-top: -8px;
margin-bottom: 28px;
}
.bookDatesText {
	text-decoration: none;
	color: #000;
	font-size: 20px;
	width: 200px;
	text-transform:uppercase;
}



.bookDatesText a{
	text-decoration: none;
	color: #C03;
	font-size: 40px;
	
}


.bookDatesText a:hover{
	text-decoration: none;
	color: #000;
		text-transform:uppercase;
font-size: 40px;
}








/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.ui-widget-content {
	border: 0px !important;
}

.ui-widget-header {
	border: 0px !important;
	background: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 0px solid #D3D3D3 !important;
background: none !important;
font-weight: normal;
color: #555;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
background-color: #DADADA !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 0px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 0px !important;
}

.ui-widget {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
font-size: 18px;
text-transform: uppercase;
color: #000 !important;
}



#tabs{ 
width: 1000px;
display: block;
position: relative;
margin-left: 33px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}