/*

Theme Name: CJGrace

Theme URI: http://Cjgrace.com/

Description: CJ Grace Photograph website theme

Version: 1

Author: Sandeep Rana

Author URI: http://logicfire.in/



*/







html, body {

	margin: 0px; padding: 0px; background: url(images/background.jpg) no-repeat #050301 center top; 

}

img{

	border:none;

}
a{
        text-decoration:none;
        outline:none;
}


H1, H2, H3, H4, H5, H6, p, span, ul, ol, li {

	margin: 0px; padding: 0px;

}





#container {

	width: 971px; height: auto; margin: 0 auto;

}



#logo-menu {

	width: 971px; height: 104px; float: left; margin: 40px 0 0 0;

}



#logo-menu .logo {

	width: 471px; height: 104px; float: left;

}



#logo-menu #menu {

	background: url(images/menu-background.jpg) no-repeat; width: 500px; height: 104px; float: left;

}



/*#logo-menu #menu #blog-login {

	width: 287px; height: 28px; float: right; margin: 0 24px 0 0;

}



#logo-menu #menu #blog-login .blog {

	width: 143px; height: 28px; float: left;

}



#logo-menu #menu #blog-login .login {

	width: 144px; height: 28px; float: left;

}*/

/**************CSS Changes 5th June***************/



#logo-menu #menu #blog-login-video {

	width: 409px; height: 28px; float: right; margin: 0 24px 0 0;

}



#logo-menu #menu #blog-login-video .blog {

	width: 139px; height: 28px; float: left;

}



#logo-menu #menu #blog-login-video .video {

	width: 132px; height: 28px; float: left;

}



#logo-menu #menu #blog-login-video .login {

	width: 138px; height: 28px; float: left;

}



/**************End CSS Changes 5th June***************/



#navigation {

	width: 460px; *width: 450px; height: 30px; float: right;  margin:29px 20px 0 0 /*30px 25px 0 0*/;

}



/*#navigation ul {



	list-style: none;



}







#navigation ul li {



	list-style: none; font-family: "Trebuchet MS"; font-size: 15px; color: #e9c9a0; float: left; display: block; text-decoration: none; line-height: 30px;  margin: 0 10px; *margin: 0 7px;



}







#navigation ul li a {



	list-style: none; font-family: "Trebuchet MS"; font-size: 14px; color: #e9c9a0; float: left; display: block; text-decoration: none; margin: 0 10px; font-weight: 599; *margin: 0 6px;text-shadow:0.2em 0.2em 0.1em #000000;



}*/

.menu {

     position:relative;

     text-align:center;

     list-style: none;

     margin-left: auto;

     margin-right: auto;

     padding: 0px;

     text-transform:uppercase;

     

 }

 

 .menu li{

     position:relative;

     display:inline;

     cursor:pointer;

	 list-style: none; font-family: "Trebuchet MS"; font-size: 14px; color: #e9c9a0; float: left; display: block; text-decoration: none; /*margin: 0 10px;*/  font-weight: 599; *margin: 0 6px;text-shadow:0.2em 0.2em 0.1em #000000;

 }

 

 .menu li a{

     text-decoration:none;

    list-style: none; font-family: "Trebuchet MS"; font-size: 14px; color: #e9c9a0; float: left; display: block; text-decoration: none; /*margin: 0 5px;*/ font-weight: 599; *margin: 0 6px;text-shadow:0.2em 0.2em 0.1em #000000;



 }

 

 .menu li a:hover{

    

 }

 

 .menu li:hover{

     

     

 }

 

 .menu li ul{

     position:absolute;

     white-space:nowrap;

     text-align:left;

     list-style:none;

     display:none;

     z-index:5;

     left:0%;

     top:1.15em;

     margin:0px;

     padding:0px;

   

   

 }

 

 .menu li ul li{

     position:relative;

     left:0px;

     display: list-item;

     cursor:pointer;

	 margin:0px;

     padding:5px;

	 border:1px solid #1D150A;

	 background-color:#A36E2C;

 }

 .menu li ul li:hover{

	 background-color:#503216; 	

 }

 .menu li ul li{

     position:relative;

     left:0px;

     cursor: pointer;

     width:200px;

 }

 

 .menu li ul li a{

     display:block;

     margin-left:3px;

     margin-right:3px;

 }

 

 .menu li:hover > ul{

     display:block;

 }





#left-panel {

	width: 669px; height: 647px; float: left;

}

#left-panel p{

  margin:0 0 5px 0;

}



#slider-background {

	background: url(images/slider-background.jpg) no-repeat; width: 669px; height: 354px; float: left;

}



#slider-background .slide {

	width: 626px; height: 342px; float: left; margin: 0 0 0 30px; *margin: 0 0 0 15px;

}



#right-panel {

	width: 290px; height: 1000px; float: left;

}



#twitter-blog-wrapper {

	background: url(images/twitter-blog-background.jpg) no-repeat; width: 296px; height: 647px; float: left;

}



.camera {

	width: 100px; height: 104px; float: left; position: absolute; margin: 0 0 0 150px; *margin: -405px 0 0 -110px;

}



.come-visit {

	width: 290px; height: 134px; float: left; position: absolute; margin: 510px 0 0 -280px; *margin: 100px 0 0 -260px;

}



#twitter-blog-wrapper .twitter {

	width:225px; height: 75px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7a6043; margin: 120px 0 0 40px; *margin: 115px 0 0 20px;

}



#twitter-blog-wrapper .difference {

	width:225px; height: 75px; float: left; clear: both;

}



#twitter-blog-wrapper .blog {

	width:235px; height: 125px; float: left; margin: 0 0 10px 25px; *margin: 0 0 10px 12px;

}



#twitter-blog-wrapper .blog h1 {

	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #b87326; font-weight: bold;

}



#twitter-blog-wrapper .blog p {

	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7a6043;text-align:justify;

}



/************    Video Page Sidebar		******************/



#video-blog-wrapper {



	background: url(images/videos-sidebar-bg.jpg) no-repeat; width: 296px; height: 647px; float: left;



}







.camera {



	width: 100px; height: 104px; float: left; position: absolute; margin: 0 0 0 150px; *margin: -405px 0 0 -110px;



}







.come-visit-video {



	width: 290px; height: 134px; float: left; position: absolute; /*margin:380px 0 0 -295px;*/  margin: 10px 0 0 -25px; *margin: 100px 0 0 -260px;



}







#video-blog-wrapper .twitter {



	width:225px; height: 75px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7a6043; margin: 115px 0 0 40px; *margin: 115px 0 0 20px;



}







#video-blog-wrapper .difference {



	width:225px; height: 120px; float: left; clear: both;



}







#video-blog-wrapper .blog {



	width:235px; height: 125px; float: left; margin: 0 0 10px 25px; *margin: 0 0 10px 12px;



}







#video-blog-wrapper .blog h1 {



	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #b87326; font-weight: bold;



}







#video-blog-wrapper .blog p {



	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7a6043;



}









/*******************************************************/











#testimonials {

	background:url(images/testimonials-background.jpg) no-repeat; width: 669px; height: 56px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fab73c; line-height: 55px;

}



#testimonials .testimonial {

	width: 136px; height: 56px; float: left; text-align: right;

}



#box-backgrounds {

	background: url(images/box-background.jpg) no-repeat right top; width: 669px; height: 237px; float: left;

}



#box-backgrounds .box {

	width: 597px; height: 226px; float: left; margin: 4px 0 0 37px; *margin: 2px 0 0 18px;

}



#box-backgrounds .box .photo {

	width: 195px; height: 226px; float: left;

}



#box-backgrounds .box .price {

	width: 195px; height: 226px; float: left; margin: 0 5px;

}



#box-backgrounds .box .chris-jenn {

	width: 195px; height: 226px; float: left;

}



#img-strip {

	background: #c8955e; width: 933px; height: 72px; float: left; margin: 0 0 0 21px; *margin: 0 0 0 11px;

}



#bottom-wrapper {

	background: url(images/orange-background.jpg) repeat-x; width: 936px; height: 298px; float: left; margin: 0px 0 0 20px; *margin: 0px 0 0 10px;

}





#bottom-wrapper .boxes-wrapper {

	width: 915px; height: 282px; float: left; margin: 3px 0 0 8px;

}



#bottom-wrapper .boxes-wrapper .content {

	background: url(images/bottom-box.jpg) no-repeat; width: 293px; height: 283px; float: left; margin: 6px; *margin: 2px;

}



#bottom-wrapper .boxes-wrapper .content .heading {

	width: 273px; height: 39px; float: left; padding: 0 0 0 20px; 

}



#bottom-wrapper .boxes-wrapper .content .heading h1 {

	/*font-family: Arial, Helvetica, sans-serif; font-size: 21px;line-height: 38px;*/ color: #402f1c; 

	font-family:myriad pro;

	font-size:18px;

	line-height:38px;

	text-transform:uppercase;

}



#bottom-wrapper .boxes-wrapper .content .matter {

	width: 270px; height: 180px; float: left; margin: 10px;

}

.matter br{

	margin-bottom:10px;

}

.matter p{

	margin:0 0 10px;

}



#bottom-wrapper .boxes-wrapper .content .learn-more-button {

	width: 109px; height: 32px; float: right; margin: 0 15px 0 0;

}



#bottom-wrapper .boxes-wrapper .content p {

	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7a6043; line-height: 19px;

}



#bottom-wrapper .boxes-wrapper .content .news-box {

	/*width: 250px; height: 209px; float: left;*/
        color:#7A6043;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:209px;
line-height:19px;
padding:0 10px;
text-align:justify;
width:270px;

}	



#bottom-wrapper .boxes-wrapper .content .news-box ul {

	list-style: none;

}



#bottom-wrapper .boxes-wrapper .content .news-box ul li a {

	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #7a6043; line-height: 30px; font-weight: bold; text-decoration: none; display: block; clear: both; padding: 0 0 0 15px; *line-height: 15px;

}



#bottom-wrapper .boxes-wrapper .content .news-box ul li a:hover {

	text-decoration: underline;

}



.social-network{

	padding: 28px 0 0 17px;

}

.social-network ul{

	list-style:none;

}



.social-network ul li{

	list-style:none; float:left; border:none; margin:0 5px 0 0 ; padding:0px;

}



#footer {

	width: 950px; height: 50px; float: left; margin: 20px 0 10px 15px;  *margin: 10px 0 10px 80px;

}



#footer ul {

	list-style: none;

}



#footer ul li {

	list-style: none; font-family: "Trebuchet MS"; font-size: 14px; color: #e9c9a0; float: left; display: block; text-decoration: none; line-height: 30px;  margin: 0 15px; *margin: 0 10px;

}



#footer ul li a {

	list-style: none; font-family: "Trebuchet MS"; font-size: 14px; color: #e9c9a0; float: left; display: block; text-decoration: none; margin: 0 20px; font-weight: 599; *margin: 0 10px;text-shadow:0.2em 0.2em 0.1em #000000;

}



/********* Meet CJ Grace *********************/

#meet-cj-wrapper {



	background: url(images/meet-cjgrace.jpg) no-repeat; width: 648px; height: 660px; float: left; margin: 0 0 0 21px;



}

#meet-cj-wrapper .page-title h2{



	width: 278px; height: 82px; float: left;



	background:url(images/page-title-bg.jpg) no-repeat;



	color:#F3E3C6;



	font-family:freestyle script;



	font-size:33px;



	text-align:center;



	text-shadow:0.05em 0.05em 0.05em #000000;



	font-size:50px;



	font-weight:100;



	



}



#meet-cj-content {



	width: 600px; height: 570px; float: left; margin: 0 50px 0 20px; 



}







#meet-cj-content p {



	font-family: "Trebuchet MS"; font-size: 12px; color: #86500c; font-weight: bold; line-height: 18px;



}







#meet-cj-content h2 {



	font-family: "Trebuchet MS"; font-size: 14px; color: #db943a; font-weight: bold; line-height: 24px;



}







#meet-cj-content .photo-wrapper {



	width: 600px; height: auto; float: left; margin: 10px 0; height:350px; overflow:hidden; text-align:justify;



}







/**********		Testimonials Page		**********/



#testimonials-wrapper {

	background: url(images/testimonial-page-bg.jpg) no-repeat; width: 648px; height: 660px; float: left; margin: 0 0 0 21px;

}



#testimonials-wrapper .testimonial-page {

	width: 213px; height: 82px; float: left;

}



#testimonials-wrapper .page-title h2{

	width: 278px; height: 82px; float: left;

	/*background:url(images/page-title-bg.jpg) no-repeat;*/

	color:#F3E3C6;

	font-family:freestyle script;

	font-size:33px;

	text-align:left;

	text-shadow:0.05em 0.05em 0.05em #000000;

	font-size:50px;

	font-weight:100;

	

}



#testimonials-wrapper .testimonial-content {

	width: 600px; height: 570px; float: left; margin: 0 50px 0 25px;

}



#testimonials-wrapper .testimonial-content p {

	font-family: "Trebuchet MS"; font-size: 12px; color: #86500c; font-weight: bold; line-height: 16px;

}



#testimonials-wrapper .testimonial-content h2 {

	font-family: "Trebuchet MS"; font-size: 14px; color: #db943a; font-weight: bold; line-height: 48px;

}



#right-panel-contact {

	width: 286px; height: 366px; float: left; background: #b6a692; clear: both;

}



#right-panel-contact .form-content {

	width: 256px; height: auto; float: left; margin: 15px; font-family: "Trebuchet MS"; font-size: 13px; color: #f2e2cf;

}



#right-panel-contact .form-content h1 {

	font-family: "Trebuchet MS"; font-size: 18px; color: #432c01;

}



#right-panel-contact .form-content .txtbox {

	font-family: "Trebuchet MS"; font-size: 12px; color: #432c01; font-weight: bold; width: 250px; height: 24px; line-height: 32px; margin: 0 0 10px 0;	

}



#right-panel-contact .form-content .txtarea {

	font-family: "Trebuchet MS"; font-size: 12px; color: #432c01; font-weight: bold; width: 250px; height: 100px; line-height: 32px; margin: 0 0 10px 0;	

}







/**********		Photo of the Month Page		**********/



#photo-content {

	width: 600px; height: 570px; float: left; margin: 0 50px 0 20px; 

}



#photo-content p {

	font-family: "Trebuchet MS"; font-size: 12px; color: #86500c; font-weight: bold; line-height: 18px;

}



#photo-content h2 {

	font-family: "Trebuchet MS"; font-size: 14px; color: #db943a; font-weight: bold; line-height: 24px;

}



#photo-content .photo-wrapper {

	width: 600px; height: auto; float: left; margin: 10px 0;

}







/**********		Services Page		**********/



#services-wrapper {

	background: url(images/services.jpg) no-repeat; width: 648px; height: 660px; float: left; margin: 0 0 0 21px;

}



#services-wrapper .style {

	width: 450px; height: 200px; float: left; margin: 80px 0 0 160px; *margin: 80px 0 0 80px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7d4404; font-weight: bold;

}



#services-wrapper .services {

	width: 600px; height: 270px; float: left; margin: 100px 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7d4404; font-weight: bold;

}







/**********		Contact Page		**********/



#contact-wrapper {

	background: url(images/contact-background.jpg) no-repeat; width: 648px; height: 539px; float: left; margin: 0 0 0 21px;

}



#contact-wrapper #contact-content {

	width: 600px; height: 400px; float: left; margin: 80px 0 0 25px;

}



#contact-wrapper .address {

	width: 275px; height: 300px; float: left;

}



#contact-wrapper .address h1 {

	font-family: "Trebuchet MS"; font-size: 18px; color: #b06510; font-weight: bold;

}



#contact-wrapper .address h3 {

	font-family: "Trebuchet MS"; font-size: 14px; color: #573106; font-weight: bold;

}



.photo-month {

	width: 286px; height: 251px; float: left;

}

.navigation {

	display:block;

	margin-bottom:35px;

	margin-top:10px;

        margin-left:10px;

	text-align:center;

	width:94%;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}
.thumb {
	float:left; height:65px; width:75px; margin-right:5px; padding:5px 0;
}
#footer .copyright {
clear:both;
color:#8C8C8C;
font-size:13px;
font-style:italic;
margin-left:51px;
padding-top:25px;
text-align:center;
}

.scroll-me {
float:left; 
height:530px; 
width:600px; 
text-align:justify;
}

#twitter-blog-wrapper .twitter h2 a{
	text-decoration:none;
	font-size:0px;
	
}
#twitter-blog-wrapper .twitter a{
		color:#7A6043;
	
}
#twitter-blog-wrapper .twitter a:hover{
		text-decoration:none;
	
}