/* ++ Homepage specific styles for Magico.ie ++ */

/*++ primary structural elements ++ */

#primaryContent_home {
	overflow: auto;
	padding-bottom: 60px;
	width: 100%;
}

#mainContent_home {
	background: transparent url(../img/common/bg_primaryContent.gif) top left repeat-x;
	width: 100%;
}

div.fullSection_home {
	clear: left;
	overflow: hidden;
	padding-left: 20px;
	width: 940px;
}

div.partSection_home {
	float: left;
	overflow: hidden;
	width: 705px;
}



/* ++ primary feature elements ++ */

#feature_priHome {
	background: transparent url(../img/homepage/bg_primaryFeature.jpg) top left repeat-x;
	height: 295px;
	margin-top: 10px;	
	padding-left: 258px;
}

#flashContent {
	height: 295px;
	width: 690px;
}


/* ++ secondary feature elements ++ */

/* services feature elements */
#featureRow_services {
	background: transparent url(../img/homepage/bg_homefeature_base.png) bottom left no-repeat;
	overflow: hidden;
	padding-bottom: 25px;
	width: 960px;
}
div.servicesCol {
	float: left;
	width: 235px;
}

div.servicesCol h2 {
	height: 75px;
	width: 235px;
}

div.servicesCol h2#h2_b2c_ecomm { background: transparent url(../img/homepage/h2_home_b2c_ecomm.png) top left no-repeat; }
div.servicesCol h2#h2_b2b_ecomm { background: transparent url(../img/homepage/h2_home_b2b_ecomm.png) top left no-repeat; }
div.servicesCol h2#h2_magishop { background: transparent url(../img/homepage/h2_home_magishop.png) top left no-repeat; }

div.ourworkCol {
	float: left;
	width: 255px;
}

div.ourworkCol h2 {
	background: transparent url(../img/homepage/h2_home_ourwork.png) top left no-repeat;
	height: 140px;
	width: 255px;
}

div.servicesCol h2 span, div.ourworkCol h2 span { display: none; }

#featureRow_services p {
	padding: 15px 23px 20px 13px;
}

div.servicesCol a {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 5px 20px 0 13px;
	text-transform: uppercase;
}

div.ourworkCol ul {
	font: 85% Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	list-style-type: none;
	padding: 0 20px 0 33px;
	text-transform: uppercase;
}

div.ourworkCol ul li {
	background: transparent url(../img/homepage/icon_med_arrow.gif) center left no-repeat;
	padding: 5px 0 5px 25px;
}

#featureRow_services a:link, #featureRow_services a:visited {
	color: #ffffff;
	text-decoration: none;
}

#featureRow_services a:hover, #featureRow_services a:active {
	color: #cc0000;
	text-decoration: none;
}

/* our work screen and link */
#our_work {
	float: left;
	margin-bottom: 15px;
	width: 460px;
}

#our_work img { display: block; }

#our_work a {
	display: block;
	font: 85% Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin-top: 10px;
	text-transform: uppercase;
}

#our_work a:link, #our_work a:visited { text-decoration: none; }
#our_work a:hover, #our_work a:active { color: #cc0000; }

/* big idea panel */
#big_idea {
	float: left;
	margin-bottom: 15px;
	width: 245px;
}

#big_idea div {
	background: transparent url(../img/homepage/bg_bigidea.png) bottom left no-repeat;
	padding: 0 20px 27px 23px;
}

#big_idea h2 {
	background: transparent url(../img/homepage/bg_h2_bigidea.png) top left no-repeat;
	height: 175px;
	width: 245px;
}

#big_idea a {
	display: block;
	font: 85% Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin-top: 10px;
	padding: 10px 0;
	text-transform: uppercase;
}

#big_idea a:link, #big_idea a:visited { text-decoration: none; }
#big_idea a:hover, #big_idea a:active { color: #cc0000; }

#big_idea h2 span { display: none; }

/* our clients and fun facts panels */
#our_clients {
	float: left;
	margin: 10px 0;
	overflow: hidden;
	padding: 5px 0;
	width: 470px;
}

#fun_fact {
	float: left;
	margin: 10px 0;
	padding: 5px 0;
	width: 235px;
}

#our_clients h4, #fun_fact h4 { text-transform: uppercase; }

#fun_fact blockquote {
	background: transparent url(../img/common/icon_openquote.gif) top left no-repeat;
	color: #0091bb;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	margin: 10px 0;
}

#fun_fact blockquote div { background: transparent url(../img/common/icon_closequote.gif) bottom right no-repeat; }

#fun_fact p { 
	line-height: 180%;
	padding: 0 10px 1.2em 10px;
}

div.hr_thin {
	background-color: #ede9df;
	clear: left;
	height: 1px;
	width: 705px;
}

div.hr_thin hr { display: none; }