/*

Theme Name: WordPress Timeline

Theme URI: http://wordpress.org/

Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

Version: 1.6

Author: Michael Heilemann

Author URI: http://binarybonsai.com/

Tags: blue, custom header, fixed width, two columns, widgets



	Kubrick v1.5

	 http://binarybonsai.com/kubrick/



	This theme was designed and built by Michael Heilemann,

	whose blog you will find at http://binarybonsai.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/





/* CSS Document */



* {

	margin: 0;

    padding: 0;

    border: none;

	font-size: 1em;

}



body {

	background: #000000 url(images/body-bg.gif) repeat-x;

	font-family: Arial, Helvetica, sans-serif;

}



p, h3, h4, h5, h5{

color: #5a4816 !important;}



h5{

margin-top: 7px;

margin-bottom: 5px;}





#container {

	width: 100%;

}



#main-content {

	margin: 0 auto;

	width: 923px;

}



#main-content #logo {

	

}



#main-content #logo h1 a{

float: left;

    width: 304px;

    height: 55px;

    margin: 30px 0 0 50px;

    display: inline;

    background: url(images/main-content-logo.gif);

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */}



#content {

	float: left;

	width: 955px;

	height: 417px;

	background: url(images/main-content-bg.jpg) no-repeat;
    margin-top: 4px;

}



#content a.home{

	float: right;

	display: block;

    clear: both; 

	width: 58px;

	height: 25px;

	display: inline;

	margin: 4px 45px 0 0;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#content h1.center {

	position: absolute;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#content #menu {

	float: left;

	width: 126px;

	height: 202px;

	display: inline;

	margin: 120px 0 0 54px;

	background: url(images/main-content-menu.jpg) -126px;

	/* hide from IE Mac \*/

    /*text-indent: -999em;

    overflow: hidden;*/

    /* end hide */

}



#content #menu li a.about:hover, #content #menu li a.about-hover{

background: url(images/menu-hover.jpg) -6px 0px no-repeat;

}



#content #menu li a.packages:hover, #content #menu li a.packages-hover{

background: url(images/menu-hover.jpg)  no-repeat -6px -41px;

}



#content #menu li a.samples:hover, #content #menu li a.samples-hover{

background: url(images/menu-hover.jpg)  no-repeat -6px -65px;

}



#content #menu li a.faqs:hover, #content #menu li a.faqs-hover{

background: url(images/menu-hover.jpg)  no-repeat -6px -89px;

}



#content #menu li a.company:hover, #content #menu li a.company-hover{

background: url(images/menu-hover.jpg) no-repeat -6px -113px;

}



#content #menu li a.testimonials:hover, #content #menu li a.testimonials-hover{

background: url(images/menu-hover.jpg) no-repeat -6px -137px;

}



#content #menu li a.contact:hover, #content #menu li a.contact-hover{

background: url(images/menu-hover.jpg) no-repeat -6px -161px;

}



#content #menu li a.blog:hover, #content #menu li a.blog-hover{

background: url(images/menu-hover.jpg) no-repeat -6px -185px;

}



#content #menu ul li {

	float: left;

	list-style: none;

}



#content #menu ul li a {

	float: left;

	display: block;

	width: 126px;

	height: 20px;

    margin-top: 4px;

    text-indent: -999em;

}



#content #menu ul li a.large {

	height: 32px;

    margin-top: -5px;

    margin-bottom: 5px;

}



#content .box {

	float: left;

	width: 207px;

	height: 120px;

	display: inline;

    

}



#content #box1 {

	margin: 315px 0 0 63px;

	background: url(images/main-content-box.png);

}



#content #box2 {

	margin: 315px 0 0 10px;

	background: url(images/main-content-box.png);

}



#content .homeimagebox{

margin-top: 9px;

margin-left: 21px;

width: 177px;

height: 78px;

}



#content .box img{

width: 178px;

height: 79px;

margin-top: 8px;

margin-left: 21px;}



#content .box p {

	float: left;

	display: inline;

	color: #FFFFFF;

	font-size: 11px;

	margin: 4px 0 0 60px;

}



#footer {

	float: left;

	width: 955px;

	margin: 40px 0 0 0;

}



#footer p {

	float: left;

	width: 100%;

	text-align: center;

	color: #aeafb2;

	font-size: 11px;

}



* html #footer {

	margin: 20px 0 0 0;

}











/*          Interior Pages                */









#main-content #content.interior {

	float: left;

	width: 929px;

	height: 443px;

    padding-top: 15px;
    margin-top: 5px;

	background: url(images/interior-content-bg.jpg) no-repeat;

}

#main-content #content.posts-bck {
background: url(images/interior-content-posts-bg-post-bck.jpg) no-repeat;}



#main-content #content.interior a.home{

	margin: 3px 19px 0 0;

}







/*       samples.html      */



#main-content #content.samples p.tit {

	float: left;

	width: 190px;

	height: 20px;

	margin: 83px 0 0 33px;

	display: inline;

	background: url(images/samples-p-tit.jpg) no-repeat;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content #content.samples #video {

	float: left;

	width: 457px;

	margin: 115px 0 0 -198px;

	display: inline;

}





#main-content #content.samples #video p {

	float: left;

	width: 290px;

	color: #5a4816;

	font-size: 12px;

	display: inline;

	margin: 0 0 0 10px;

}

#main-content #content.samples #video p#prev-next-links {

	float: right;
	
	width: 125px;
	
	height: 20px;
	
	margin: 2px 12px 0 0;
	
}

#main-content #content.samples #video p#prev-next-links a {

	display: block;

	float: left;
	
	background: url(images/samples-video-a-prev.gif) left 2px no-repeat;

	padding: 0 0 0 10px;
	
	font-size: 11px;	
	
	color: #1b1b1f;
	
	text-decoration: none;
	
	text-transform: uppercase;

}

#main-content #content.samples #video p#prev-next-links a.next {

	float: right;

	background: url(images/samples-video-a.gif) right 2px no-repeat;

	margin: 0 0 0 10px;
	
	padding: 0 10px 0 0;

}



#main-content #content.samples #right-videos {

	float: left;

	width: 193px;

	display: inline;

	margin: 93px 0 0 30px;

}



#main-content #content.samples #right-videos .video {

	float: left;

	width: 83px;

	margin: 0 10px 0 0;

}

#main-content #content.samples #right-videos .clear {

	clear: both;
	
}



#main-content #content.samples #right-videos .video p {

	float: left;

	width: 83px;

	color: #5a4816;

	font-size: 11px !important;

	display: inline;

	margin: 0;
	
	text-align: center;

}



#main-content #content.samples #right-videos #links {

	float: right;

	width: 28px;

	height: 16px;

	display: inline;

	margin: 15px 15px 0 0;

	background: url(images/samples-videos-links.jpg);
	
	clear: both;

}



#main-content #content.samples #right-videos #links a {

	float: left;

	display: block;

	width: 14px;

	height: 16px;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}











/*       testimonials.html      */



#main-content #content.testimonials #who {

	width: 290px;

	height: 18px;

	background: url(images/who-content-h1.jpg) no-repeat;

}



#main-content #content.testimonials p.tit {

	float: left;

	width: 336px;

	height: 20px;

	margin: 63px 0 0 33px;

	display: inline;

	background: url(images/testimonials-content-h1.jpg) no-repeat;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content #content.testimonials #text {

	float: left;

	width: 470px;

	height: 275px;

	margin: 25px 0 0 33px;

	display: inline;

	overflow: auto;

}



#main-content #content.testimonials #right-images {

	float: left;

	width: 180px;

	height: 255px;

	margin: 20px 0 0 15px;

	display: inline;

}



#main-content #content.testimonials #text p {

	/*float: left;*/

	

	font-size: 12px;

	color: #5c5b60;

}



#main-content #content.testimonials #text p.top {

	font-weight: bold;

	margin: 0 0 10px 0;

}



#main-content #content.testimonials #text p.sign {

	font-weight: bold;

	font-style: italic;

	margin: 3px 0 15px 0;

}









/*         who-we-are.html            */



#main-content #content.testimonials #text p.bottom {

	font-family: "Times New Roman", Times, serif;

	font-size: 20px;

	font-weight: bold;

	font-style: italic;

	width: 390px;

	margin: 10px 0 0 0;

	line-height: 18px;

}



#main-content #content.testimonials #text p.who,

#main-content #content.testimonials #text p.mission {

	width: 100px;

	height: 12px;

	margin: 0 0 7px 0;

	background: url(images/who-content-p-who.jpg);

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content #content.testimonials #text p.mission {

	width: 107px;

	margin: 18px 0 7px 0;

	background: url(images/who-content-p-mission.jpg);

}



#main-content #content.testimonials #contact-form{

clear: both;

padding-top: 0px;}



#main-content #content.testimonials #contact-form form p input{

width: 150px;

font-size: 12px;

color: #5c5b60;

background: url(images/bck-input.jpg);

border: 1px solid #9B6605;}



#contact-form .cdata_right{

float: right;

margin-right: 20px;

width: 270px;

}



#contact-form .cdata_left{

float: left;

width: 150px;

}



.comment{

clear: both;

padding-top: 10px;}



#main-content #content.testimonials button, #main-content #content.testimonials input#submit{

background: url(images/bck-input.jpg);

font-size: 14px;

font-weight: bold;

margin-bottom: 5px;

float: right;

margin-right: 40px;}



#main-content #content.testimonials button{

border: 1px solid #9B6605;}



#main-content #content.testimonials button:hover{

background: url(images/bck-input-hover.jpg);

}



#main-content #content.testimonials #contact-form form p textarea{

width: 200px;

font-size: 12px;

color: #5c5b60;

background: url(images/bck-input.jpg);

border: 1px solid #9B6605;}



#main-content #content.testimonials #contact-form form p{

margin: 5px;}



#main-content #content.testimonials #contact-form form label{

float: left;

width: 90px;}



.comment label{

clear: both !important;

float: none !important;

display: block !important;}



.comment textarea{

width: 420px !important;

height: 110px;}

 



#main-content #content.testimonials #contact-form p.alert_contact{

position: absolute;

top: 19em;

left: 60em;}



#main-content #content.testimonials #contact-form.videos-admin p.alert, p.alert2{

margin: 0px;

color: #FF0000 !important;

width: 300px !important;}

 

#main-content #content.testimonials p.contact-data{

width: 280px;

}



#main-content #content a{

font-size: 12px;

color: #5a4816;}



.videos-admin{

margin-left: 150px;

margin-top: 80px;}



.videos-admin #video_{

float: right;

margin-right: 20px;}



.videos-admin table {

width: 60%;}



.videos-admin table th{

border: 1px solid #9B6605;}



.videos-admin table td.pager a{

margin-left: 40px;}



.videos-admin table td{

border: 1px solid #9B6605;

padding-left: 20px;

padding-right: 20px;

padding-bottom: 5px;}



#container #main-content #content.samples #right-videos .video a img{

width: 83px;

height: 61px;}



#container #main-content #content h3{

font-size: 18px;

margin-bottom: 6px;

margin-top: 6px;

color: #5a4816;

font-family: "Times New Roman",Times,serif;}



#main-content #content.testimonials p#packages {

    background: url(images/packages-h1.jpg) no-repeat;

}



#main-content #content.testimonials p#contact {

    background: url(images/contact-h1.jpg) no-repeat;

}



#main-content #content.testimonials p#companydemo {

    background: url(images/companydemo-h1.jpg) no-repeat;

}



#main-content #content.testimonials p#faqs {

    background: url(images/faqs-h1.jpg) no-repeat;

}



#main-content #content.extras{

padding-top: 20px;}



#main-content #content.extras #menu{

width: 126px;

height: 203px;}



#main-content #content.samples #menu{

margin-top: 137px;

width: 126px;

height: 203px;}



/*posts*/



#main-content #content.testimonials #text h2{

font-size: 22px;

margin-bottom: 6px;

margin-top: 70px;

color: #5c5b60;

font-family: "Times New Roman",Times,serif;}



small{

color: #5a4816;

font-style: oblique;

font-size: 12px;}



#main-content #content.testimonials .single-content{

float: left !important;

width: 670px;

height: 315px;

margin: 5px 0 0 33px;

display: inline;

overflow: auto;}





#main-content #content.testimonials .single-content textarea{

width: 610px;

font-size: 12px;                 

color: #5c5b60;

height: 70px;

background: url(images/bck-input.jpg);

border: 1px solid #9B6605;

margin-bottom: 10px;}



#main-content #content.testimonials .single-content input{

width: 200px;

font-size: 12px;

color: #5c5b60;

background: url(images/bck-input.jpg);

border: 1px solid #9B6605;}



#main-content #content.testimonials .single-content p{

font-size: 12px;

color: #5c5b60;}



#main-content #content.testimonials h2.post-title{

color: #2A2725;

font-family: "Times New Roman",Times,serif;

font-size: 32px;

margin-top: 50px;

margin-left: 210px;

font-weight: 100;}



cite, ol.commentlist li{

color: #5c5b60;}



.categories-list{

padding-top: 80px;}



.categories-list ul li{

list-style: none;}



#video_responce{

margin-left: 40px;

margin-top: 10px;}



#footer p a{

/*color: #aeafb2;*/

color: #5A4816 !important;

text-decoration: none;}



#footer p a:hover{

text-decoration: underline;}



#main-content #content.samples.interior{

padding-top: 0px;}



#container #main-content #content .post_menu_list{

float: right;

margin-right: 120px;

}



#container #main-content #content .post_menu_list span{

color: #5c5b60;}



#container #main-content #content .post_menu_list span a{

font-size: 14px;

text-decoration: none;

font-style: oblique;}



#container #main-content #content.list-posts .single-content{

margin-top: 50px;}



h3.post-title{

margin-top: 20px !important;}



h3.post-title a{

font-size: 19px !important;

text-decoration: none;

font-style: oblique;

}



h3.post-title a:hover{

text-decoration: underline;}



#container #main-content #content p {

margin-bottom: 10px;

font: 14px "Georgia", Times New Roman, Times, serif !important;

color: #5a4816 !important;

}