@charset "utf-8";
/* CSS Document - Copyright (c) Oct 2009 - Muhammad Abbas (mabbas64) */

body {
background:#222b4e url('http://weismanpc.com/images/body_bg_y.gif') repeat-y center;
margin: 0;
color:#2a2a2a;
font-family:Tahoma, Verdana, Arial, "Times New Roman", sans-serif;
font-size:11px;
text-align:center;
min-height:100%; /* needed for auto expansion so that footer touches the bottom of the page. */
/*
background-color:#b9bb96;
background-image:url(bg_centre.png);
background-position:center;
*/

/*THIS PORTION TO DO WORK OF WRAPPER ADN JUST CENTER DIVS */

margin:0 auto;
position:relative;
}

.wrapper{
	width: 972px;
	margin:0 auto;
}

a img{
border:0px none;
}

.clear{ clear: both; } /* a hack to contain the floating divs in content area */

.header{
width:972px;
position:relative;
}
.header .header_flash{
position:absolute;
top:0;
left:0;
}

.header .navbar{
	background: url('http://weismanpc.com/images/navbar_bg.jpg') left no-repeat;
	margin: 0 auto;
	height:37px; /* PLUS to it the padding of top of this div */
	text-align:center;
	
	color:#d5d5d5;
}

.header .navbar a{
	
	color:#d5d5d5;
	font-size: 12px;
	padding: 4px 6px;
	text-decoration:none;
}
.header .navbar a:hover{
	background:#48514e url('http://weismanpc.com/images/navbar_highlight.gif') center;
	border: solid #2e313d 1px;
	padding: 3px 5px;
}

.header .navbar ul{
	list-style:none;
	margin:0;
	padding:12px 0 0 12px;
}
.header .navbar ul li{
	display: inline;
	margin:0;
	padding: 0 0 0 1px;
	position:relative;
}

.header .navbar li ul{
	display:none;
	padding:5px 0 0px 8px;
	position:absolute;
	top: 17px;
	left: 3px;
	z-index:1; /* FIX: for ff and chrome, Content DIVs links were not clickable with z-index less than that of navbar
						so, setting the z-index of the navbar li ul, instead of the main nav bar fixes it since this li ul is hidden 
						unless hovered */
	
}

.header .navbar li:hover ul{
	display:block;
	width:195px;
	background:#8b5636 url('http://weismanpc.com/images/navbar_dropdown_bg.png') top center repeat-x;
	border-bottom:2px solid #3e3c3f;
	border-top: 0px;
	padding-bottom:8px;
}

.header .navbar li li{
	list-style: none;
	display: list-item;
	text-align:left;
	margin: 5px -2px;
}
	
.smallHead{
	/* For orange headings like on message box form */
	font-size: 13px;
	color:#f66b23;
	margin:8px;
	text-align: left;
}

.contentHead{
	/* For headings inside the content text area */
	font-size: 17px;
	color:#f66b23;
	margin: 3px 0 -5px -1px;
	text-align: left;
}

.email{
	background: #313546;
	padding:5px 10px;
	border:#181f39 solid 1px;
	font-size:11px;
	display:inline-block;
	 /* Display:inline-block, and float:left is must to have the email div stay in line and not jumpt to next line */
	color:#a7a7a7;
	z-index:211;
}

.email a{
	color:#a7a7a7;
	text-decoration:none;
}

.email:hover{
	background:#212947;
}
	
	

.content{
	position:relative;
	overflow:hidden;
	background: url('http://weismanpc.com/images/content_text_bg_tiled.png') repeat;
	z-index:0; /* to make the navbar drop down menu appear OVER IT and now UNDER its text */
}

.content .area{
	width: 	759px; /* 272+1pxBorder + 759 = 972px total */
	margin: 0 0;
	text-align: left;
	padding: 0px 0 15px 0;
	color:#bbc2db;
	float:right;

}

.content .area .content_text{
	color: #ece4cd;
	font-size:13px;
	
	
}

.content .area .content_text .title{
	color:#ece4cd;
	font-size:20px;
	margin: 0;
	padding: 13px 0 0 10px;
	background: url('http://weismanpc.com/images/content_text_title_bg.png') bottom no-repeat;
	width:751px; /* + padding left */
	height:32px; /* + padding top */
	
}

.content .area .content_text .title h1{
	color:#ece4cd;
	font-size:20px;
	margin: 0px;
	padding: 13px -10px 0 10px;
	font-weight:normal;
	
}

.content .area .content_text strong{
	font-size:15px;
	border: #575d55 solid 1px;
	padding: 2px 5px;
	background: url('http://weismanpc.com/images/content_text_header_bg.jpg') repeat #656e63;
	line-height:35px;
	text-decoration:none;
	font-weight:bold;
	
}

.content .area .content_text u{
	text-decoration:none;
}

.content .area .content_text a{
	color:#ece4cd;
	/* background:#606861;*/
	padding:0 3px;
}

.content .area .content_text a:hover{
	background: #48514e;
}

.content .area .content_text .padder {
	padding:8px 10px;	
}

.content .area .mid_bar{
	position: relative;
}

.content .area .mid_bar .mid_bar_text{
	position:absolute;
	left: 7px;
	bottom:2px;
}

.content .area .mid_bar .mid_bar_text a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#b9b8a3;
	font-weight:bold;
	text-decoration:none;
	text-shadow: #39140b 1px 1px;
	
	/* FIX for alignment of these links below picture frames */
	display:inline-block;
	width:160px;
}

.content .area .mid_bar .mid_bar_text ul{
	padding:0;
	margin:0 0 0 0; /* -10px from let to cancel the 10px left shift for majority of links for align*/
	text-align:center;
	
}

.content .area .mid_bar .mid_bar_text ul li{
	padding:0;
	margin:0 17px 0 7px; /* Was 0 20px 0 10px for links earlier, had to fix caz of ie8/chrome issue reports*/
	list-style: none;
	display: inline;
}


/* SIDEBAR_AREA HERE */
/* -----------------*/

.content .sidebar{
	color:#949ab0;
	float:left;
	background:url('http://weismanpc.com/images/sidbebar_bg_y.png') repeat-y left;
	width: 212px;
	font-size:12px;
	border:1px solid #3e3c3f;
	border-left:0;
	border-bottom:0;
}

.content .sidebar a{
	color:#d7d7d7;
	text-decoration:none;
}

.content .sidebar a:hover{
	text-decoration:none;
}

.content .sidebar .title{
	background:url('http://weismanpc.com/images/sidebar_header_bg.png') center no-repeat;
	height: 20px; /* + padding height */
	color:#ece4cd;
	font-size:16px;
	text-align:left;
	padding:5px 5px 0 8px;
}

.content .sidebar ul{
	text-align:left;
	list-style:none;
	background:url('http://weismanpc.com/images/sidebar_section_bg.png') repeat;
	padding:6px 0;
	margin:0 8px 10px 8px;	
}

.content .sidebar ul li{
	padding:1px 8px 1px 12px;
}

.content .sidebar ul li:hover{
	border-left: 8px #313735 solid;
	padding: 1px 8px 1px 4px;
	background:#48514e;

}

.content .sidebar .login{
	position:relative;
	background:url('http://weismanpc.com/images/sidebar_bg.gif') top left repeat-y;
	border: solid #33384e 1px;
	width:0;
	margin-top: 0;
}

.content .sidebar .login .tl{
	position:absolute;
	height:11px;
	width:11px;
	top:-1px;
	left:-1px;
	background:url('http://weismanpc.com/images/tl.gif');
}

.content .sidebar .login .bl{
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:11px;
	height:11px;
	background:url(bl.gif);
}

.content .sidebar .login .tr{
	position:absolute;
	top:-1px;
	right:-1px;
	height:11px;
	width:11px;
	background:url('http://weismanpc.com/images/tr.gif');
}
	
.content .sidebar .login .br{
	position:absolute;
	width:11px;
	height:11px;
	bottom:-1px;
	right:-1px;
	background:url('http://weismanpc.com/images/br.gif');
}

.content .sidebar .login_form{
	margin: 0;
	line-height:18px;
	padding: 8px 0 0 0;
	text-align:right;
	padding:9px 9px 9px 0;
}



.footer{
	background:#472814 url('http://weismanpc.com/images/footer_top_bg.png') top center no-repeat;
	/*border-top: solid #444f7d 1px;*/
	height:70px;
	width:100%;
	padding: 15px 0 0 0;
	color:#767676;
}

.footer a{ 
  color:#767676;
}

/* ########################################### GUI SECTION ################################### */

.lico{
	width:184px; /* + padding left right */
	height:16px; /* + padding top bottom */
	background:url('http://weismanpc.com/images/semi_trans_bg.png');
	border: solid #585e55 1px;
	margin: 0 0 3px 3px;
	color:#152a13;
	font-size:11px;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
	padding:2px 4px 0 4px;
}

.lico2{  /* For text area of message-box */
	width:184px;
	height:95px;
	background:url('http://weismanpc.com/images/semi_trans_bg.png');
	border: solid #585e55 1px;
	margin: 0 0 3px 3px;
	padding:2px 4px 0 4px;
	color:#152a13;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif
}

.contact-form-full .lico{
	width:220px; /* + padding left right */
}

.contact-form-full .lico2{
	width:220px; /* + padding left right */
}

.lico3{ /*For the drop down menu of full-contact-form on the contact.php page */
	width:228px; /* + padding left right */
	height: 21px; /* + padding top bottom */
	background:url('http://weismanpc.com/images/semi_trans_bg.png') #939990;
	border: solid #585e55 1px;
	margin: 0 0 3px 3px;
	color:#152a13;
	font-size:11px;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
	padding:2px 4px 0 4px;
}

textarea {
	vertical-align:top; /* important to make the form labels align with the top of the text area */
}

.highlight{
	color:#6b7165;
	text-decoration:none;
}

.highlight:hover{
	color:#6b7165;
	text-decoration:underline;
}

.telephone{
	font-size: 18px;	
	font-weight:bold;
}
.slogan{
	font-size: 15px;	
	font-weight:bold;
}
.siteName{
	font-size: 16px;
	font-weight:bold;
}
.siteNameBig{
	font-size:20px;
	font-weight:bold;
}

.photo img{
	border:1px solid #003;
	float:left;
	margin-right:10px;
}

.photo2 { /* For Rachel Weisman portfolio SIDEBAR */
	border-left:1px solid #3f423f;
	float:right;
	margin-right:10px;
	width:150ps;
}
.photo3 { /* For Rachel Weisman photo on her portfolio */
	border:1px solid #3f423f;
	float:left;
	margin-right:20px;
	width:150ps;
}
.contact-form-full{
	
}