/*
Theme Name: KWPR wordpress theme
Description: description goes here
Version: 1.0
Author: Union Digital Media
Author URI: http://www.uniondigitalmedia.com/
*/

html,body {
	color: #3b1e00;
	font: 12px/24px georgia;
	margin:0;
	text-align:center;
	}
	
/***************** Section Styles */
#mastWrap { width:814px; margin: 0 auto; }
#topSec { background: url('images/top_bkg.jpg') no-repeat 0 0; height: 40px; position: relative; display:block; }
#midSec { background: url('images/mid_bkg.jpg') repeat-y 0 0; }
#botSec { background: url('images/bot_bkg.jpg') no-repeat 0 0; height: 100px; }	
	
	
	
/***************** Navigation Styles */
#navigation {  float: right; position: absolute; right: 12px; bottom: 4px; padding:0; margin:0; }
#navigation li { float: left; list-style: none; }
.nav1 a { background: url('images/nav1.png') no-repeat top left; }
.nav2 a { background: url('images/nav2.png') no-repeat top left; }
.nav3 a { background: url('images/nav3.png') no-repeat top left; }
.nav4 a { background: url('images/nav4.png') no-repeat top left; }
.nav5 a { background: url('images/nav5.png') no-repeat top left; }
.nav6 a { background: url('images/nav6.png') no-repeat top left; }

.nav1 a, .nav2 a, .nav3 a, .nav4 a, .nav5 a, .nav6 a {
	width:68px; height:27px; display:block; }
	
.nav1 a:hover, .nav2 a:hover, .nav3 a:hover, 
.nav4 a:hover, .nav5 a:hover, .nav6 a:hover, 
#home .nav1 a, #services .nav2 a, #clients .nav3 a, 
#ourteam .nav4 a, #contact .nav5 a, #blog .nav6 a {
	background-position: bottom left; }



/***************** Social Networking Styles */
#follow { width:800px; height: 69px; float: right; position: relative; }
#follow ul { position: absolute; bottom: 10px; right: 14px; margin:0; padding:0; }
#follow li { list-style: none; float: left; }
.soc1 { background-position: 0 0; width: 70px; float: left; }
.soc2 a { background-position: -70px 0; width: 25px; }
.soc3 a { background-position: -95px 0; width: 25px; }
.soc4 a { background-position: -120px 0; width: 25px; }
.soc5 a { background-position: -145px 0; width: 25px; }

.soc1, .soc2 a, .soc3 a, .soc4 a, .soc5 a {
	background-image: url('images/soc_bkg.jpg'); 
	display: block; height: 23px; }
	
.soc2 a:hover { background-position: -70px bottom; }
.soc3 a:hover { background-position: -95px bottom; }
.soc4 a:hover { background-position: -120px bottom; }
.soc5 a:hover { background-position: -145px bottom; }

#boxes {
	 width: 784px; margin: 0 auto;
}
.box1, .box2, .box3, .box4 { 
	position: relative;
	background-image: url('images/fourbox_bkg.png'); 
	width:192px; height:116px; float: left; }
	
.box1 { background-position: top left; }
.box2 { background-position: top right; margin-left: 5px; }
.box3 { background-position: bottom left; margin-left: 5px; }
.box4 { background-position: bottom right; margin-left: 5px; }


/************************/
#wrap {
	background: url('images/wrapper_bkg.jpg') no-repeat bottom center;
	border: 1px solid #e6e6e6;
	margin: 0 auto; text-align: left;
	width: 800px; }

.footer {
	height: 74px;
        margin: 34px 0 8px 8px;
}

#content { background: url('images/content_bkg.jpg') no-repeat 0 0; padding: 20px 40px; min-height: 250px; }
#ourteam #content { min-height: 200px; }
#callout {
	background: #eff0eb url('images/callout_bkg.jpg') no-repeat 0 70px; 
	position: relative;
	height: 191px; }

#callout .image1 { 
	background: url('images/callout1.png') no-repeat;
	position: absolute; top: 0; right: 0;
	height: 200px; width: 421px; }

#callout .image2 { 
	background: url('images/callout2.png') no-repeat;
	position: absolute; top: 2px; right: 55px;
	height: 198px; width: 277px; }

#callout .image3 { 
	background: url('images/callout3.png') no-repeat;
	position: absolute; top: 9px; right: 60px;
	height: 191px; width: 248px; }

#callout .image4 { 
	background: url('images/groupshot.png') no-repeat;
	position: absolute; top: 2px; right: 60px;
	height: 198px; width: 279px; }
	
#callout .image5 { 
	background: url('images/callout5.png') no-repeat;
	position: absolute; top: 9px; right: 15px;
	height: 189px; width: 310px; }
	
.logo {
	background: url('images/logo_bkg.png') no-repeat 0 0; 
	position: absolute; top:-111px; left:-20px;
	width: 354px; height: 192px; }

#column1 { width: 372px; height: 360px; float: left; }
#column2 { width: 424px; height: 360px; float: left; }
#testimonial { background: url('images/testimonials.png') no-repeat 0 0; height: 200px; margin-top:20px; color:#FFFFFF; }

.footerTxt, .footerTxt a { color: #725a42; font: 10px helvetica; padding-top:14px; }


#pdf { position: absolute; bottom: 8px; left: 25px; }
.view, .download { 
	color:#757a71; text-decoration: underline;
	font: 10px/12px helvetica;
	padding-left: 20px; 
	height: 19px; width: 60px;
	display: block; float: left; }

.view { background: url('images/pdf_bullets.png') no-repeat 0 0; }
.download { background: url('images/pdf_bullets.png') no-repeat top right; }

/**************** tab styles */


#hometabs { margin: 0; padding: 0; }

.shadetabs { list-style-type: none; }
.shadetabs li { margin: 0; float: left; height: 45px; display: block; cursor: pointer; }
.shadetabs li a {
	display: block; float: left;
	width: 260px; height: 45px;
	text-indent: -9999px; line-height: 0em; font-size: 0em;
	}

.tabcontent{ display:none; }
.tabcontent ul { float: left; }

#hometab1 { background: url('images/bkg_tab1.jpg') no-repeat 0 0; }
#hometab2 { background: url('images/bkg_tab2.jpg') no-repeat 0 0; }
#hometab3 { background: url('images/bkg_tab3.jpg') no-repeat 0 0; }

#t1, #t2, #t3 { cursor: pointer; width: 259px; }

#tbContainer { 
	background: url('images/tp_bkg.jpg') no-repeat 0 0;
	padding:10px 2px 0 11px; margin-bottom:10px;
	width: 784px; height: 192px; }

.shadetabs {
	padding:0; margin:0;
	font: italic 16px/24px georgia;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}

.shadetabs li a.selected {
	color: #c21f18;
	}

.t1 a.selected { background: url('images/t1_bkg.jpg') no-repeat top right; }
.t2 a.selected { background: url('images/t2_bkg.jpg') no-repeat top right; }
.t3 a.selected { background: url('images/t3_bkg.jpg') no-repeat top right; }

.tabcontent { padding: 10px 30px; }
	
.t1, .t2,.t3 { display: block; float: left; }
.t1 { width:288px; }
.t2 { width:233px; }
.t3 { width:263px; }

#services h3.page { background: url('images/h1_services.png') no-repeat 0 0; }
#clients h3.page { background: url('images/h1_clients.png') no-repeat 0 0; }
#ourteam h3.page { background: url('images/h1_ourteam.png') no-repeat 0 0; }
#contact h3.page { background: url('images/h1_contact.png') no-repeat 0 0; }

#services h3.page, #clients h3.page, #ourteam h3.page, #contact h3.page {
	height: 30px; display: block; margin: 0 0 10px 0;
        text-indent: -9999px; font-size: 0; line-height: 0;
}

/* Blog Styles */
#postWrap {
	width: 420px; float: left;
}

.title {
	text-transform: lowercase; 
        font-style: italic; 
        font-weight: normal; 
        font-size: 24px;
        margin: 6px 0 10px 0; padding: 0;
}

#sidebar {
	background: url('images/sidebar_bkg.jpg') no-repeat 0 0;
        width: 212px; min-height: 500px;
        float: left; margin-left: 48px;
        padding: 20px;
}

#sidebar h4 {
	color: #333; font: normal 18px georgia;
        margin: 0; padding: 0;
}

#sidebar ul {
	 margin: 0; padding: 0;
}

#sidebar li {
	list-style: none;
}

.meta {
	background: url('images/meta_bkg.jpg') no-repeat 0 0;
        height: 27px; padding: 5px 0 0 12px; margin-top: 10px;
}
.post-comments { color: #ccc; }
.post-comments a { color: #666; }

#s {
	width: 140px;
        display: block;
        height: 16px;
}

#searchsubmit {
	width: 60px;
        display: block;
        height: 28px;
}

/* Social Media Links */
.socialmedia { float: left; display: block; margin-top: 3px; }
.socialmedia a img{
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.socialmedia a:hover img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/*******/
	
.noTxt { text-indent:-9999px; font-size:0; line-height:0; }	
.clear { clear: both; }
	
a {
	color: #c21f18;
	text-decoration: none;
	outline: none;
	}

p {
	margin: 0;
	padding: 5px;
	line-height: 24px;
	}
	
#tbContainer p { line-height: 22px; }	
	
.strong { font-weight: 500; }	

.hr {
	 background: #d9d9d9; height: 1px; min-height: 1px; display: block;
         margin: 20px 0;
}

input {
	 border: 1px solid #d9d9d9; padding: 5px;
}

textarea {
	 border: 1px solid #d9d9d9; padding: 4px;
         font: 13px helvetica;
         width: 98%;
}

cite {
	 font-style: normal;
}

small, small a {
	 font-size: 11px; color: #96836f;
}
#profilewrap {
	position: relative;
        height: 320px; margin-bottom: 68px;
}
#profilethumb {
	height: 320px; width: 932px;
        display: block; position: absolute;
        bottom: 0; left: -66px; 
        cursor: pointer; 
}
#profilethumb a { cursor: pointer; }
#contactWrap {
	width: 700px; margin: 0 auto;
}

img.profile { border: 1px solid #dbdbdb;
float: left;
margin: 0 14px 14px 0;
}