.with-breadcrumbs
{
    background-color: red;
}

h1 {
display:inline !important;
text-transform:none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
clear:none;
color:inherit;
margin:0;
padding:0;
	
	}
h2 {
display:inline !important;
text-transform:none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
clear:none;
color:inherit;
margin:0;
padding:0;
	
	}

.headerBox 
{
	position: relative; 
	height: 120px;
	background-color:#ffffff;	
	}
 
.mainBox 
{

	position: relative;

}

.topBorder
{
height:10px;
background-color:#111111;	
}
.bottomBorder
{
height:20px;
background-color:#111111;	
bottom:0px;
}



.footerBox 
{
	position: relative; 
	left: 0px; 
	width:100%;
	height: 300px;
	background-color:#eeeeee;
	
}

.workingBox
{
	position:relative;	
	width:1100px; 
	margin: 0 auto 0 auto;	


}


.quickDiv
{

position:absolute;
width:240px;
top:40px;
right:0px;


}






.projectDetailsDiv
{
	position:absolute;
	top:20px;
	left:840px;
	width:250px;
	height:265px;
	padding:6px;

}


.titleCloud {
position: absolute;
width:952px;
height:234px;
color:#666666;
text-align: center;
position:absolute;
font-family:Raleway;
line-height: 7px;
color:#f6f6f6;
text-align: justify;
position: absolute;
left:0px;
top:12px;
width: 100%;
height: 130px;
overflow:hidden;
background-image:url('../images/titleCloud.png');
}





.endpointLogo {
	position: absolute; 
	right: 0px; 
	top: 40px; 
	width:120px;
	z-index: 100;
 
}





.endpointCloud {
	position: absolute; 
	left: 846px;
	 top: 75px; 
	 width: 250px; 
	 height: 67px;
	 font-family: Raleway;
line-height: 5px;
color:#eeeeee;
text-align: center;
font-size:13px;
	 
	 }





.pageBody {
	
	
	

	background-size:100%;
	background-attachment:fixed;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center; 
	margin:0px;
	
	
	
	
	
	
	}





.tmpMsg {
	position:absolute;
	top:400px;
	text-align:center;
	width:1200px;
	font-family:Raleway;
	line-height:28px;
	text-align:centered;
	
	}





.projectPreviewImg {
	
	height: 100%; 
	color:#000000;
	width: 100%;
	
	
	
	}
.facebookImg
{
	position:relative;
	left:100px;
	top:60px;
	width:100px;
	z-index:100;
}

.linkedinImg
{
	position:relative;
	left:425px;
	top:60px;
	width:100px;
	z-index:100;
}

.sendMailBtn
{
-webkit-border-top-left-radius:20px;
border-top-left-radius:20px;
-o-border-top-left-radius:20px;
-ms-border-top-left-radius:20px;
-moz-border-radius-topleft:20px;
-webkit-border-top-right-radius:20px;
border-top-right-radius:20px;
-o-border-top-right-radius:20px;
-ms-border-top-right-radius:20px;
-moz-border-radius-topright:20px;
-webkit-border-bottom-right-radius:20px;
border-bottom-right-radius:20px;
-o-border-bottom-right-radius:20px;
-ms-border-bottom-right-radius:20px;
-moz-border-radius-bottomright:20px;
-webkit-border-bottom-left-radius:20px;
border-bottom-left-radius:20px;
-o-border-bottom-left-radius:20px;
-ms-border-bottom-left-radius:20px;
-moz-border-radius-bottomleft:20px;
position:absolute;
left:931px;
top:438px;
width:160px;
height:40px;
background-color:#bbbbbbcyb
;
font-family:Raleway;
font-size:16px;
}

.projectPreviewImage {
position: absolute;
top:0px;
left:10px;
width: 200px;
height: 278px;
border: 1px solid rgb(204, 204, 204);
margin-top:10px;

 
}





.projectPreviewDiv 
	{
		position: relative; 
		left: 0px; 
		width: 100%; 
		height: 300px; 
		background-color: rgba(240, 240, 240, 0.6);
		top:0px;
		margin-top:60px;

		
	}
	
 

 


.projectTitle {
font-family: Raleway;
left:190px;
font-size:26px;
text-align:justify;
color:#000000;
position:absolute;
top:0px;
margin-top:0px;

left:220px;
font-style:italic;
margin-top:10px;
}

.projectDesc {
font-family: Raleway;
left:231px;
font-size:16px;
text-align:justify;
color:#333333;
position:absolute;
top:36px;
left:230px;
width:590px;
}
.aleexImgDiv
{

position:relative;
margin-top:20px;


	
}
.aleexImg
{
	margin-left:46px;
	width:200px;
	position:relative;
}

.skypeImg
{
	
	position:relative;
	left:725px;
	top:65px;
	width:90px;
	z-index:100;
	
}
.contactDiv {
font-family: Raleway;
left:190px;
font-size:16px;
text-align:justify;
color:#333333;
position:absolute;
top:300px;
left:0px;
width:100%;
height:600px;
}

.projectExpand {
	position: absolute; 
	bottom: 6px; 
	left: 760px;
	font-family: Raleway;
	
	}



.projectsDiv {

position: absolute;
top: 295px;
left: 47px;
width: 100%;
height:1541px;
font-family: Raleway;
left:0px;
line-height:28px;

text-align:justify;
	color:#333333;
}


.contactMessage {
position: absolute;
left:0px;
top:260px;
width: 689px;
height: 200px;
width:900px;

}





.inputBox {
border: 0;
text-align: left;
text-transform: none;
padding: 9px;
min-height: 26px;
padding-left: 15px;
display: inline-block;
border-radius: 4px;
background:#cccccc;
color: #333333;
font-family:Raleway;
font-size:16px;
}

.contactNameBox
{
	position: absolute;
left:0px;
top:100px;
width: 400px;
}

.contactMailBox
{
position: absolute;
left:500px;
top:100px;
width: 400px;
}


.contactSubjectBox
{
position: absolute;
left:0px;
top:180px;
	width:900px;
}




.IndexPageTitle {
position: absolute;
top:236px;
left:1px;
width:171px;
height: 36px;
font-family: Raleway;
background-color: rgba(0, 0, 0, 0);
padding: 5px;
text-align: center;
font-style: italic;
font-size:30px;
background-image:url('../images/highlight.png');
background-size: 100%;
background-repeat:no-repeat;
background-position: bottom;
padding-bottom:0px;
}
.pageTitle {
position: relative;
min-width:120px;
max-width:180px;
height:36px;
font-family:Aclonica;
background-color: rgba(0, 0, 0, 0);
padding: 5px;
text-align:center;
font-style: italic;
font-size:26px;
background-image:url('../images/highlight.png');
background-size: 160px;
background-repeat:no-repeat;
background-position: bottom;
padding-bottom:0px;
margin-top:20px;
width:150px;
}
.quickLinkTitle
{
	left:60px;
	width:250px;
}
.quickLinksDivTitle {
position: relative;
width:356px;
font-family:Qwigley;
padding: 5px;
text-align: center;
font-style: italic;
font-size:46px;
background-image:url('../images/highlight.png');
background-size: 100%;
background-repeat:no-repeat;
background-position: bottom;
padding-bottom:0px;
margin: 0 auto 0 auto;
}

.currentPage
{
border-bottom: 2px solid #666666;

}
 


.mainDiv {
position: relative;
margin-top:90px;
top:0px;
left:0px;
left:0px;
width:848px;

font-family: Raleway;
line-height:28px;
text-align:justify;
min-height:560px;
margin-bottom:50px;

}

.mainDivFullWidth
{
	width:1100px;
}

.menuDiv
{
position:absolute;
top:120px;
width:500px;
right:0px;

}
.positionDiv {
position: absolute;
top:190px;
left:0px;
width:100%;

	height:60px;
	border-bottom-width:1px;
	border-top-width:1px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-color:#cccccc
}



.quickLinks {
position:relative;
left:0px;
margin-top:20px;
width:240px;
text-align: right;


}












	
	
.bottomDivProject
{
position: absolute;
top:2300px;
left: 0px;
width: 100%;
height: 300px;
background-color:#eeeeee;
}
	

.introDiv {
position:absolute;
top:124px;
left:199px;
width:1112px;
height:133px;
margin-top:0px;
padding-top:0px;
}


.titleDiv {
position:relative;
top:46px;
left:0px;
width:100%;
height:213px;
margin-top:0px;
padding-top:0px;
}
.titleName
{
font-size:86px;
text-align:left;
color:black;
line-height: 106px;
position:absolute;
top:-89px;
left:0px;
z-index:100;
color:black;
height:100px;
width:600px;
}
.titleNameName
{
	font-family:Aclonica;
	font-size:62px;
	color:#222222;
}

.titleNameSurname
{
	font-family:Lato;
	letter-spacing: -6px;
	font-size:68px;
	font-weight:100;

}
.titleDesc
{
font-family:Lato;
font-size:26px;
text-align:left;
color:black;
line-height: 106px;
position:absolute;
top:-90px;
left:320px;
z-index:100;
color:black;
height:100px;
width:440px;
}

.briefDesc1 {
font-family:Lato;
font-size:18px;
text-align:center;
color:black;
line-height: 36px;


letter-spacing: 1.6px;
font-weight:300;
z-index:50;
color:#666666;
margin-top: -30px;
}

.briefDesc2 {
font-family:Raleway;
font-size:16px;
text-align:center;
color:black;
line-height: 36px;
position:absolute;
top:50px;
left:361px;
z-index:100;
}

.workingDiv {
position:absolute;
top:0;
left:50%;
width:960px;
height:100%;

margin-left:-480px;
}


.centeredBottomDiv {
position:absolute;
left:50%;
width:1160px;
height:60px;
background-color:transparent;
margin-left:-580px;
}




.projectDetailsTd1
{
	width:60px;
	font-size:10px;
}
.projectDetailsCaption
{
font-family: Raleway;
color:#333333;
position:absolute;
left:0px;
top:-26px;

}

.projectDetailsTd2
{
	width:190px;
	line-height:15px;
	font-size:10px;
}
.projectDetailsTable
{
	border-collapse:collapse;
	position:absolute;
	bottom:10px;
}
.projectDetailsHighlightedRow
{
	width:190px;
	line-height:15px;
	font-size:10px;
	background-color:#cccccc;

}


.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0;
      }
      
      
      
      
      
      ::-webkit-input-placeholder {
   color: #333333;
   font-size:12px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;
      font-size:12px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;
      font-size:12px;
}

:-ms-input-placeholder {  
   color: #333333;
   font-size:12px;
}

.linkBck
{
	padding:6px;
	font-size:18px;
	text-align:center;

font-family:Lato;
font-weight:300;

}
.quicklinkButtons
{
	position:relative;

}





.homeLink
{
	position:absolute;
	top:0px;
	right:430px;
	

}
.aboutLink
{
	position:absolute;
	top:0px;
	right:300px;	
}
.projectLink
{
position:absolute;
	top:0px;
	right:150px;
	
}
.contactLink
{
	position:absolute;
		top:0px;
	right:0px;
}



.copyright
{
	font-family:Lato;
	font-size:10px;
	color:#666666;	
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
}


.textLink
{
color:#666666;
	text-decoration: underline;
}

.textLink:hover
{
color:red;
	text-decoration: underline;
}