/* 

Style information 

Made by: Nick Tsutsunava

Website: ortix@ortixdesign.com

Coded for Julia Sabetta's Fairfield Dermatology Clinic. The files may not be re-distributed in any form without permission.

*/





a:link {color: #225C8C; text-decoration:none;} /* unvisited link */

a:visited {color:#225C8C; text-decoration:none;} /* visited link */

a:hover {color:#93be42; text-decoration:underline;} /* mouse over link */

a:active {color:#93be42; text-decoration:none;} /* selected link */



a.menu:link {color:#FFF; text-decoration:none;} /* unvisited link */

a.menu:visited {color:#FFF;text-decoration:none;} /* visited link */

a.menu:hover {color:#FFF;text-decoration:none;} /* mouse over link */

a.menu:active {color:#FFF;text-decoration:none;} /* selected link */



a img {

	text-decoration: none;

	border: 0 none;

	}

	

a.bluebox:link {color: #93be42; text-decoration:none;} /* unvisited link */

a.bluebox:visited {color:#93be42; text-decoration:none;} /* visited link */

a.bluebox:hover {color:#7c99b4; text-decoration:underline;} /* mouse over link */

a.bluebox:active {color:#7c99b4; text-decoration:none;} /* selected link */


#body {

	font-family: Arial, Helvetica, sans-serif; /*fonts for the main document*/

	font-size: 12px; /*font size for the main document*/

	color: #484941; /*font color for the main document*/

	background:#e0e0e0;

	height:1133px;

	width:1152px;

    margin:-8px auto;

        
}



#main_holder {

	width:1152px;

	margin-left:auto;

	margin-right:auto;

			

}



#header_holder {

	width:1152px;

	height:84px;

	float:left;

	

}



#header_logo {

	width:687px;

	height:84px;

	position:absolute;

	left:auto;

	right:auto;

	

	

}



#header_search {

	background-image:url(../images/sab-02.jpg);
	padding-top:0px;
	width:465px;

	height:84px;

	float:right;



}



#header_searchbox {

	width:250px;

	height:25px;

	margin-left:50px;

	margin-top: 17px;

	text-align:left;

	padding-top:40px;

}



	



/*includes the menu and the flash... NOT the middle blue thingee */

#middle_left_holder {

	width:103px;	

	height:250px;

	float:left;

}



/*hold the entire menu */

#menu_holder {

	width:142px;

	height:250px;

	float:left;	

}



#flash_container {
	margin-left:-1px;

	width:907px;

	height:251px;

	float:left;

	

}



/*this is the blue thingee and the corner image that is under the menu and flash

i also stopped using holder and started using container because I sort of remember the word...

*/



#middle_middle_container {

	width:1152px;

	height:155px;

	float:left;

}



#corner_img1{

	width:103px;

	height:155px;

	float:left;

}



#corner_img2{

	width:142px;

	height:155px;

	float:left;	

}



/*this is the place where the eyecatching blue box goes...*/



#bluebox {

	width:712px;

	height:155px;

	float:left;

	background-image:url(../images/sab-14.jpg);

	background-repeat:no-repeat;

	text-align:right;

}







div.bluebox {

	width:612px;

	height:135px;

	margin-left:100px;

	margin-top:10px;

	text-align:center;

	

}



#bluebox_right {

	width:195px;

	height:155px;

	float:left;

}



#content_main{

	width:1152px;

	height:auto;

	float:left;

}



#content_container1 {

	width:1152px;

	height:26px;

	float:left;

}



#content_box {

	width:702px;

	height:auto;

	float:left;

	margin-left:268px;

	background-image:url(../images/contentbox.jpg);

	background-repeat:repeat-y;

	overflow:visible;

}



#content_container2 {

	width:655px;

	height:auto;

	margin-left:20px;

}



#content_footer {

	width:1152px;

	height:31px;

	float:left;

}



#copyright_footer {

	width:1002px;

	height:50px;

	float:left;

	margin-left:110px;

	background-color:#e0e0e0;

	text-align:center;

}


/*
 * highlighted div and span boxes
 */

span.note,
span.info,
span.alert,
span.download,
span.tip {
	display: block;
}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.info, span.info {
	background: #f4f5f6 url(../images/div_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.download, span.download {
	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.tip, span.tip {
	background: #fffdeb url(../images/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;


}