/*   
Theme Name: The Tanori Group
Theme URI: http://www.thetanorigroup.com
Description: Custom theme for The Tanori Group
Author: Conflux Group, Inc.
Author URI: confluxgroup.com
.
*/

@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	vertical-align: baseline;
	line-height: 19px;
	}

body {

	margin: 0px auto;
	background-color: #000000;
}

* {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	vertical-align: baseline;
	line-height: 19px;
}


#wrapper {
	
	margin: 0px auto;
}

#innerwrapper {
	width: 1016px;
	display: block;
	text-align: left;
	margin: 0px auto;
}

:focus {
	outline: 0;
	}
	
.clear {
	clear: both;
}

ol, ul {
	list-style: none;
}

p {
	margin-top: 5px;
}

strong {
	font-weight: bold;
}

#leftcolumn {
	width: 217px;
	padding-top: 50px;
	text-align: right;
	padding-right: 13px;
	padding-left: 35px;
	color: #ffffff;
	float: left;
}

	#logo {
		width: 217px;
		float: right;
	}

		#logo p {
			color: #ffffff;
		}
	
	#nav {
		margin: 40px 0 0 0;
		float: right;
	}
	
		#nav li {
			padding: 5px 0 5px 0;
		}
		
			#nav_home {
				background-image: url(/wp-content/themes/tanori/images/nav_home.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 140px;
				height: 28px;
			}
			
			#nav_ourwork {
				background-image: url(/wp-content/themes/tanori/images/nav_ourwork.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 140px;
				height: 28px;
			}
			
			#nav_video {
				background-image: url(/wp-content/themes/tanori/images/nav_video.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 140px;
				height: 28px;
			}
			
			#nav_photography {
				background-image: url(/wp-content/themes/tanori/images/nav_photography.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 140px;
				height: 28px;
			}
			
			#nav_news {
				background-image: url(/wp-content/themes/tanori/images/nav_news.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 140px;
				height: 28px;
			}
			
			#nav_staff {
				background-image: url(/wp-content/themes/tanori/images/nav_staff.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 140px;
				height: 28px;
			}
			
			#nav_contact {
				background-image: url(/wp-content/themes/tanori/images/nav_contact.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 140px;
				height: 28px;
			}
			
				#nav_home:hover, #nav_ourwork:hover, #nav_video:hover, #nav_photography:hover, #nav_news:hover, #nav_staff:hover, #nav_contact:hover {
					background-position: 0 -28px;
				}
				
				#nav_home:active, #nav_ourwork:active, #nav_video:active, #nav_photography:active, #nav_news:active, #nav_staff:active, #nav_contact:active {
					background-position: 0 -28px;
				}
				
				#nav_home.current, #nav_ourwork.current, #nav_video.current, #nav_photography.current, #nav_news.current, #nav_staff.current, #nav_contact.current {
					background-position: 0 -28px;
				}
	
	#twitter {
		margin: 55px -15px 0 0;
		float: right;
	}
	
		#twitter p {
			font-size: 12px;
			padding-right: 20px;
		}

	#footer {
		padding: 60px 0 0 0;
	}
	
		#footer p {
			font-size: 12px;
		}
		
		#footer a {
			color: #ffffff;
			font-size: 12px;
		}
	

#centercolumn {
	width: 600px;
	float: left;
	padding: 50px 35px 30px 35px;
	background-color: #ffffff;
	/*height: 100%;*/
	min-height: 900px;
}

	#promovideo {
		width: 600px;
		/*height: 339px;*/
	}
	
	#smallfeatures {
		margin: 13px 0 0 0;
	}
	
		#feature2, #feature3, #feature5 {
			width: 191px;
			height: 133px;
			float: left;
			margin-right: 13px;
			margin-bottom: 13px;
		}
		
		#feature4 {
			width: 191px;
			height: 133px;
			float: left;
			margin-bottom: 13px;
		}
		
		#feature6 {
			width: 395px;
			height: 133px;
			float: left;
		}

#rightcolumn {
	background-image: url(/wp-content/themes/tanori/images/getstarted.gif);
	position: fixed;
	right: 0px;
	top: 115px;
	z-index: 1;
}


h2 {
	font-size: 16px;
	font-weight: bold;
        color: #a23c3c;
}

h3, h3 a {
	font-size: 14px;
	color: #a23c3c;
	text-transform: uppercase;
}

h4, h4 a {
	font-size: 15px;
	color: #a23c3c;
}

h6 {
	font-size: 12px;
	margin: 10px 0 0px 0;
}

/* work page */

#workcategory {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	margin-top: 70px;
	height: 20px;
}

	#workcategory h4 {
		font-weight: normal;
		float: left;
		margin-top: 5px;
		margin-right: 15px;
		color: #000000;
		font-size: 11px;
	}
	
		#workcategory h4:hover {
			color: #a23c3c;
		}
	
	.work {
		margin: 15px 0 0 0;	
		padding: 0 0 10px 0;
	}
		
		.work img {
			float: left;
			margin: 0 10px 0 0;
		}
		
		.work .filedin {
			font-size: 11px;
			margin: 5px 0 0 0;
			float: left;
                        width: 100%

		}
		
		.work h5, .work h5 a {
			font-size: 11px;
			float: right;
			color: #a23c3c;
			margin: 5px 0 0 0;
		}
		
			.work a {
				text-decoration: none;
				/*color: #000000;*/
			}
			
				.work a:hover {
					color: #a23c3c;
				}
/* End Work Page */

/* Services Page */
	
	#services_left {
		width: 345px;
		margin: 65px 0 0 0;
		float: left;
	}
	
		#services_left #aboutservices {
			border-top: 1px dotted #000000;
			margin: 10px 0 0 0;
		}
	
		#services_left #aboutservices p {
			margin: 10px 0 10px 0;
		}
	
	#services_right {
		float: left;
		width: 240px;
		margin: 65px 0 0 15px;
	}
		#services_right p {
			font-size: 12px;
		}
		
		#services_right a {
			color: #000000;
			text-decoration: none;
			font-size: 12px;
		}
		
			#services_right a:hover {
				color: #a23c3c;
			}
         
                #services_right img {
                     margin-bottom: 15px;
                }

/* End Service Page */

/* Blog Post Page */

	#photography {
		margin: 65px 0 0 0;
	}

		.post {
	               margin-bottom: 75px;
		}
		
			.posttitle p {
				font-size: 11px;
                                
			}
			
                        .posttitle h4 {
                        }
			
			.posttitle img {
				float: right;
				margin-left: 10px;
			}

	.postcontent {
		border-top: 1px dotted #000000;
		padding: 5px 0 5px 0;
		margin: 10px 0 0 0;
	}
	
	.postcontent p {
		font-size: 12px;
	}
	.postcontent a {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
	}

		.postcontent a:hover {
			color: #a23c3c;
		}

        .postcontent img {
               float: left;

        }

	.postbottom {
		border-top: 1px dotted #000000;
		border-bottom: 1px dotted #000000;
		margin: 10px 0 30px 0;
	}
	
		.postbottom p {
			font-size: 11px;
		}
		
		.postbottom a {
			color: #000000;
			text-decoration: none;
			font-size: 11px;
		}
		
		.postcategory {
			float: left;

		}
		
		.postcomments {
			float: right;
		}

                .postcategory p {
                       margin: 0px;
                       padding: 0px;
                }


/* End Blog Post Page */

/*Staff Page Begin */

#staff {
	margin: 65px 0 0 0;
}

	.staff_main {
		padding-bottom: 50px;
	
	}
	
		.staff_leftcolumn {
			width: 315px;
			padding: 0 20px 0 0;
			float: left;
		}
	
			.staff_name {
				border-bottom: 1px dotted #000000;
				padding: 0 0px 5px 0;
				margin: 0;
			}
	
				.staff_name p {
					font-style: italic;
				}
				
				.staff_name table p {
					font-size: 12px;
				}

		
		.staff_rightcolumn {
			float: right;
			width: 250px;
		}
		
			.staff_rightcolumn img {
				border: 1px solid #d2d2d2;
			}
		
			.staff_rightcolumn h6 {
				border-bottom: 1px dotted #000000;
			}
		
		.favorites {
			margin: 10px 0 0 0;
			font-weight: 11px;
		}
				
				.favorites_left {
					border-right: 1px dotted #000000;
					width: 100px;
					float: left;
				}
				
					.favorites_left p, .favorites_right p {
						font-weight: bold;
						font-size: 11px;
						/*padding: 5px 0 5px 5px;*/
					}
					
				 	.favorites_right p {
						padding-left: 5px;
						font-weight: normal;
						
					}
					
					
					.favoritebook {
						border-bottom: 1px dotted #000000;
						border-top: 1px dotted #000000;
						/*padding: 5px 0 5px 5px;*/
						padding-top: 8px;
						padding-bottom: 8px;
					}
				
				.favorites_right {
					width: 210px;
					float: left;
				}
				
	.staff_small {
		margin: 30px 0 0 0;
	}
	
		.staff_small img {
			float: left;
			width: 130px;
			border: 1px solid #d2d2d2;
			
		}
		
		.staff_small_right {
			margin-left: 10px;
			margin-top: 10px;
			float: right;
			width: 455px;
		}
div#staff a {
	color: #A23C3C;
	text-decoration: none;
}

/* Staff Page End */

/* Contact Page Begin */

	#contact {
		margin: 65px 0 0 0;
	}
	
		#contact_left {
			width: 345px;
			float: left;
		}
		
		#contact form p {
			margin: 10px 0 0 0;
		}
		
		.contactfield {
			border: 1px solid #d2d2d2;
			height: 25px;
			width: 325px;
			margin: 5px 0 5px 0;
		}
		
		.contactmessage {
			border: 1px solid #d2d2d2;
			height: 125px;
			width: 325px;
			margin: 5px 0 5px 0;
		}
		
		#contact_right {
			float: right;
			padding-right: 40px;
			padding-left: 8px;
			border-left: 1px dotted #000000;
		}
		
			#contact_right p {
				margin-bottom: 10px;	
			}

                        #contact_right a {
                               color: #000000;
                               text-decoration: none;
                        }

                        #contact_right a:hover {
                               text-decoration: underline;
                        }
			
		#contact_submitted {
			margin-top: 15px;
			
		
		}

/* Contact Page End */

/* Get Started Form */
	#getstarted p {
		text-align: left;
	
	}
	
	#budget {
		background: none;
		width: 60px;
		border: none;
		color: #fff;
		text-align: left;
		float: left;
		height: 17px;
		margin-left: 10px;
	}
	
	#slider {
		margin-top: 5px;
		width: 150px;
		float: left;
	
	}
	
	#getstarted {
		width: 555px;
		min-height: 380px;
		background-color: #a23c3c;
		padding: 10px;
		color: #ffffff;
		position: fixed;
		/*right: 0px;*/
		top: 115px;
		right: -575px;
		
	}
	

        #getstarted_thanks {
                text-align: center;
                margin: 150px 0 0 0;
        }

	#getstarted_thanks h3 {
		color: white;
	}
	
		#getstarted p {
			/*margin-top: 5px;*/
		}
		
	.getstartedfield {
			border: 1px solid #d2d2d2;
			height: 25px;
			width: 225px;
			margin: 5px 0 5px 0;
			padding: 3px;
		}
		
		#getstarted_top {
			border-bottom: 1px dotted #ffffff;
			padding-bottom: 10px;
		}
		
		.getstarted_left {
			width: 230px;
			float: left;
		}
		
		.getstarted_right {
			width: 230px;
			float: right;
			padding-right: 70px;
		}
		
		.getstarted_right li input {
			float: left;
			position: relative;
			
			
		}
		
		
		
		
		

		#getstarted_bottom {
			margin-top: 10px;
		}
		
			.getstarted_checkbox {
				margin-right: 20px;
			}
			
		#getstarted_submit {
			margin-top: 8px;
		}
		
	#getstarted label {
		display: block;
		margin-top: 5px;
	}
	
	#getstarted ul {
		padding-left: 0px;
	}
	
	#getstarted_thanks {
		display: none;
	}
		
/* End Get Started */


.red {
	color: #a23c3c;
}

.dotted {
	
}

/* homepage hovers */

.boxgrid{ 
		background: #000; 
		overflow: hidden; 
		position: relative; 
	}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}		
	.boxcaption{ 
		float: left; 
		position: absolute; 
		padding: 10px;
		background: #000; 
		height: 100px; 
		width: 100%; 
			
	}
	.boxcaption {
		position: absolute;
		top: 150px;
		left: 0;
		
	}
/* flickr feed styles */
#flickr_badge_uber_wrapper {
	margin-top: 15px;
	width:240px;
}
#flickr_badge_wrapper {
	
}
.flickr_badge_image {
	margin:0 5px 5px 0px;
	float: left;	
	width: 75px;
	height: 75px;
}
.flickr_badge_image img {
	border: 1px solid #d2d2d2;
	width: 75px;
	height: 75px;
}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: none;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* addthis*/
#addthis {
	float: right;
        margin-top: -25px;
}

#pwbox-126 {
      border: 1px solid #0000000;
      float: left;
      width: 200px;
      height: 22px;
      margin-top: 15px;
      margin-right: 5px;
}

#login_button {
    margin-top:  15px;
}

#logout a {
   float: right;
   color: #000000;
   text-decoration: none;
   font-size: 12px;
   margin-top: -17px;
}
    
    #logout a:hover  {
        color: #a23c3c;
    }

.postcontent object {
   margin-bottom: 15px;
}