/* Page: Home
=====================================================
							|			|
	        1-1				|			|
							|			|
----------------------------|			|
			 |				|	  2		|	  3
	1-2-1	 |	  1-2-2		|			|
			 |				|			|
			 |				|			|
----------------------------|			|
			1-3				|			|
=====================================================
*/

.c-home { position:relative; width:100%; }
.c-home .block1 { position:relative; float:left; width:54%; }
.c-home .block2 { position:relative; float:left; width:31%; border-right:2px dotted #D6D6D6; border-left:2px dotted #D6D6D6; }
.c-home .block3 { position:relative; float:right; width:12%; }
.c-home .block1-1 { position:relative; float:left; width:97%; border-bottom:2px dotted #D6D6D6; padding-bottom:2%; }
.c-home .block1-2 { position:relative; float:left; width:97%; margin-top:2%; }
.c-home .block1-2-1 { position:relative; float:left; width:49%; border-right:2px dotted #D6D6D6; }
.c-home .block1-2-2 { position:relative; float:right; width:46%; padding-left:3%; }
html>body .c-home .block1-2-2 { padding-left:0; width:46%; }
.c-home .block1-2-3 { position:relative; float:left; width:49%; border-right:2px dotted #D6D6D6; padding-top: 5px;}
.c-home .block1-2-4 { position:relative; float:right; width:46%; padding-left:3%; padding-top: 5px; }
html>body .c-home .block1-2-4 { padding-left:0; width:46%; }
.c-home .block1-3 { position:relative; float:left; width:92%; padding:3% 0 0 0; margin-top:2%; border-top:2px dotted #D6D6D6; }
html>body .c-home .block1-3 { width:97%; }
.miniblockclear{ width:100%; clear:both}

/* Block 1-1-1: Welcome paragraph */
.c-home .block1-1 h3 { font-size:0.9em; font-weight:normal; color:#11006A; margin:0 0 5px 0; }
.c-home .block1-1 p { font-size:0.7em; color:#333333; margin:0 0 10px 0; padding:0; }
.c-home .block1-1 a.more { font-size:0.7em; }

/* Block 1-2-1: Business finder */
.c-home .block1-2-1 h3 { position:relative; width:81%; background-color:#9EB990; font-size:0.8em; font-weight:normal; color:#FFFFFF;
	margin:0 0 3px 0; padding:7px 10px 7px 10px; }
.c-home .block1-2-1 .textblock { position:relative; width:81%; background-color:#E2E7ED; font-size:0.7em; color:#333333; padding:10px; }
.c-home .block1-2-1 .textblock p { padding:0; margin:0; width:95%; }
.c-home .block1-2-1 .textblock .graphic { position:absolute; width:98px; height:164px; bottom:0px; right:-10px; margin-left:-20px;
	 }

/* Block 1-2-2: Business benefits mini-menu */
.c-home .block1-2-2 h3 { position:relative; width:90%; background-color:#663366; font-size:0.8em; font-weight:normal; color:#FFFFFF;
	margin:0 0 3px 0; padding:7px 10px 7px 10px; }
html>body .c-home .block1-2-2 h3 { width:90%; }
.c-home .block1-2-2 .textblock { position:relative; width:90%; background-color: #E2E7ED; font-size:0.7em; color:#333333; padding:10px; }
.c-home .block1-2-2 .textblock p { padding:0; margin:0; }
.c-home .block1-2-2 .textblock p a { display:block; margin-bottom:10px; }

/* Block 1-2-3: Mini Content Block */
.c-home .block1-2-3 h3 { position:relative; width:81%; background-color:#663366; font-size:0.8em; font-weight:normal; color:#FFFFFF;
	margin:0 0 3px 0; padding:7px 10px 7px 10px; }
.c-home .block1-2-3 .textblock { position:relative; width:81%; background-color:#E2E7ED; font-size:0.7em; color:#333333; padding:10px; }
.c-home .block1-2-3 .textblock p { padding:0; margin:0; width:95%; }
.c-home .block1-2-3 .textblock .graphic { position:absolute; width:98px; height:164px; bottom:0px; right:-10px; margin-left:-20px;
	 }

/* Block 1-2-4: Mini Content */
.c-home .block1-2-4 h3 { position:relative; width:90%; background-color:#9EB990; font-size:0.8em; font-weight:normal; color:#FFFFFF;
	margin:0 0 3px 0; padding:7px 10px 7px 10px; }
html>body .c-home .block1-2-4 h3 { width:90%; }
.c-home .block1-2-4 .textblock { position:relative; width:90%; background-color: #E2E7ED; font-size:0.7em; color:#333333; padding:10px; }
.c-home .block1-2-4 .textblock p { padding:0; margin:0; }
.c-home .block1-2-4 .textblock p a { display:block; margin-bottom:10px; }

/* Block 1-3: Competition */
.c-home .block1-3 h3 { position:relative; width:100%; background-color:#008102; font-size:0.8em; font-weight:normal; color:#FFFFFF;
	margin:0 0 3px 0; padding:4px 10px 4px 10px; }
html>body .c-home .block1-3 h3 { width:95%; }
.c-home .block1-3 .textblock { position:absolute; left:0px; top:30%; width:75%; font-size:0.8em; color:#333333; padding:10px 20% 10px 10px; }
.c-home .block1-3 .textblock p { padding:0; margin:0; vertical-align:text-top; }
.c-home .block1-3 .textblock p .big { position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold;
	display:inline; margin:5px 0 5px 0; }
/*
.c-home .block1-3 .graphic { position:relative; float:right; width:50px; height:70px; top:-15px; left:10px;
	background-image:url(../images/home_graphic_ipod.gif) }

.c-home .block1-3 .graphic { position:relative; float:right; width:73px; height:70px; top:-15px; left:10px;
	background-image:url(../images/brocket_hall_04.jpg) }	
*/	
.c-home .block1-3 .graphic { position:relative; float:right; width:73px; height:70px; top:-15px; left:10px; padding-right:10px; }		
	
	
html>body .c-home .block1-3 .graphic { left:0; }



/* Block 2: Latest news */
.c-home .block2 h3 { position:relative; width:81%; background-color:#5171A2; font-size:0.8em; font-weight:normal; color:#FFFFFF;
	margin:0 6% 3px 6%; padding:7px 10px 7px 10px; }
.c-home .block2 .textblock { position:relative; width:81%; background-color:#E2E7ED; font-size:0.7em; color:#333333;
	margin:0 6% 0 6%; padding:10px; }
.c-home .block2 .textblock ul { position:relative; padding:0; margin:0; list-style-type:none; }
.c-home .block2 .textblock li { position:relative; display:block; clear:both; width:100%; padding:0; margin:0; font-size:1em; text-align:center; }
.c-home .block2 .textblock li .date { position:relative; float:left; width:30%; color:#11006A; text-align:left; }
.c-home .block2 .textblock li .headline { position:relative; float:right; width:68%; margin-bottom:10px; text-align:left; }
.c-home .block2 .textblock li a.more { font-weight:bold; font-size:1.1em; }

/* Block 3: Banners */
.c-home .block3 img { position:relative; float:right; margin-bottom:20px; }
.c-home .block3 .textblock p { position:relative; float:right; font-size:0.6em; color:color:#333333; }
