/***********************************************************
 *
 * Welcome to the source-code
 *
 * this file is part of the graphotism project
 *
 * (C) 2008 SPLINELAB http://www.splinelab.de
 *
 * @author Mirko Schaal <ms(at)splinelab.de>
 * @version 1.0
 * e2e0e1
 ************************************************************/

HTML, BODY {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:150%;
	background-color:#ffffff;
	height:100%;
    text-align:center;  /* center the page in IE */
    background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#e5e1e2;
}

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	line-height:150%;
	color:#333333;
}

ul li, ol li {
	margin-left:1.0em;
	margin-bottom:0.5em;
	line-height:100%;
}
ul {
	list-style-type:disc;
}

.clear {
	clear:both;
}

.alt {
	display:none;
}

IMG {
	border:0;
}


#mainOuterWrap {
	text-align:left;    /* content left again to resolve IE center fix */
    margin:0 auto;      /* center for non IE browsers */
	width:941px;
	padding-top:25px;
}

#mainHeader {
	width:941px;
	height:229px;
}
#headerTop {
	background-image:url(../images/header_top.gif);
	background-repeat:no-repeat;
	width:941px;
	height:48px;
}
    #headerTop DFN {
        display:none;
    }
	#headerTop ul, #headerTop li {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#headerTop ul {
		float:right;
		display:inline; /* for our most beloved IE6 (double margin bug) */
		margin-right:45px;
		margin-top:21px;
	}
	#headerTop li {
		float:left;
		padding-left:6px;
		padding-right:6px;
		padding-top:7px;
	}
	#headerTop li * {
		color:#7c7c7c;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
	}
	#headerTop li a.active,
	#headerTop li a:hover {
		color:#0ea7d0;
	}
#headerMid {
	background-image:url(../images/header_mid.gif);
	width:941px;
	height:110px;
}
#headerBottom {
	background-image:url(../images/header_bottom.gif);
	width:941px;
	height:29px;
}
#mainMenu {
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	width:941px;
	height:42px;
	/* padding-top:7px; */ /* this adds some strange space below the menu in IE, so we add the padding to the <li> from mainMenu  */
	padding-left:23px;
}
    #mainMenu DFN {
        display:none;
    }
	#mainMenu ul, #mainMenu li {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#mainMenu li {
		float:left;
		padding-left:6px;
		padding-right:6px;
		padding-top:7px;
	}
	#mainMenu li * {
		color:#ffffff;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
	}
	#mainMenu li a.active,
	#mainMenu li a:hover {
		color:#0ea7d0;
	}

#mainContentWrap {
	width:941px;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-y;
	padding-top:10px;
}
#contentClear {
    clear:both;
    width:941px;
    height:20px;
}

#contentLeft {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:180px;
	margin-right:18px;
	margin-left:23px;
	overflow:hidden;
}
#contentMid {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:340px;
	margin-right:20px;
	overflow:hidden;
}
#contentRight {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:340px;
	overflow:hidden;
}


/**
 * special settings for the 'benchtalk' template
 */
#mainContentWrapBenchtalk {
	width:941px;
	background-image:url(../images/content_bg_benchtalk.gif);
	background-repeat:repeat-y;
	padding-top:10px;
}
#contentLeftBenchtalk {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:269px;
	margin-right:40px;
	margin-left:23px;
	/*overflow:hidden;*/
}
#contentRightBenchtalk {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:570px;
	overflow:hidden;
}


/**
 * special settings for the 'Gallery' template
 */
#mainContentWrapGallery {
	width:941px;
	background-image:url(../images/content_bg_gallery.gif);
	background-repeat:repeat-y;
	padding-top:10px;
}
#contentGallery {
    float:left;
    display:inline; /* for our most beloved IE6 (double margin bug) */
	margin-left:23px;
}



/**
 * special settings for the 'shop' template
 * NOTE: the mainContentWrapShop is inside #contentGallery because it uses the same template!
 */
#mainContentWrapShop {
	width:900px;
	background-image:url(../images/content_bg_shop.gif);
	background-repeat:repeat-y;
	background-position:-23px 0;
	/*padding-top:10px;*/
}
#contentLeftShop {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:700px;
	margin-right:20px;
	/*margin-left:23px;*/
	/*overflow:hidden;*/
}
#contentRightShop {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:160px;
	/*overflow:hidden;*/
}



/**
 * footer
 */
#footer {
    text-align:right;
    padding-right:20px;
    height:53px;
    background-image:url(../images/footer_bg.gif); /* siehe content_bg.gif */
    background-repeat:no-repeat;
}
#footer1 {
    text-align:center;
    vertical-align:middle;
    padding:40px 20px 0 20px;
    background-image:url(../images/content_bg_gallery.gif);
	background-repeat:repeat-y;
}
    .shop_brand {
        margin-right:15px;
        padding-top:15px;
    }
    .shop_brand, .shop_brand * {
        vertical-align:middle;
    }



/**
 * special settings for the 'subscriptions' template
 */
#mainContentWrapSubscriptions {
	width:941px;
	background-image:url(../images/content_bg_shop.gif);
	background-repeat:repeat-y;
	padding-top:10px;
}
#contentLeftSubscriptions {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:700px;
	margin-right:20px;
	margin-left:23px;
}
#contentRightSubscriptions {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:160px;
	overflow:hidden;
}






/**
 * special settings for the 'services' template
 */
#mainContentWrapServices {
	width:941px;
	background-image:url(../images/content_bg_services.gif);
	background-repeat:repeat-y;
	padding-top:10px;
}
#contentLeftServices {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:190px;
	margin-right:20px;
	margin-left:23px;
}
#contentRightServices {
	float:left;
	display:inline; /* for our most beloved IE6 (double margin bug) */
	width:670px;
	/*overflow:hidden;*/
}