/* CSS FOR INDEX ONLY */

#flash_head {
	margin: 10px 11px 20px 11px;
}

/* START TEXT SWAPS */
#h3_welcome {
	background-image: url(../images/text_whoweare.gif);
	width: 165px;
	height: 20px;
	margin: 0;
	display: block;
}
#h3_webdesign {
	background-image: url(../images/text_webdesign.gif);
	width: 191px;
	height: 24px;
	padding-top: 12px;
	margin: 0 0 15px 13px;
	display: block;
}
#h3_ecommerce {
	background-image: url(../images/text_ecommerce.gif);
	width: 253px;
	height: 46px;
	padding-top: 7px;
	margin: 0 0 8px 101px;
	display: block;
}
#h3_hosting {
	background-image: url(../images/text_hosting.gif);
	width: 136px;
	height: 24px;
	padding-top: 13px;
	margin: 0 0 0 15px;
	display: block;
}
#h3_graphics {
	background-image: url(../images/text_graphics.gif);
	width: 153px;
	height: 26px;
	padding-top: 12px;
	margin: 0 0 9px 200px;
	display: block;
}
#h3_feature {
	background-image: url(../images/text_feature.gif);
	width: 211px;
	height: 21px;
	padding: 25px 0 0 0;
	margin: 0 0 7px 12px;
	display: block;
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* END TEXT SWAPS */

#welcome {
	margin: 0 15px;
	padding: 20px;
	background-color: #ECECEC;
	background-image: url(../images/questionmark.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#welcome p {
	color: #444;
}

#container {
	margin: 15px auto 0 auto;
}

#feature h4 {
	font-size: 10px;
	color: #666;
	height: 40px;
}

.section {
	width: 365px;
	height: 180px;
	float: left;
	padding: 10px;
	font-size: small;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #444;	
}
.section p {
	padding: 0;
	margin: 0;
	color: #ECECEC;
	font-size: 12px;
	line-height: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
.section h3 {
	padding: 0;
	margin: 0;
	font-size: medium;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.section ul {
	margin: 0 15px 0 140px;
	padding: 0;
	font-size: 11px;
	color: #EEE;
}
.section li {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: disc;
	margin: 0;
	padding: 0;
	line-height: 18px;
}
.section li.more_info {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

/* INDEX WEB DESIGN */
#product_webdesign {
	background-image: url(../images/product_webdesign.jpg);
}
#product_webdesign ul {
	margin-left: 107px;
	margin-right: 20px;
}
#madewithpassion { display: none; }

/* INDEX E-COMMERCE */
#product_ecommerce {
	background-image: url(../images/product_ecommerce.gif);
}
#product_ecommerce ul {
	margin-left: 65px;
	margin-right: 20px;
}

/* INDEX HOSTING */
#product_hosting {
	background-image: url(../images/product_hosting.gif);
}
#product_hosting p {
	padding: 5px 25px 1px 15px;
}

/* INDEX GRAPHICS */
#product_graphics {
	background-image: url(../images/product_graphics.gif);
}
#product_graphics ul {
	margin-left: 65px;
	margin-right: 20px;
}
#product_graphics p {
	padding: 5px 25px 1px 15px;
}

/* END PRODUCTS */

#music_slim {
	margin: 1px auto;
}

/* PORTFOLIO IMAGES */
#feature p, #feature h4, #feature h5 {
	padding: 1px 13px;
	margin: 6px 0;
}
#feature h3 {
	font-size: 11px;
	margin-left: 12px;
}
#feature img {
	float: left;
	margin-left: 5px;
}
.portfolio_item {
	float: left;
	width: 250px;
	margin: 6px 0 0 5px;
}
.portfolio_text {
	font-size: 11px;
	padding: 0px 0;
	line-height: 175%;
}

/* END PORTFOLIO IMAGES */