/*--------------------------- Last Modified --> 2009.02.12 ----------------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */

html { font:12px/19px Arial, Helvetica, sans-serif;}

body { 
	background: #fff url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/bg-body-sub.jpg") top repeat-x;
	text-align:center; 
	font:12px/19px Arial, Helvetica, sans-serif;  
	color:#5b5e59;
	}
body#home { 
	background: #fff url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/bg-body-index.jpg") top repeat-x;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:16px; color:#c63305; margin-bottom:20px;}
h2	{ font-size:15px; color:#c63305; }
h3	{ font-size:14px; color:#c63305; clear:both; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#5b5e59; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#c63305; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	clear:both;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
p.address { font-size:11px;
			line-height:15px;
			}


/* ------------------------ form elements ------------------------ */
form {
	width:150px;
	margin:10px 0 15px 0; /* set margin left and right below */
	}

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:white !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #cdba95;
	color:#5b5e59;
	width:235px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}

select { width:150px; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:40px 0 10px 20px;
				width:250px;
				}

#contact-main ul li { 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main ul li input, #contact-main ul li textarea, #contact-main ul li select { 
	width:250px;
	}

#contact-main ul li select { width:250px; } /* fixes display issue - 5px larger than input field */

#contact-main ul li textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */


#contact-main ul li input.submit, input.submit {
									width:60px;
									cursor:pointer;
									line-height:16px; 
									height:22px;
									}




/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */




/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("") repeat-y;
	width:1012px;
	margin:0 auto;
	text-align:left;
	}
#header-background-wrap {background:url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/header-sub.jpg") top center no-repeat;}

body#home #header-background-wrap {background:url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/header-index.jpg") top center no-repeat;}


/* ------------------------ masthead framework ------------------------ */
#masthead {
	background: url() 0 0 no-repeat;
	height:131px;
	}

/* ------------------------ header framework ------------------------ */
#header {
	height:230px;
	clear:both;
	}
body#home #header {
	height:410px;
	}		

/* ------------------------ CONTENT WRAP ------------------------ */
#content-wrap {
						background:url() no-repeat;
						}




/* ------------------------ column-center framework ------------------------ */
#column-left {
	width:680px;
	float:left;
	_display:inline;
	margin-left:30px;
	padding-bottom:30px;
	}
#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl, #column-left ol {
		margin:0px 0px 15px 0px;
		}

#column-left ul li { background:url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/bullet-orange.gif") 0 7px no-repeat;
						 padding-left:12px;
						 }

/* ------------------------ column-left framework ------------------------ */
#column-right {
	width:243px;
	float:right;
	margin-right:23px;
	_display:inline;
	padding-bottom:30px;
	}
#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl, #column-right ol {
		margin:0px 0px 15px 0px;
		}
#column-right ul li { background:url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/bullet-orange.gif") 0 7px no-repeat;
						 padding-left:12px;
						 }
						 
						 
#video-button {	background:url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/video-button.jpg") no-repeat;
						width:237px;
						height:145px;
						margin-bottom:20px;
						}
						#video-button a { 	width:237px;
													height:145px;
													display:block;
														}
#push-to-talk {	background:url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/push-to-talk.jpg") no-repeat;
						width:237px;
						height:103px;
						margin-bottom:20px;
						}
						#push-to-talk a { 	width:237px;
													height:103px;
													display:block;
														}
														
#video-button a span, 	#push-to-talk a span {display:none;}													

#contact-block {margin-bottom:30px;}
#contact-block h3 {margin-bottom:0;}
#contact-block h3, #contact-block p { color:#c63305;}

#office-photos p {text-align:center; }
#office-photos img {border:1px solid #375b35;}

#column-right ul#social-media {
	width:212px;
	height:299px;
	background:url("http://d2agh9ata29wb8.cloudfront.net/i/ivftucson.com/social.jpg") no-repeat;
	/*margin:10px 0 10px 15px;*/
	}
	#column-right ul#social-media li, #column-right ul#social-media li a {
		display:block;
		width:60px;
		height:80px;
		float:left;
	}	
	#column-right ul#social-media li.media-top {
		margin:30px 0 0 27px;
		padding:0 0 0 0;
	}
	#column-right ul#social-media li.media-bottom {
		margin:10px 0 0 27px;
		padding:0 0 0 0;
	}
	#column-right ul#social-media li.media-blog {
		margin:10px 0 0 75px;
		padding:0 0 0 0;
	}
	#column-right ul#social-media li {
		background-image:none;
	}
	#social-media span {
		display:none;
	}		
	
/* ----- bottom-wrap ----- */


/* ------------------------ bottom-wrap framework ------------------------ */
#bottom-wrap {
	background:#7e9a59;
	height:10px;
	clear:both; /* important - do not remove */
	border-bottom:2px solid #b0c198;
	margin:0 30px;
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:1012px;
	text-align:center;
	padding-top:10px;
	}

#footer p {
	color:#c63305;
	margin-bottom:0 73px 10px 73px;
	}

#footer a:link, #footer a:visited { color:#c63305; }
#footer a:hover, #footer a:active { color:#c63305; }

#footer ul {margin:10px 100px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid white;
		}
		#footer ul li ul {display:inline; margin:0 5px 0 7px;}
	#footer li.first { border: none; }
	#footer li#home { margin-left:0;}



/* ------------------------NAVIGATION framework ------------------------ */

#nav {	margin: 86px 0 0 20px;
			_display:inline;
			}
ul.sf-menu li {
						background:none ;
						}

ul.sf-menu a {	padding:14px 8px;
						border:none;
						font-size:13px;
						font-weight:bold;
						color:white;
						}
ul.sf-menu a:visited  { 
	color:			white;
	text-decoration:none;
}						

ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul {	top:45px;
																		}
ul.sf-menu li:hover, ul.sf-menu li.sfHover,
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {
	background:		#385619;
	color:white;
	text-decoration:none;
}
ul.sf-menu ul {
	width: 200px; 
}
ul.sf-menu li li {
	background:		#749146;
}
ul.sf-menu li li li {
	background:		#51692a;
}
#masthead ul.sf-menu li li:hover ul,
#masthead ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}