/* CSS Document */

*{
margin:0px;
padding:0px;
}

img{
border:0px;
}

.floatl{
float:left;
}

.floatr{
float:right;
}

.clear{
clear:both;
}

body{
background:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#fff;
line-height:22px;
}

#container{
width:900px;
margin:auto;
}

.content-box{
padding-bottom:30px;
}

/*css for left col starts here*/

.left-col{
width:400px;
margin-top:34px;
}

.logo{
padding-left:0px;
padding-top:17px;
padding-bottom:7px;
}

.logo2{
padding-left:0px;
padding-top:17px;
padding-bottom:415px;
}

.logo3{
padding-left:0px;
padding-top:18px;
padding-bottom:150px;
}

.logo4{
padding-left:0px;
padding-top:18px;
padding-bottom:275px;
}
.about{
padding-left:0px;
padding-top:20px;
padding-bottom:0px;
}

.photographer-section{
background:#f2f1f1;
border:3px solid #cecccc;
padding:15px;
margin-top:0px;
}

.photographer-section h1{
font-size:25px;
color:#00416a;
font-weight:normal;
padding-bottom:10px;
}

.photographer-section p span{
font-weight:bold;
color:#444444;
line-height:normal;
font-size:13px;
display:block;
padding-bottom:6px;
}

.photographer-section p{
font-size:11px;
color:#444444;
}



/*css for right col starts here*/

.right-col{
width:460px;
margin-top:23px;
text-align:justify;
}

.top-links{
background:url(../images/links-bg.gif) bottom left repeat-x;
width:400px;
}

.top-links ul{
list-style:none;
}

.top-links li{
color:#000;
float:left;
font-weight:bold;
width:106px;
text-align:center;
}

.top-links li a{
color:#000;
text-decoration:none;
font-weight:bold;
display:block;
padding-bottom:12px;
}

.top-links li a:hover{
color:#01436c;
font-weight:bold;
border-bottom:4px solid #cb1f08;
}

.top-links li a.active{
color:#01436c;
font-weight:bold;
border-bottom:4px solid #cb1f08;
}

.main-content{
margin-top:15px;
width:460px;
color:#fff;
line-height:15px;
font-size:12px;
}

h1, h2, h3, h4{line-height:normal;}

a{color:#5e5c5c;
		text-decoration:underline;}

a:hover{text-decoration:none;}

.main-content h1{
font-size:25px;
color:#00416a;
font-weight:normal;
padding-bottom:10px;
}

.main-content span{
color:#fff;
font-weight:bold;
}

.main-content p{
color:#fff;
line-height:22px;
padding:15px 0px;
}

.category-section{
padding-top:35px;
}

.category-section h1{
font-size:25px;
color:#00416a;
font-weight:normal;
padding-bottom:20px;
}

.category-section ul{
list-style:none;
}

.category-section li{
background:url(../images/category-dotted-bg.gif) bottom left repeat-x;
line-height:29px;
color:#232323;
width:320px;
}

.category-section li a{
background:url(../images/categories-bullets.gif) left 4px no-repeat;
color:#232323;
padding-left:20px;
text-decoration:none;
}

.gallery-section{
padding-top:35px;
}

.gallery-section h1{
font-size:25px;
color:#00416a;
font-weight:normal;
padding-bottom:20px;
}

.gallery-images{
background:#000;
border:0px solid #d4d4d4;
padding:0px 0px;

}

.gallery-images{
	padding-top: 0px;
	height:52px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}

.gallery-images img{
padding-top:0px;
position:relative;
float:left;
}


.pagination{
background:#f6f5f5;
color:#fff;
font-weight:bold;
font-weight:12px;
height:19px;
padding:5px 4px 0px 4px;
margin-top:10px;
}

.pagination ul{
list-style:none;
}

.pagination li{
float:left;
text-align:center;
font-size:12px;
margin-left:3px;
}

.pagination li a{
text-decoration:none;
color:#c20202;
font-weight:bold;
padding:0px 5px;
}

.pagination li a:hover{
background:#00416a;
color:#fff;
padding:0px 5px;
}

.pagination li a.active{
background:#00416a;
color:#fff;
padding:0px 5px;
}


.full-width{
width:900px;
margin-top:110px;
text-align:justify;
font-size:12px;
}

/*css image rollovers*/


.thumbnail{
	padding: 0px 0px;
	background-color: ;
	border: 0px solid #2a2a2a;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	}	
	



/*css for footer starts here*/

.footer-links{
font-size:12px;
text-align:center;
width:900px;
color:#bfbebe;
background: #000;
padding-bottom:22px;
}

.footer-links ul{
list-style:none;
padding:0px 0px 0px 5px;
}

.footer-links li{
float:left;
margin-bottom:5px;
margin-right:9px;
color:#fff;
margin-bottom:5px;
font-size:12px;
}

.footer-links li a{
text-decoration:none;
color:#fff;
}

.footer-links li a:hover{
text-decoration:none;
color:#C60;
}

/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #666;	margin:0px 0px 10px 0px;}
h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #666;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #666; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */
.divide {
	color: #C60;
}


/*  Simple Css Gallery */

#gallery_container {
	background-color: #fff;
	height: 600px;
	width: 800px;
	padding:10px;
  	margin: auto;
	position: relative;
}

/* Drak Grey container that holds gallery */

#simple_gallery {
	background-color: #000;
	height: 60px;
	width: 900px;
	padding:10px 0px 0px 0px;
	position:relative;
	margin: auto;
}


#simple_gallery img {border: 0px solid #FFFFFF;}

/* Thumbnails styles */
.simple_thumbnails {
margin:0px;
float:left;	
padding-top:20px;
padding-right:9.5px;
}

	
.simple_thumbnails:hover img{
border: 1px solid blue;
}


#simple_thumbnails a {
display: block;
color: #CCCCCC;
text-decoration:none;
float:left;
text-align:center;
margin:15px ;

}

#simple_thumbnails  a:hover { /*CSS for enlarged image*/
 border: 10px solid orange;
} 

	

color:url(images/orange-block.gif) left 4px no-repeat;
}

#simple_gallery a:hover span{ /*CSS for enlarged image*/
visibility: visible;
position:absolute;
left: 0px; /*position where enlarged image is placed horizontally */
top:-549px;
z-index: 50;
color:#FFFFFF;
}


/* Large rollover image styles */
#simple_gallery span img {
margin-bottom: 10px
}



#simple_gallery span{
visibility:hidden;
position:absolute;
top:0px;
color:#FFFFFF;
font-size:12px;
width:400px;
left:-1000px; /* prevents the browser to show scroll bar at bottom*/
	}

#simple_gallery a:link span {
color:#FFFFFF;
text-decoration: none;
visibility:hidden;
}

#simple_gallery a:visited span {
text-decoration: none;
color:#FFFFFF;
visibility:hidden;
}

#simple_gallery a:hover span{ /*CSS for enlarged image*/
visibility: visible;
position:absolute;
left: 0px; /*position where enlarged image is placed horizontally */
top:-549px;
z-index: 50;
color:#FFFFFF;
}

#simple_gallery a:active span {
text-decoration: none;
color:#FFFFFF;
visibility:hidden;
}


.divide2 {
	color: #C60;
}

/* fade on menu pics */


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

	  
	  
a.rollover {
	display: block;
	width: 400px;
	height: 54px;
	text-decoration: none;
	background: url("../images/logo2.png");
	}

a.rollover:hover {
	background-position: -400px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}	 
	
	
a.galleryblocks {
	display: block;
	width: 13px;
	height: 13px;
	text-decoration: none;
	background: url("../images/blocks.gif");
	}

a.galleryblocks:hover {
	background-position: -13px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}	
	 




#myRollover {
     background-image: url('../images/white-block.gif');
     width: 5px;
     height: 0px;
     position: absolute;
     top: 23px;
     left: 0px;
     text-indent: -9999px;
}

#myRollover:hover {
     background-image: url('../images/orange-block.gif');
     width: 5px;
     height: 0px;
}