body{
        background-color: #111111;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        height: 100%;
        text-align: left;
        font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
        font-size: 100%;
        background-image: url(../fpimages/fp1_background.jpg);
        background-repeat: no-repeat;
        background-attachment: scroll;
}

h1{
        font-size:medium;
}

h2{
        font-size:medium;
}

a{
        margin:0px;
        padding:0px;
        text-decoration:none;
        color:#181d34;
}

.topbar{
        margin-left:30px;
        margin-right:30px;
        margin-top:30px;
        margin-bottom:30px;
}

.logoimage{
        max-width: 565px;
        width:70%;
}

.telephone{
        float:right;
        color: #ff7b11;
        margin-top:0px;
        margin-bottom:15px;
        font-size:1.2em;
}

@media screen and (min-width: 251px) and (max-width: 550px) {
.telephone{
        font-size:0.9em;
}
}

.telephone a{
        color:#ffffff;
}

.telephonecolor{
        color:#ffffff;
}

.fpimageholder{
        margin-left:0px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:0px;
        position:relative;
}

.buttondiv{
        width:98%;
		
        position: relative;
		  margin-right:2%;
        z-index: 10;
        color: #ff7b11;
        display: table;
        text-align: right;
        font-size: 2em;

}

.buttondiv a{
        color: #ff7b11;
}

.buttondiv a:hover{
        color: #c4c4c4;
}

@media screen and (min-width: 901px) and (max-width: 1500px) {
        .buttondiv{
                font-size:2em;
        }
}

@media screen and (min-width: 661px) and (max-width: 900px) {
        .buttondiv{
                font-size:2em;
        }
}

@media screen and (min-width: 501px) and (max-width: 660px) {
        .buttondiv{
                font-size:1.4em;
        }
}

@media screen and (min-width: 1px) and (max-width: 500px) {
        .buttondiv{
                font-size:1em;
        }
}

.barcolor{
        color:#ffffff;
}

.listmenu{
        padding-left:2%;
        padding-top:2%;
        margin-top:0.4%;
        color: #ff7b11;
        font-size: 1.4em;
        border-top:1px solid #c4c4c4;
        border-bottom:1px solid #c4c4c4;
        height: 125px;
}

@media screen and (min-width: 1000px) {
.listmenu{
        padding-left:5%;
}
}

.listmenu a{
        display:block;
        color:#ff7b11;
        height: 35px;
}

@media screen and (min-width: 1px) and (max-width: 500px) {

.listmenu{
        height: 180px;
        font-size:1em;
}
.listmenu a{
        font-size:1em;
        height: 40px;
        margin-bottom: 10px;
}
}

.aselect{
        color:#ffffff;
}

.content{
        margin-top:5vw;
        margin-left:10%;
        margin-right:10%;
        padding:5%;
        position:relative;
        z-index:0;
        background-color: #CCCCCC;
        display:block;
}

@media screen and (min-width: 1px) and (max-width: 500px) {
.content{
        font-size:0.7em;
}
}

@media screen and (min-width: 1500px) {
.content{
        padding:2%;
}
}

.imgborder{
        border:3px solid #cccccc;
        margin:4px;
        margin-top:15px;
}

@media screen and (min-width: 1px) and (max-width: 950px) {
.imgborder{
        width: 95%;
}
}



@media screen and (min-width: 1001px) and (max-width: 10000px) {

.videobar{
        width=1000px;
        height:600px;
}
.videoplayer{
        width:600px;
        height:1000px;
}
.videoplayer iframe{
	max-width:1000px;
	max-height:600px;
}
}

@media screen and (min-width: 601px) and (max-width: 1000px) {

.videobar{
        width=100%;
        height:60vw;
}
.videoplayer{
        width:60vw;
        height:100%;
}
.videoplayer iframe{
	max-width:1000px;
}
}

@media screen and (min-width: 1px) and (max-width: 600px) {

.videobar{
        width=100%;
        height:60vw;
}
.videoplayer{
        width:60vw;
        height:100%;
}
.videoplayer iframe{
	max-width:600px;
}
}


.blacklink{
        color:#000000;
}

.whitelink{
        color:#ffffff;
}

.copyright{
        width:100%; 
        margin-top: 15px; 
        margin-bottom: 50px; 
        color: #aaaaaa; 
        text-align:center;
}

.imagecontent{
        text-align:center;
}

.displaynone{
        display:none;
}

.centerheader{
        text-align:center;
}

.photomenu{
        width:100%;
        text-align:center;
        border-top:1px solid #cccccc;
        border-bottom:1px solid #cccccc;
}

.photomenuholder{
        color: #fd811d;
        max-width:1200px;
        margin-left:auto;
        margin-right:auto;
        padding-top: 8px;
        line-height: 180%;
}

.photomenuholder a{
        color: #fd811d;
}

.photomenuholder a:hover{
        color: #eeeeee;
}

.menuitem{
        display:block;
        float:left;
        font-size:large;
        margin-left: 60px;
        font-family:Helvetica;
        font-weight:bold;
        width:265px;
        text-align:left;
} 

@media screen and (min-width: 1px) and (max-width: 1000px) {


.menuitem{
        display:block;
        float:left;
        font-size:large;
        margin-left: 60px;
        font-family:Helvetica;
        font-weight:bold;
        width: 1000px;
        text-align:left;
} 


}

@media screen and (min-width: 1px) and (max-width:600px) {

.menuitem{
        font-size:medium;
}


}


@media screen and (min-width: 1px) and (max-width:400px) {

.menuitem{
        font-size:small;
}


}

.casestudy{
	background-color: #BBBBBB;
	padding:20px;
	margin-bottom:40px;
}

.casestudysection{
	display:block;
	overflow-x:auto;
	overflow-y:hidden;
	white-space: nowrap;
	background-color:#333333;
	padding:15px;
	width:90%;
}

.casestudyimage{
	width:auto;

	height:35vw;
	max-height:400px;
	padding-right:10px;
}