@charset "utf-8";
/* CSS Document */

html{
	   margin:0;
   padding:0;
   height:100%;
}
	
body {
	background-attachment: fixed;
	background-image: url(images/WEBSITE-LAYOUT.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #487d91;
   margin:0;
   padding:0;
   padding-right:0;
   padding-left:0;
   padding-top:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#000000;
   padding:10px;
}
#body {
   padding:0;
   padding-bottom:45px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:35px;   /* Height of the footer */
   background:#000000;
   vertical-align:middle;
   padding-top:10px;
}

.divhomescroll {
 position:static;
 top:200px;
 width:100%;
 min-width:500px;
 max-width:1000px;
 height:430px;
 padding:0;
 overflow:hidden;
 background-image:url(images/frontimage.jpg)
 
}

.div1 {
 position:static;
 top:200px;
 width:100%;
 min-width:660px;
 max-width:1000px;
 height:430px;
 padding:0;
 overflow:hidden;
 background-image:url(images/portfolio/portfolioimage_background.png);
 background-repeat:no-repeat;
 background-position:center;
 
}

.div2 {
 position:static;
 top:200px;
 width:70%;
 min-width:500px;
 max-width:1000px;
 background-color: #487d91;
 height:auto;
 padding:20px;
 padding-left:60px;
 text-align:left;
 border-left:dotted;
 border-color: #7D002C;
 border-left-width:thick;
 background-image:url(images/divbackground.jpg);
 background-repeat:repeat-y;

 
}

.divleft {
float: left;
width: 400;
}

.divright {
float: right;
width: 400;
}

.divheader1 {
 align:center;
 position:static;
 top:0;
 width:100%;
 background-color:#000000;
 height:17px;
}

.divheader2 {
 align:center;
 position:relative;
 top:17;
 width:100%;
 min-width:624px;
 
 background-image:url(images/headerbgstripes.jpg);
 background-position:center;
 height:89px;
}

.divmenu {
 position:static;
 align:center;
 top:105;
 width:100%;
 background-color:#FFFFFF;
 background-image:url(images/WEBSITE-LAYOUT_12.gif);
 height:auto;
}

.divmenu2 {
 background-color:#FFFFFF;
 width:700px;
 height:auto;
}

.footer {
 background-color:#000000;
 vertical-align:center;
 position:absolute;
 bottom: 0;
 left: 0;
 align:center;
 width: 100%;
 height: 35;
}

.divmenu-sub {
 position:relative;
 align:center;
 top:17;
 width:100%;
 background-color:#000000;
 height:auto;
 padding-top:5px;
 padding-bottom:5px;
 color:#960000;
 font-size:14px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:600;
 line-height:2;
}
.divmenu-sub a:link {
 color:#FFFFFF;
 text-decoration:none;
}
.divmenu-sub a:active {
  color:#D7F1F7;
 text-decoration:none;
}
.divmenu-sub a:visited {
 color:#FFFFFF;
 text-decoration:none;
}
.divmenu-sub a:hover {
 color:#FFFFFF;
 text-decoration:none;
}

.text-basic {
 color:#F3F3F3;
 font-size:13px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:400;
 line-height:2;
}

.text-bold {
	color:#FFFFFF;
 font-size:16px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:600;
}

.text-basic2 {
	color:#F3F3F3;
 font-size:13px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:400;
}

.text-basic3 {
	color:#666666;
 font-size:13px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:400;
}

.text-basic a:link{
	color:#CCC;
}
.text-basic a:active{
	color:#CCC;
}
.text-basic a:visited{
	color:#CCC;
}
.text-basic a:hover{
	color:#CCC;
}


.text-basic2 a:link{
 color:#CCC;
}

.text-basic2 a:active{
	color:#CCC;
}
.text-basic2 a:visited{
	color:#CCC;
}
.text-basic2 a:hover{
	color:#CCC;
}

.text-footer {
 color:#888888;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:550;
}
.text-footer a:link { 
 color: #888888;
}


/*Easy Slider Stuff */
/*	h1{
/*		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
/*        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

/*	#slidercontainer{	
		margin:0 auto;
		position:relative;
		text-align:center;
		align:center;
		width:600px;
		background:#fff;		
		margin-bottom:2em;
		
		}	
		
				
	#slidercontent{
		position:relative;
		
		}			

/* Easy Slider */

/*	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
/*		width:600px;
		height:430px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:180px;
		}	
	#nextBtn{ 
		left:600px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/prevbtn.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/nextbtn.png) no-repeat 0 0;	
		}	
/* // Easy Slider */

#slider,
.wrap,
.slide-content {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
}

.wrap {
  position: relative;
}

.slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slide1 {
  background-image: url("https://static.pexels.com/photos/302889/pexels-photo-302889.jpeg");
}
.slide2 {
  background-image: url("https://static.pexels.com/photos/302892/pexels-photo-302892.jpeg");
}
.slide3 {
  background-image: url("https://static.pexels.com/photos/226633/pexels-photo-226633.jpeg");
}

.slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.slide-content span {
  font-size: 5rem;
  color: #fff;
}

.arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 0;
  height: 0;
  border-style: solid;
}

#arrow-left {
  border-width: 30px 40px 30px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
  margin-left: 30px;
}

#arrow-right {
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #fff;
  right: 0;
  margin-right: 30px;
}