/* TYPOGRAPHY

----------------------------------------------------------- */



.s5_greenbox {

	position:relative;

	padding:12px;

	color:#ffffff;

	background:#185564;}

	.s5_greenbox a {color:#ffffff;}



.s5_greenbox .tl {

	left:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typodg_tl.jpg) no-repeat top left;}



.s5_greenbox .tr {

	right:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typodg_tr.jpg) no-repeat top left;}





.s5_greenbox .bl {

	left:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typodg_bl.jpg) no-repeat top left;}



.s5_greenbox .br {

	right:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typodg_br.jpg) no-repeat top left;}



.s5_greenbox .point {

	padding-left:28px;

	background:transparent url(../images/typography/s5typodg_point.jpg) no-repeat center left;}	

	



	

	

	

.s5_graybox {

	position:relative;

	padding:12px;

	color:#313131;

	background:#e6e6e6;}

	.s5_graybox a {color:#313131;}



.s5_graybox .tl {

	left:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typog_tl.jpg) no-repeat top left;}



.s5_graybox .tr {

	right:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typog_tr.jpg) no-repeat top left;}





.s5_graybox .bl {

	left:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typog_bl.jpg) no-repeat top left;}



.s5_graybox .br {

	right:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typog_br.jpg) no-repeat top left;}



.s5_graybox .point {

	padding-left:28px;

	padding-bottom:1px;

	background:transparent url(../images/typography/s5typog_point.jpg) no-repeat center left;}	

	

	

	

	

	

	

	

	

.s5_bluebox {

	position:relative;

	padding:12px;

	color:#ffffff;

	background:#22ace5;}

	.s5_bluebox a {color:#ffffff;}



.s5_bluebox .tl {

	left:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typob_tl.jpg) no-repeat top left;}



.s5_bluebox .tr {

	right:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typob_tr.jpg) no-repeat top left;}



.s5_bluebox .bl {

	left:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typob_bl.jpg) no-repeat top left;}



.s5_bluebox .br {

	right:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typob_br.jpg) no-repeat top left;}



.s5_bluebox .point {

	padding-left:28px;

	background:transparent url(../images/typography/s5typob_point.jpg) no-repeat center left;}		

	

	

	

	

	

.s5_redbox {

	position:relative;

	padding:12px;

	color:#ffffff;

	background:#ff5858;}

	.s5_bluebox a {color:#ffffff;}



.s5_redbox .tl {

	left:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typor_tl.jpg) no-repeat top left;}



.s5_redbox .tr {

	right:0;

	top:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typor_tr.jpg) no-repeat top left;}



.s5_redbox .bl {

	left:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typor_bl.jpg) no-repeat top left;}



.s5_redbox .br {

	right:0;

	bottom:0;

	height:7px;

	width:7px;

	position:absolute;

	background:transparent url(../images/typography/s5typor_br.jpg) no-repeat top left;}



.s5_redbox .point {

	padding-left:28px;

	background:transparent url(../images/typography/s5typor_point.jpg) no-repeat center left;}		

	



blockquote {

	background:transparent url(../images/typography/s5_left_quote.png) no-repeat top left;

	color:#000000;

	font-weight:normal;

	font-size:18px;

	font-style:italic;

	line-height:150%;

	margin:15px 0pt;

	padding:0px 0px 5px 65px;

	width:auto;

}



blockquote p {

	background:transparent url(../images/typography/s5_right_quote.png) no-repeat bottom right;

	margin-top:0pt;

	padding:0pt 65px 10px 0pt;

}





.code {

	background:#EBEAEA none repeat scroll 0%;

	border-left:solid 5px #666666;

	color:#666666;

	font-family:monospace;

	font-size:9pt;

	font-style:normal;

	font-variant:normal;

	font-weight:normal;

	line-height:1.5;

	margin-top:15px;

	margin-bottom:15px;

	padding:10px 20px;

	padding-top:20px;

	padding-bottom:20px;

}



ul.ul_arrow li {

	background:transparent url(../images/typography/s5_ul_arrow.png) no-repeat top left;

	padding:1px;

	padding-left:18px;

	padding-right:18px;

}



	

	ul.ul_arrow {

		padding-left:0px;

		margin-left:0px;

		list-style-type:none;}



ul.ul_star li {

	background:transparent url(../images/typography/s5_ul_star.png) no-repeat top left;

	padding:3px;

	padding-left:23px;

	padding-right:18px;

}





	ul.ul_star {

		padding-left:0px;

		margin-left:0px;

		list-style-type:none;}



ul.ul_bullet li {

	background:transparent url(../images/typography/s5_ul_bullet.png) no-repeat top left;

	padding:3px;

	padding-left:23px;

	padding-right:18px;

}







	ul.ul_bullet {

		padding-left:0px;

		margin-left:0px;

		list-style-type:none;}



		

ul.ul_bullet_small li {

	background:transparent url(../images/typography/s5_bullet_small.png) no-repeat top left;

	padding:5px 18px 0 21px;

}



	ul.ul_bullet_small {

		padding-left:0px;

		margin-left:0px;

		list-style-type:none;}

		



ul.ul_numbers {

	padding-left:0px;

	margin-left:0px;

	list-style-type:none;}	



ul.ul_numbers li {

	padding-top:6px;

	padding-left:36px;}		

		

li.li_number1  {

	background:transparent url(../images/typography/s5_li_number1.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number2  {

	background:transparent url(../images/typography/s5_li_number2.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number3  {

	background:transparent url(../images/typography/s5_li_number3.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number4  {

	background:transparent url(../images/typography/s5_li_number4.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number5  {

	background:transparent url(../images/typography/s5_li_number5.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number6  {

	background:transparent url(../images/typography/s5_li_number6.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number7  {

	background:transparent url(../images/typography/s5_li_number7.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number8  {

	background:transparent url(../images/typography/s5_li_number8.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number9  {

	background:transparent url(../images/typography/s5_li_number9.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



	

.red_box {

	background:#FFD6D6;

	border-top:solid 2px #EF706F;

	border-bottom:solid 2px #EF706F;

	color:#CC0000;

	padding:13px;

}



.blue_box {

	background:#D0DCEC;

	border-top:solid 2px #5B95DA;

	border-bottom:solid 2px #5B95DA;

	color:#1B6FC2;

	padding:13px;

}



.green_box {

	background:#EEF7DD;

	border-top:solid 2px #B0CB79;

	border-bottom:solid 2px #B0CB79;

	color:#8DCB0E;

	padding:13px;

}



.orange_box {

	background:#FEF6D8;

	border-top:solid 2px #FDE179;

	border-bottom:solid 2px #FDE179;

	color:#A38106;

	padding:13px;

}



.yellow_box {

	background:#F4F5B9;

	border-top:solid 2px #EFF11E;

	border-bottom:solid 2px #EFF11E;

	color:#9FA112;

	padding:13px;

}



.gray_box {

	background:#f1f1f1;

	border-top:solid 2px #9D9D9D;

	border-bottom:solid 2px #9D9D9D;

	color:#4B4B4B;

	padding:13px;

}



.black_box {

	background:#333333;

	border-top:solid 2px #4D4D4D;

	border-bottom:solid 2px #4D4D4D;

	color:#FFFFFF;

	padding:13px;

}



.boxed:hover {

	cursor:pointer;

	border:3px solid #666666;

}





	

.boxed {

	border:3px solid #CCCCCC;

}



.padded {

	padding-right:10px;

	padding-bottom:10px;}







img.portfolio {

	background:#000000;

	opacity:0.7;

	padding:4px; }

	



		

	img.portfolio:hover {

		cursor:pointer;

		opacity:1; }