/* Custom style */

.titleText{
    font-size: 20px;
}

#colContent {
    float: left;
    width: 438px;
    padding: 10px 10px 0px 10px;
    height: 290px;
    background: #f4f4f4;
    border: 0px solid #000;
}

;#colList {
;    float: left;
;    width: 245px;
;    padding-left: 10px;
;    margin-left: 10px;
;    border: 0px solid #000;
;}

#colList {
    width: 210px;
    margin-right:10px;
    padding-left: 10px;
    border-width: 0px;
    border-style: solid;
    border-color: #000;
}

#colList a {
    text-decoration: none;
    color:#6b6b6b;
}
#colList a:hover {
    text-decoration: none;
    color:#f8981d;
}
#arrowToOpenModalBox {
    position:absolute;
    top:250px;
    left: 480px;
}
#colListOn a {
    text-decoration: none;
    color:#f8981d;
}

/* ------------------------- */
/* Case study text styles */
/* ------------------------- */
.titleText {
    padding: 10px;
    border: 0px solid #000;
}
.csDate {
    font-style: italic;      
    float: left;
    width: 430px;
    padding: 10px;
    border-width: 0px;
    border-style: solid;
    border-color: #000;
}

.csBody {    
    float: left;
    margin-left: 10px;
    width: 400px;
}
#csButton {
	float: left;
	padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
#photoDesc{
    position: absolute;
    top: 450px;
    left: 400px; 
    text-decoration:none;
    display:block;
    width:200px;
    font:10px;
    border: 1px solid #000;
}



/* ------------------------- */
/* Modal box styles */
/* ------------------------- */
#openModalBox {
    font-size: 11px;
    text-decoration:none;
    padding: 3px 10px 3px 10px;
    color: #fff;
    background-color: #f8981d;
}

#openModalBox a:hover {
    text-decoration:none;
    padding: 3px 10px 3px 10px;
    color: #000;
    background-color: #ccc;
}

#openModalBox2{
	position: absolute;
    font-size: 11px;
    text-decoration:none;
    padding: 3px 10px 3px 10px;
    color: #fff;
    background-color: #f8981d;
    top: -90px;
    left: -30px;
    z-index: 100;
}


#launchVideoHolder{
	position: absolute;
    font-size: 11px;
    text-decoration:none;
    padding: 3px 10px 3px 10px;
    color: #fff;
    background-color: #f8981d;
    top: -90px;
    left: -30px;
    z-index: 100;
}


#closeModalBox {
    text-align: right;
	padding: 10px;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    color: #f8981d;
}

#darken {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:199;
    opacity:.5;
    filter:Alpha(opacity=20); /* Transparency in IE */
}

#modalBox1 {
    position:absolute;
    top: 111px;
    left: -2000px;
    width: 690px;
    height: 600px;
    border:#ccc 1px solid;
   /* display:none;*/
    background: #ffffff;
    font-size:12px;
    color:black;
    z-index:200;
    border-width: 0px;
    border-style: solid;
    border-color: #000;
}

#modalBox2 {
    position:absolute;
    top: 111px;
    left: 262px;
    top: 111px;
    width: 689px;
    height: 580px;
    border:#ccc 1px solid;
    display:none;
    background: #f4f4f4;
    font-size:12px;
    color:black;
    z-index:200;
    border-width: 0px;
    border-style: solid;
    border-color: #000;
}

#mb2ColumnCenter{
	align: center
}

.imageCount {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #595959;
}

#imageDescription {
    font-family: arial;
    font-size: 11px;
    color: #000;
    position:absolute;
    top: 111px;
    left: 200px;
}

/* ------------------------- */
/* Easy slider styles */
/* ------------------------- */
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider, #slider li{ 
    width: 410px;
    height: 140px;
    overflow:hidden; 
    border: 0px solid #000;
} 
#prevBtn{
    background: url(/_images/boxed_arrow_left.gif) no-repeat scroll 0 center; 
    position: absolute;
    top: 235px;
    left: 437px;
    border: 0px solid #000;
}
#nextBtn{
    background: url(/_images/boxed_arrow_right.gif) no-repeat scroll 0 center;
    position: absolute;
    top: 235px;
    left: 450px;
    border: 0px solid #000;
}

/* ------------------------- */
/* Gallery */
/* ------------------------- */
.jqGSContainer {
    position:relative;
    width: 690px;
    height: 550px;
}
.jqGSContainer .jqGSImgContainer {
}
.jqGSContainer .jqGSImgContainer ul {
    padding:0;
    margin:0;
    position:
    relative;
    list-style:none;
}
.jqGSContainer .jqGSImgContainer ul li {
    position:relative;
    float:left;
    border: 0px solid #000;
}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader {
    width: 690px;
    position:absolute;
}
.jqGSContainer .jqGSImgContainer ul li img{
}
.jqGSContainer ul li .jqGSTitle {
    position:absolute;
    right: 15px;
    font-size:11px;
    top: 450px; 
    color: #6e6e6e;
    width: 200px;
    text-align: right;
    border:1px solid #fff;
}

.jqGSContainer ul li .launchVideoHolder {
    position:absolute;
    right: 15px;
    font-size:11px;
    top: 450px; 
    color: #6e6e6e;
    width: 240px;
    text-align: right;
    border:1px solid #fff;
}

.jqGSContainer .jqGSPagination { 
    position:relative;
    height:20px;
    top:5px;
    text-align: center;
    border: 0px solid #000;
}
.jqGSContainer .jqGSPagination ul { 
	
    list-style:none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px;
    padding-left: 10px;
     /*float: left;*/
    top: -100px;
    left:0px;
    background: #ffffff;
    position:absolute;
   
    border: 0px solid #000;
}
.jqGSContainer .jqGSPagination ul li { 
    margin-right:5px;
    float:left;
    font-size:11px;
    padding-right:1px;
}
.jqGSContainer .jqGSPagination ul li a { 
    border: 0px solid #fff; 
    color: #6e6e6e;
    text-decoration:none;
    display:block;
    width:20px;
    font:10px;
}
.jqGSContainer .jqGSPagination ul li a.selected {
    color:#f8981d;
}
.jqGSContainer .jqGSPagination ul li a:hover {
    color: #000;
    border:0px solid #fff;
}

.jqGSImgContainer { 
    border: 0px solid #000;
}