/**********************/
/*  BASE STYLES
	SCROLLBARS
	HEADER
	DEMDOUS
	CONTENT
	MENU
	PAGEHOLDER
	CLOSE BAR
	FOOTER SECTION
	ABOUT SECTION
	social SECTION
	idagroup-page SECTION
	CONTACT SECTION
	STYLES FOR MOBILE DEVICES
/**********************/

/********* BASE STYLE **********/
*{outline:none;line-height:1.4;}
body{margin:0px;padding:0px;height:100%;width:100%;background:#333 url('../image/backgrounds/BG.png') repeat;  color:#CCC; overflow:auto; vertical-align: baseline; position:relative;}
body,input,textarea{font-family:'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; font-size:13px;outline:none; color:#333;}
textarea{overflow:hidden;resize:none;}
p{line-height:1.4;}
a img{border:none;}
a{text-decoration:none; color:#666; text-decoration:underline;}
a:hover{text-decoration:underline; color:#d74d02;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;color:#222;font-weight:normal;margin-bottom:10px;}

/*********  SCROLLBARS	**********/
.jspVerticalBar{width:10px;}
.jspDrag{background:#CCC url(../image/scrollBG.png) no-repeat center;}
.jspTrack{background:#F1F1F1;}
.jspHover{background:#AAA url(../image/scrollBG.png) no-repeat center;}


/******* HEADER *******/
div.demdous-header{height:75px;position:relative; width:100%;}					
div.header-inner{width:100%;  float:left; height:75px; position:absolute; z-index:99999; display:block; }
div.header-inner h3{margin:10px 10px 0 1px; padding:0; color:#FFF;  font-size:22px; font-weight:normal; text-align:left; text-transform:uppercase; }
div.header-inner p{margin:0 10px 0 1px; padding:0;color:#CCC; font-size:12px; text-align:left; letter-spacing:1px; line-height:1.4;}
div.header-nav{width:300px; float:left; margin-left:280px; top:75px; position:relative; z-index:1;  background:url('../image/headerBg.png') no-repeat center;}
div.nav-profile{width:60px; height:60px; background:url('../image/head-profile.png') no-repeat bottom center;}
div.nav-social{width:60px; height:60px; background:url('../image/head-social.png') no-repeat bottom center;}
div.nav-idagroup-page{width:60px; height:60px; background:url('../image/head-idagroup-page.png') no-repeat bottom center;}
div.nav-contact{width:60px; height:60px; background:url('../image/head-contact.png') no-repeat bottom center;}
div.nav-li{ float:left; cursor:pointer; display:block; z-index:3; position:relative;top:0;}

/******* DEMDOUS *******/
div.demdous{margin:0 auto; width:860px; position:relative;}
div.controller{height:auto;position:relative;margin:0px 0px 30px 0px;float:left;clear:both; width:100%;}

/******** CONTENT ********/
div.content{height:auto;float:left;clear:both; width:100%; position:relative; margin:0;}
div.demdous-pageholder-content{margin:0;padding-bottom:0;float:left;height:430px; width:100%}
div.inner-content{ margin:10px 10px 5px 10px;  float:left;}
.column-50{width:395px; float:left; margin:0 20px 10px 0; height:auto;}
.inner-content p{margin:0 0 10px 0; text-align:left;}
.inner-content h3{ padding: 5px 0 5px 25px; color:#333;font-size:16px;font-weight:normal; border-bottom:1px solid #CCC; margin:0 0 20px 0; background:url('../image/h3.png') no-repeat left center;}
/*::selection {background: #040D3A; color:#1a2d69;  /* Safari }
::-moz-selection {	background: #040D3A; color:#1a2d69;/* Firefox */ 

/******** MENU ********/
ul.demdous-menu{float:left;margin:0px;padding:0px; list-style-type:none;height:auto; width:100%;} 
ul.demdous-menu li{z-index:1; height:100px;cursor:pointer;position:absolute;text-align:left; width:100%;margin:0;padding:0;background:#101010 url('../image/BG.jpg') repeat-x;}
ul.demdous-menu li div{ padding:10px 0 0 8px; height:90px; margin:0 0 0 320px;}
ul.demdous-menu li h3{ font-size:25px; text-transform:capitalize;color:#FFF; margin:10px 0 0 0; line-height:33px; }
ul.demdous-menu li span{color:#9f2d00; font-style:italic; padding:0 10px 0 0; font-family:Calibri; font-size:14px;}
ul.demdous-menu li.about{top:0px;}
ul.demdous-menu li.social{top:105px;}
ul.demdous-menu li.idagroup-page{ top:210px;}
ul.demdous-menu li.contact{top:315px;}
ul.demdous-menu li span.icon{width:75px; height:78px; float:left; margin:0 30px 0 0; position:relative;}
ul.demdous-menu li.about span.icon{background:url('../image/menu-profile.png') no-repeat left bottom;}
ul.demdous-menu li.social span.icon{background:url('../image/menu-social.png') no-repeat left bottom;}
ul.demdous-menu li.idagroup-page span.icon{background:url('../image/menu-idagroup-page.png') no-repeat left bottom;}
ul.demdous-menu li.contact span.icon{background:url('../image/menu-contact.png') no-repeat left bottom;}
ul.demdous-menu li span.box{width:100px; height:82px; float:left; margin:2px 10px 0 -123px; background:url('../image/menu-box.png') no-repeat left center; position:relative;}
ul.demdous-menu li:hover span.icon{margin-top:-5px;}

/******* PAGEHOLDER *******/
div.demdous-pageholder{top:105px;display:none;height:auto;position:absolute;float:left;background:#FFF; width:100%;}
div.demdous-pageholder-prealoder{background:#FFF url('../image/preloader.gif') 50% 50% no-repeat;}

/********* CLOSE BAR ********/
div.demdous-pageholder-closer{height:75px; text-align:center; float:left; width:60px; display:none; position:relative; top:-145px; }
div.demdous-pageholder-closer a{width:60px;height:45px; display:block; color:#CCC; margin:0 auto; padding-top:30px; text-shadow:0 0 5px #000;}
div.demdous-pageholder-closer a:hover{text-decoration:none;}

/*---- FOOTER SECTION----*/
div.footer{top:385px; height:100px;float:left;position:relative; width:100%;}
div.footBack{background:url(../image/footerBG.png) repeat-x bottom;float:left;height:75px;width:100%;}
div.footerHalf{float:left; width:50%; height:75px;}
div.footerHalf a.download{color:#FFF; background:#aaa url('../image/download.png') no-repeat left center; padding:5px 15px 5px 30px; margin:25px 0 0 10px; float:left; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.27); box-shadow: 0 0 2px rgba(0, 0, 0, 0.27); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
div.footerHalf a.download:hover{text-decoration:none; background-color:#d74d02;}
div.footer p.copyright{font-size:11px; margin:5px 0 0 0; float:left; clear:both; color:#999;}
div.footerHalf ul{list-style-type:none; margin:25px 10px 0 0; padding:0; float:right;}
div.footerHalf ul li{width:29px; height:37px; float:left; margin:0 0 0 5px;}
div.footerHalf ul li a{width:27px; height:27px; float:left; background-color:#aaa; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.27); box-shadow: 0 0 2px rgba(0, 0, 0, 0.27); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
div.footerHalf ul li.facebook a{background:#aaa url('../image/icons/facebook.png') no-repeat center;}
div.footerHalf ul li.twitter a{background:#aaa url('../image/icons/twitter.png') no-repeat center;}
div.footerHalf ul li.youtube a{background:#aaa url('../image/icons/youtube.png') no-repeat center;}
div.footerHalf ul li.flickr a{background:#aaa url('../image/icons/flickr.png') no-repeat center;}
div.footerHalf ul li.facebook a:hover{background-color:#3B5998;}
div.footerHalf ul li.twitter a:hover{background-color:#22B1E5;}
div.footerHalf ul li.youtube a:hover{background-color:#b12c26;}
div.footerHalf ul li.flickr a:hover{background-color:#ff0084;}

/***** ABOUT SECTION  *****/
div.avatar img{width:238px; height:298px; margin:0 10px 5px 0;}
div.avatar{width:238px; height:298px; float:left; margin:0 10px 15px 0; padding:5px; border:1px solid #CCC; border-radius:5px;}
div.desc{float:left; width:570px;}
div.desc h4{font-size:15px;}
ul.personal-info{list-style-type:none; margin:15px 0 0 0; padding:0;}
ul.personal-info li{text-align:left; float:left; margin:5px 0 10px 0; height:auto; width:100%; line-height:23px;}
ul.personal-info li span{background:#f4f4f4; margin:0 10px 0 0; padding:5px 10px;color:#d74d02;}
ul.social{list-style-type:none; margin:0; padding:0;}
ul.social li{padding:10px 0 10px 40px; margin: 0 0 5px 10px;}
ul.social li.facebook{background:url('../image/icons/facebook.png') no-repeat left center;}
ul.social li.twitter{background:url('../image/icons/twitter.png') no-repeat left center;}
ul.social li.youtube{background:url('../image/icons/youtube.png') no-repeat left center;}
ul.social li.flickr{background:url('../image/icons/flickr.png') no-repeat left center;}
ul.social li a{color:#333;}

/******* social SECTION *******/

/*------ Images list ------*/
#social { list-style-type:none; margin:0; padding:0;}
#social li {	float:left;	margin:0 5px 5px 5px;padding:30px 0 0 0; text-align:center;	background:#F7F7F7;	height:185px;	width:230px; border-bottom:1px solid #E5E5E5;}
#social li:hover { border-bottom:1px solid #d74d02; background:#FFF;}
#social img {	background-color:#FFF;	height:125px; 	width:120px;}
#social li a{text-decoration:none;}
#social li h2.title {	font-size:16px;	margin:5px;	font-weight:normal;	color:#333;}
#social li:hover h2.title {	color:#d74d02;}
#social li span{font-size:11px;	line-height:1.3px;	color:#999;	text-decoration:none;}

/***** Adipoli (hover effect) ******/
.adipoli-wrapper {	margin:auto;position:relative;	display: inline-block;}
.adipoli-wrapper>img {	position: absolute;	z-index: 1;}
.adipoli-before {	position: absolute;	z-index: 5;}
.adipoli-after {	position: absolute;	z-index: 10;}
.adipoli-slice {	display:block;	position:absolute;	z-index:15;	height:100%;}
.adipoli-box {	display:block;	position:absolute;	z-index:15;}

/*---- Isotope filtering ------*/
.isotope-item {	z-index: 2;}
.isotope-hidden.isotope-item {	pointer-events: none;	z-index: 1;}
.isotope, .isotope .isotope-item {	-webkit-transition-duration: 0.7s;	-moz-transition-duration: 0.7s;	transition-duration: 0.7s;}
.isotope {-webkit-transition-property: height, width;	-moz-transition-property: height, width;	transition-property: height, width;}
.isotope .isotope-item {	-webkit-transition-property: -webkit-transform, opacity;	-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}

/****** idagroup-page SECTION *****/
.career-list{list-style-type:none; margin:0 10px 40px 0;  padding:0;}
.career-list li{margin:0 0 30px 0;padding:0 0 0 10px;border-left:1px solid #d74d02;}
.career-list h2{font-size:14px; color:#d74d02;  padding:0 0 2px 0; margin:10px 0 5px 0;}
.career-list span{color:#999;}
.skill-list{list-style-type:none; margin:0 10px 40px 10px; padding:0;}
.skill-list li{ margin:0 0 10px 0;}
.skill-list h2{font-size:13px; color:#333; margin:0; padding:0 0 10px 0; font-weight:normal; text-transform:capitalize; border-bottom:1px dotted #CCC;}
.skill-list span{color:#999; font-size:11px; margin:0; text-transform:lowercase; letter-spacing:0;}
p.rating{width:90px;margin:0; float:right;}
p.rating span{width:15px; height:15px; background:url('../image/rating.png') no-repeat; float:left;}
p.rating span.off{background:url('../image/ratingOff.png') no-repeat;}

/***** CONTACT SECTION *****/
.map{width:100%; height:190px; margin:0 0 30px 0;}
ul.data-list{margin:0 0 30px 0; padding:0; list-style-type:none;}
ul.data-list li{text-align:left;  margin:5px 0 10px 0; height:auto; padding:0 0 5px 0;}
ul.data-list li span{background:#f4f4f4; margin:0 10px 0 0; padding:5px 10px;color:#d74d02;}
form,input,textarea{margin:0px;padding:0px;}
table.contact{width:100%;}
table.contact label{margin:4px 0 0 0; float:left;}
textarea,input[type="text"]{float:right;border:none;padding:5px;background:none;border:solid 1px #CCC; width:270px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
input[type="text"]{height:20px;}
textarea{height:120px;}
a.send{float:right;padding:5px 30px; text-decoration:none; color:#FFF; background:#aaa; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
a.send:hover{text-decoration:none; background:#d74d02; color:#FFF;}
.alertMessage{height:100px;}
.alertMessage ul{list-style-type:circle; font-size:10px; margin:0 0 0 20px; padding:0;}
.alertMessage ul li{margin:0 0 5px;}

/*----- MOBILE DEVICES -----*/

div.demdous{width:750px; width:750px\0/!important;}
div.inner-content{width:720px;margin:10px 10px 5px 10px;}
.column-50{width:340px;}
textarea,input[type="text"]{width:230px;}
div.desc{ width:450px;}
ul.demdous-menu li div{margin: 0 0 0 250px;}
div.header-nav{margin-left:225px;}


@media only screen and (min-width: 480px) and (max-width: 767px){
div.demdous{width:470px; width:470px\0/!important;}
div.inner-content{width:430px;margin:10px 10px 5px 10px;}
div.header-inner h3{font-size:20px;}
.column-50{width:410px; margin:0 auto; float:none; clear:both;}
textarea,input[type="text"]{width:270px;}
div.avatar{width:118px; height:148px;}
div.avatar img{width:118px; height:148px;}
div.desc{ width:290px;}
#social li{margin:0 5px 5px 5px; width:205px;}
ul.demdous-menu li div{margin: 0 0 0 110px;}
div.header-nav{margin-left:85px;}
}

@media only screen and (min-width: 200px) and (max-width: 479px){
div.demdous{width:300px; width:300px\0/!important;}
div.inner-content{width:270px;margin:10px 10px 5px 10px;}
div.header-inner h3{font-size:15px;}
.column-50{width:270px; margin:0 auto; float:none; clear:both;}
textarea,input[type="text"]{width:190px;}
div.desc{ width:100%;}
div.avatar{margin:0 0 15px 10px;}
#social li{margin:0 0 5px 0; width:270px;}
ul.demdous-menu li div{margin: 0 0 0 15px;}
div.header-nav{margin-left:0;}
}