/*
Theme Name: Dronasys Frontlineimage
Theme URI: http://www.dronasys.com/
Description: Theme,template for frontlineimage.com
Version: 1.6
Author: Binu Udayakumar
Author URI: http://www.dronasys.com/
Tags: dronasys, frontlineimage, photography



*/

/*common */
.clear {clear:both;display:block;}
body {
	color:#FFFFFF;
	cursor:default;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	background-color:#000000;
}

a{
	text-decoration:none;
	color:#333333;
	cursor:pointer;
	border:0;
}

a:hover {color:#FFFFFF;}
ul{
	list-style:none;
}

h2{
	color:#333333;
}
p{
	font-size:13px;
	margin:0;
	color:#666666;
	line-height:16px;
}


a img{
	border:none;
}

/* layout */

#origImageHld {
	background-color:#000000;
	z-index:100;
	position:absolute;
	top:77px;
	width:100%;
	height:100%;
}

#origImage {	
	border:10px solid #202020;
	margin:0 auto;
	padding:10px; 
	display:none;
}

#origImage.loading {background:transparent url(images/loading.gif) no-repeat scroll 50% 50%;}

#origImage a {
	float:left;
	font-size:14px;
	padding:0 0 10px;
	width:100%;
}

#origImage img {
}

#page	{margin:0 auto;width:960px;}
#page.blur {opacity:0.5;}

#header {width:920px;height:90px;margin:0 20px;}

#content.page {width:920px;margin:0 20px;}
#content.narrowcolumn {width:700px;margin:0 20px 0 20px;}
#content.widecolumn {width:700px;margin:0 20px 0 20px;}
#content.gallery {width:960px;height:564px;margin:0;}

#footer {width:920px;margin:20px 20px;height:60px;}

#logo{
	float:left;
	width:180px;
}

#hdrInfo {
	float:left;
	padding-top:42px;
	text-align:center;
	width:400px;
}
#navArea{
	float:right;
	padding-top:32px
}

ul#nav{
	float:left;
	padding:0;
}

ul#nav li{
	border-right:1px solid #DDDDDD;
	float:left;
	padding:0 10px;
}

ul#nav li.last{
	border-right:none;
	padding-right:0px;
}

#nav  li {
	list-style:none;
	float:left;
	display:block;
	text-align:left;}
	
#nav ul.subMenu {
	margin:0;
	padding:0;
	position:absolute;
	left:863px
	top:66px;
	width:130px;
	z-index:50;
}
	
ul#nav ul.subMenu li{    
	border-bottom: 1px solid #8B8B8B;
	border-right:none;
    display: block;
    padding: 1px;
	background-color: #202020;
	word-wrap:normal;
	opacity:0.85;
}

#nav ul.subMenu a {
	display:block;
	padding:2px 0 2px 5px;
	width:130px;
	border:none;
} 

#nav a { color:#ABABAB;}
#nav a:hover { color: #FFFFFF;}
	

#bgImg {width:920px;height:564px;}
#bgImg.loading {
	background:transparent url(images/loading.gif) no-repeat scroll 50% 50%;
}
#bgImg img {margin:0 auto;display:block;}

div.dottedBorder {
	background:transparent url(images/splitter.jpg) repeat-x scroll -2px 0;
	float:left;
	height:20px;
	width:920px;
}

/* footer */

#footer span.copyright {
	width:450px;
	float:left;
}

#footer span.galleryLinks {
	width:450px;
	float:right;	
	text-align:right;
}

#footer span.galleryLinks a{
	padding-left:10px;
}
/*********************************************************about us**************************************************************/

#content.abt{
	
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	float:left;
}

#content .banner{
	float:left;
}


#content .abtInfo{
	float:left;
	font-family:arial;
	line-height:20px;
	padding:50px;
	width:459px;
}

			
			#holder.abtCnt {
				height:500px;
				padding-left:100px;
				position:absolute;
				top:135px;
			}
			
			#holder.abtCnt .heading{
				background-color:#595959;
				height:50px;
				margin-bottom:7px;
				opacity:0.5;
				width:447px;
				
			}
			
			#holder.abtCnt .heading h2{
				color:#FFFFFF;
				font-size:17px;
				line-height:20px;
				margin:0;
				opacity:5;
				padding:5px;
				width:325px;
				
			}
			
			#holder.abtCnt .info{
				background-color:#000000;
				float:left;
				height:320px;
				margin-right:7px;
				opacity:0.5;
				padding:7px;
				width:372px;
			}
			
			#holder.abtCnt .info p{
				color:#FFFFFF;
				padding-bottom:5px;
			}
			
			
			#holder.abtCnt span{
				background-color:#898888;
				float:left;
				height:333px;
				opacity:0.5;
				width:54px;
				
			}
			
			
			#holder.abtCnt p{
				margin:0;
				color:#3c3c3c;
			}

/*********************************************************blog**************************************************************/
	



#content .leftCnt{
	float:left;
	width:660px;
	
}

.leftCnt a{
	color:#323232;
}

.leftCnt .views-row-even{
	border-bottom:1px solid #dddddd;
	padding:10px;
}

.leftCnt .views-row-even a{
	color:#9CA90B;
	font-weight:bolder;
		
	}

	

	
#content .rightCnt{

	float:left;
	width:260px;
	height:100%
}

.rightCnt .searchIcon{
	background:transparent url(images/searchBar.jpg) no-repeat scroll 0 0;
	height:24px;
	width:236px;
}


#search #searchForm {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	height:21px;
	margin:0px 0 1px 58px;
	width:153px;
	float:left;
}
#submitBtn{
	background-color:transparent;
	border:0 none;
	cursor:pointer;
	height:20px;
	padding:0;
	width:20px;
	float:left;
}

.rightCnt ul {
	padding-left:25px;
}

.rightCnt ul li{
	font-size:13px;
	margin-top:5px;
}

ul li h2{
	margin:30px 0 10px 4px;
}



/*********************************************************portfolio**************************************************************/

#mainImg{
	margin:0 auto;display:block;
}

.mainImageCtrl {
	width:20px;
	float:left;
	height:564px;
}

.mainImageCtrl a {
	background:transparent url(images/arrows.jpg) no-repeat scroll 0 0;
	display:block;
	height:22px;
	margin:272px 0;
	width:20px;
}
.mainImageCtrl a.left {background-position:0 -26px;}
.mainImageCtrl a.left:hover {background-position:0 0;}
.mainImageCtrl a.right {background-position: -21px -26px;}
.mainImageCtrl a.right:hover {background-position: -21px 0;}

#portfolioGallery {overflow:hidden;height:564px;width:920px;float:left;}

/**************thumbnail*********************/

#imageInfo {
	height:50px;
	overflow:hidden;
	position:absolute;
	top:597px;
	width:920px;
	padding:10px;
	background:transparent url(images/imageInfo.png) no-repeat scroll 0 0;	
}




#thumb{
	height:106px;
	overflow:hidden;
	position:absolute;
	top:561px;
	width:920px;
	background:transparent url(images/thumNailBg.png) no-repeat scroll 0 0;
}

#thumb .thumbTab {
	float:left;
	height:21px;
	opacity:0.85;
	padding-left:713px;
	width:139px;
}

#thumb .thumbTab h3{
	margin:0;
	padding-top:5px;
	text-align:center;
}

#thumb span.info,#thumb span.image  {display:none;}

#thumbView .scroll.left{
	float:left;
	padding:12px 11px 0 0;
}
#thumbView .scroll.right{
	float:left;
	padding:12px 0 0 0;
}

#thumbView .scroll a {
	background:transparent url(images/tArrow.png) no-repeat scroll 0 -26px;
	float:left;
	height:26px;
	width:18px;
}

#thumbView a.right {
	background-position:-23px 0;
}

#thumbView a.left:hover{
	background-position:0px 0px;
}

#thumbView a.right:hover {
	background-position:-23px 0px;
}

#thumbView{
	float:left;
	height:48px;
	overflow:hidden;
	padding-top:8px;
}

#mainThumb{
	float:left;
	width:870px;
	height:48px;
	position:relative;
	overflow:hidden;
}

#mainThumbSlide {
	position:absolute;
	top:0;left:0;
}

#mainThumb ul{
	margin:0;
	padding-left:0;
	padding-top:8px;
}

#mainThumb a.imgHld {
	float:left;
	margin-right:10px;
	background-color:#202020;
}

#mainThumb  a img {
	height:48px;
	width:77px;
}


/* aboutpage */

 #holder.abtCnt {
	height:500px;
	position:absolute;
	top:135px;
 }
 

 
 /************************************************contact****************************************************************/
#cforms2form {
	width:510px;
}
 #holder.contactCnt {
 	padding-top:50px;
 	height:590px;
 }
 
 #holder.contactCnt .form{
	float:left;
	height:500px;
	width:510px;
}

#holder.contactCnt .info {float:left;padding-left:50px;}
#holder.contactCnt .info p {margin-bottom:5px;}
#holder.contactCnt .cform textarea,#holder.contactCnt .cform input {width:250px;}

#holder.contactCnt img.captcha {margin:15px 0 0 100px;}
.linklove {display:none;}

#contact{
	float:left;
	padding-left:50px;
	
}

#contact a{
	color:#3E46EA;
	text-decoration:underline;
}
 

/*********************************************************client**************************************************************/
#holder.client {
				height:500px;
				padding-left:100px;
				position:absolute;
				top:135px;
}


#holder.client h2{
	background:transparent url(images/cInfoBg.png) repeat scroll 0 0;
	color:#FFFFFF;
	height:30px;
	margin:0;
	padding:20px 0 0 25px;
	width:690px;
 }
 
#holder.client ul{
  	background:transparent url(images/cDltBg.png) repeat scroll 0 0;
	height:430px;
	width:675px;
	padding-top:15px;
}
  
#holder.client ul li{
  	float:left;
	font-size:14px;
	line-height:27px;
	width:337px;
	color:#B4B4B4;
}
  
#holder.client ul li a.client{
  	color:#7AA740;
}