/*--------------------- Last Modified --> 2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  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 ------------------------ */



body { 
	text-align:center; 
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#3f3f3f;
	}
	#wrap-bg {
	width:100%;
	}
blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:.9em; }
h2	{ font-size:1.6em; font-weight: normal;}
h3	{ font-size:1.0em; }

h2 span {font-size:1.2em}

div#column-left h2 {
	color:#484848;
	margin-top:25px;
}

div#column-left h2.first {
	margin-top:0;
}

div#column-left h2 span {
	color:#1d656e;
}

h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; color:#1d656e; }
a:link,a:visited	{ color:#1d656e; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#383838; text-decoration:underline; outline:none; }

#primary-content ul {
	margin-left:30px;
}
	
#primary-content li {
	margin-left:5px;
	list-style-type: circle;
}

/* ------------------------ classes ------------------------ */

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */


	.content-divide {
		border-bottom: 1px dotted black;
		width: 100%;
		clear: both;
		margin-bottom: 30px;
		padding-top: 10px;
	}



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

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/bullet-back-to-top.jpg") right no-repeat;
	}

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

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

/* ------------------------ form elements ------------------------ */
form {
	width:190px;
	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:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:0;
	color:#000;
	width:187px; /* 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; padding:0; } /* 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:20px 0 100px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

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

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

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

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/submit-btn.jpg");
	width:89px;
	height:23px;
	border:none;
	cursor:pointer;
	margin:5px 0 10px 45px;
	}
	

	
	#contact-weight input.checkbox {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	left:110%;
	top:0;
	width:20px;
	}
	
	#contact-weight input.submit-weight {
	cursor:pointer;
	width:50px;
	}
	
	#contact-weight input.reset-weight {
	cursor:pointer;
	width:50px;
	}
	
	
#contact-weight input, #contact-weight label, #contact-weight textarea { margin-left:10px;}	
	
	
/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	width:960px;
	margin: 0 auto 30px auto;
	text-align:left;
}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/masthead.jpg");
	height:90px;
	}
	/* index page link within #masthead */		
	#masthead a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}


/* ------------------------ column-left/primary-content framework ------------------------ */


#column-left, #primary-content {
	margin-top: 30px;
	}


/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:220px;
	float:left;
	text-align: center;
	}

	#column-left p, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin-bottom:15px;
		}

	#column-left form { 
			border-bottom: dotted 1px #383838;
			margin-bottom:25px;
			padding-bottom:15px;
			 } 


/*Platform Framework*/

.section {
	width:45%;
	margin-top:20px;
}
.section.a {
	float:left;
}
.section.b {
	float:right;
}
.section-platform {
	width:100%;
	border-top:1px dotted black;
	background-repeat: no-repeat;
	height:325px;
	overflow:hidden;
}
	.section-platform.last {
		border-bottom:1px dotted black;
	}
	.section-platform.odd {
		background-position: right;
	}
	.section-platform.even {
		background-position: left;
	}
	.section-platform h2, .section h2 {
		margin-top:20px;
	}
	.section-platform p {
		width:625px;
	}	
	.section-platform.even p, .section-platform.even h2, #primary-content .section-platform.even ul {
		margin-left:325px;
	}
	#primary-content .section-platform ul {
		margin:0;
		padding:0;
	}	
	#primary-content .section-platform li {
		display:inline;
		margin-right:5px;
		border-right: 1px solid black;
		padding-right: 15px;
	}
	#primary-content .section-platform li.last {
		border:none;
	}
#about-rhinoplasty {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/rhinoplasty-1.png);
}
#rhinoplasty-procedures {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/rhinoplasty-2.png);
}
#breast-augmentation {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/breast-augmentation.png);
}
#breast-lift {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/breast-lift.png);
}
#breast-reduction {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/breast-reduction.png);
}
#facial-rejuvenation {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/about-facial-rejuvenation.png);	
}
#face-lift {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/face-lift.png);	
}
#brow-lift {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/brow-lift.png);	
}
#eyelid-surgery {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/eyelid-surgery.png);	
}
#facial-implants {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/facial-implants.png);	
}
#surgical-rejuvenation {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/surgical-rejuvenation.png);	
}
#non-invasive-rejuvenation {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/non-invasive-rejuvenation.png);	
}
#butt-lift {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/butt-lift.png);	
}
#body-lift {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/body-lift.png);	
}
#liposuction {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/liposuction.png);	
}
#arm-lift {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/arm-lift.png);	
}
#tummy-tuck {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/tummy-tuck.png);	
}
#body-contouring {
	background-image: url(http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/body-contouring.png);	
}


/* --------- primary-content --------------*/
#primary-content {
	width:680px;
	float:right;
	font-size: 14px;
	line-height: 22px;
	}
	
#rhinoplasty #primary-content, #breast-procedures #primary-content, #body-contouring #primary-content, #facial-rejuvenation #primary-content, #after-weight-loss #primary-content {
	width:100%;
	float:none;
}

	#primary-content p, #primary-content ul, #primary-content dl, #primary-content h2, #primary-content h3 {
		margin-bottom:15px;
		}

	#primary-content form { margin-left:0px; }

/* single column list */
#primary-content ul { padding-left:3px; }

/* ------------------------ header framework ------------------------ */
#header-graphic { height:339px; background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/header.jpg"); } /* sets height for all non-flash headers */



/* ------------------------ title framework with varying heights ------------------------- */
#contact-title {
	background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/contact-us-title.jpg") no-repeat; 
	height: 74px; 
	margin:10px 0 0 0;
	}	
	
#launcherVideo {background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/video-launcher.jpg") no-repeat; 
	height:225px;
	border-bottom: dotted 1px #383838;
	}
body#home #launcherVideo {
	margin-bottom:15px;
	}	
	#launcherVideo a { 
		position:absolute; 
		width:200px; 
		height:225px;
		}
	#launcherVideo a span {display:none;}
#virtualOffice {background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/virtual-office-tour-right.jpg") no-repeat; width:180px; height:263px; }
	#virtualOffice a { position:absolute; width:180px; height:263px;}
	#virtualOffice a span {display:none;}
	
#rhinoplastyCon {
	background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/right-rhinoplasty.jpg") no-repeat; 
	width:180px; 
	height:195px; 
	}
#smk {
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom: dotted 1px #383838;
	}
#smk a {
	margin-right:5px;
	}

#contact-wrap {
margin-top:30px;
padding-top:30px;
border-top: dotted 1px #383838;
}

#contact-left {
	float:left;
	width:450px;
	}
	#contact-left form {
		width:440px;
		position:relative;
		}
	#contact-left form textarea {
		position:absolute;
		top:17px;
		left:195px;
		height:88px;
		}	
	#contact-left input.submit {
		margin-left:0;
		}	
#contact-right {
	float:left;
	width:200px;
	}	
	
#contact-main input.submit-contact-main {
	width:89px;
	margin-left:0;
	top:80px;
	}	

/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have to clear the floats ------------ */
#bottom-wrap {
	background:url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/bottom-wrap.jpg");
	width:100%; /* fix for Safar */
	height:20px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer {
	background:#a0bdb8 url("http://eiiwebassets.s3.amazonaws.com/n/northeasternplasticsurgery.com/footer-background.jpg") repeat-x top; 
	padding-top:30px;
	padding-bottom:50px;
	font-size:1.1em;
	color:white;
	text-align:left;
	}
	
	#footer a {
		color:white;
		text-decoration: none;
	}
	
	#footer li {
		height: 30px;
	}
	
	#footer-center {
		margin: 0 auto;
		width:960px;
	}
	
	#website-nav, #get-social, #media-showcase  {
		width: 290px;
		float:left;
		display:block;
		font-size: 1.0em;
	}
	
	#website-nav, #get-social {
		margin-right: 45px;
	}
	
	#footer h2 {
		margin-bottom:20px;
		font-size: 1.5em;
		font-weight: normal;
		border-bottom: 1px solid #84a69f;
	}
	#website-nav ul#utility-pages {
		width:100px;
		float:left;
	}
	
	#website-nav ul#primary-procedures {
		width: 120px;
		float:left;
	}	

	.copyright {
		width:100%;
		height:1px;
		clear:both;
		text-align:center;
		padding-top: 40px;
	}



/* ------------------------ Procedures Nav ------------------------ */
#nav-right {
	margin-bottom:25px;
	margin-top:20px;				
	}
body#home #nav-right {
	margin-bottom:45px;				
	}	
#nav-right ul {
	border-bottom: dotted 1px #383838;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	}	
#nav-right ul li {
	font-size:1.3em;
}
#nav-right ul li a {
	padding:10px 0;
	display:block;
	border-top: dotted 1px #383838;
	text-decoration:none;
	color: #383838;
	}
#nav-right ul li a:hover {
	color:#1d656e;
	}

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */


#nav2 {
	width:960px;
	height:52px;
	margin:0 auto; 
	text-align:center;
	}
	
ul#utility-nav {
	height:46px;
	padding-top:12px;
	text-align:right;
	margin-right:5px;
	font-size: 1.2em;
}
ul#utility-nav li {
	display: inline;
	margin-left:20px;
}



#nav { 
	background:none; 
	height:36px;
	}
	
	#nav li {   
			position:relative;
			display:inline;
			font-size: 1.5em;
			margin-left:68px;
		}
		
	#nav li.first {
		margin-left: 0;
	}
		
	#nav li a {
		color:white;
		text-decoration: none;
	}
	#nav li a:hover {
		color:#c5feff;
		text-decoration: none;
	}


	/** test this **/
	.primary, .primary a:hover, .first, .primary a:focus, .primary a:active
	 {
		background-color:transparent !important; 
	}

/*BLOG Styles*/

#blog-info {
	border-bottom:1px dotted #383838;
	margin-bottom:15px;
	}
	
#blog-info .tag {
	font-size: 1.2em;
	display: block;
	line-height: 1.6em;
}
	
#blog_title a {
	text-decoration:none;
	}	

body#blog #column-inside ol {
	margin-left:30px;
	margin-bottom:15px;
	list-style-type:decimal;
	}	
body#blog #column-inside ul {
	list-style-type:square;
	margin-left:20px;
	}	
body#blog #launcherVideo {
	margin-bottom:15px;
	}	
div.meta {
	margin-bottom:15px;
	}
	
div.feedback {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #383838;
	}

	/* News Ticker
	---------------------------------------------------------------------------*/
	#feedControl {
		text-align: left;
		background:#C0D8D6;
		margin:0 0 0 0;
		padding:12px 10px 17px;
				 -moz-border-radius: 5px; /* FF1+ */
			  -webkit-border-radius: 5px; /* Saf3+, Chrome */
			          border-radius: 5px; /* Opera 10.5, IE 9 */
			     -moz-box-shadow: 0px 0px 4px #dddddd; /* FF3.5+ */
			  -webkit-box-shadow: 0px 0px 4px #dddddd; /* Saf3.0+, Chrome */
			          box-shadow: 0px 0px 4px #dddddd; /* Opera 10.5, IE 9.0 */
		}
	#column-left h2.blog-hdr { margin-top:20px;	color:#fff;	}
	.gf-snippet { color:#000; }
	.gfg-title { display:none; }
	.gf-result { height: 110px;	overflow: hidden; }
	.gfg-title, div.gf-result div.gf-author, div.gf-result div.gf-spacer { display:none; }
	.gfg-listentry { margin:0;	padding:5px; }
	.gfg-list {	margin: 10px 0 0 0;	border-top: 1px solid #0E1222; }
	.gfg-list a { text-decoration: none; }
	.gfg-listentry-odd, .gfg-listentry-even { border-bottom: 1px solid #0E1222; }
	.gfg-listentry-highlight { background: #485168; }
	.gfg-listentry-highlight a { color: #FFFFFF; }