/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url('../images/colorbox/overlay.png') 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url('../images/colorbox/controls.png') -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url('../images/colorbox/controls.png') -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url('../images/colorbox/controls.png') -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url('../images/colorbox/controls.png') -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url('../images/colorbox/controls.png') left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url('../images/colorbox/controls.png') right top repeat-y;}
    #cboxTopCenter{height:21px; background:url('../images/colorbox/border.png') 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url('../images/colorbox/border.png') 0 -29px repeat-x;}
    #cboxContent{background:#20201d;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url('../images/colorbox/controls.png') -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('../images/colorbox/controls.png') -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url('../images/colorbox/loading_background.png') center center no-repeat;}
        #cboxLoadingGraphic{background:url('../images/colorbox/loading.gif') center center no-repeat;}
        #cboxClose,#return{position:absolute; bottom:0; right:0; background:url('../images/colorbox/controls.png') -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #colorbox.close-top #cboxClose, #return {top:0}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/**
 * Overlay Settings
 * @author Andrew Ellis
 */
#overlay {
   width: 400px
}

#overlay-title {
   border-bottom: 1px solid #e0e0e0;
   padding: 3px 5px 6px;
   font-size: 1.33em;
   color: #666
}

#overlay-body {
   padding: 0 5px
}

#overlay-notice {
   font-size: .92em
}

#overlay-body label {
   width: 80px;
   text-align: left
}

#overlay-body .form-error {
   margin-top: 10px
}

#overlay-body .form-body .controls label {
   float: none;
   position: relative;
   top: -1px;
   width: auto;
   text-align: right;
   font-weight: normal
}

#overlay-body .form-body .controls .checkbox {
   position: relative;
   top: 3px
}

#cboxLoadedContent .bottom .launch-site {
    float: right
}


/**
 * Overlay Settings
 * @author Vlad
 */
#image3 {
	height: 584px;
	width: 533px;
	float:left;
	margin-bottom:25px;
	border:5px solid #000000;
	
	
}
#image1 {
	height: 359px;
	width: 500px;
	float:left;
	margin-bottom:25px;
	border:5px solid #000000;
}

#image2 {
	height: 329px;
	width: 500px;
	float:left;
	margin-bottom:25px;
	border:5px solid #000000;
}

#image4 {
	height: 360px;
	width: 500px;
	float:left;
	margin-bottom:25px;
	border:5px solid #000000;
}

#image5 {
	height: 402px;
	width: 500px;
	float:left;
	margin-bottom:25px;
	border:5px solid #000000;
}

#image6 {
	height: 466px;
	width: 500px;
	float:left;
	margin-bottom:25px;
	border:5px solid #000000;
}

#image7 {
	height: 527px;
	width: 500px;
	float:left;
	margin-bottom:25px;
	border:5px solid #000000;
}


.right3{
	float:left;
	width:350px;
	margin-left:20px;
}
.text3 {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
}
.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #0CF
}
.right3 li {
	color:#FFF;
}
#bgpage {
	background-color:#20201d;
	padding: 25px 25px 25px 25px;
	margin-bottom:25px;
	
	}