/*
	Title:	Design-Partners	
	Date:	September 17, 2009	
--------------------------------------------------------------			
*/

	/* COMMON ELEMENTS */
html {height:100%}
body{margin:0;padding:0px;height:100%}
#container{width:100%;margin:0 auto;min-height:100%;position:relative;z-index: 1}
* html #container {height:100%}

.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0}

.FL{float:left;width:auto}
.FR{float:right;width:auto}
.CB{clear:both}
	/* COMMON ELEMENTS */

.wrap{overflow:hidden;font-family:Arial;min-width:962px;}

	/* BEGIN HEADER */
.header{clear:both;height:147px;padding:0 32px 0 30px;overflow:hidden;background:#fff}
.header em{color:#999;font-style:normal}
.header img{float:left;width:auto;margin:79px 0 0}
.header-right{float:right;width:auto;overflow:hidden}
.top-nav{float:right;width:auto;margin:15px 0 0;padding:0;list-style:none}
.top-nav li{float:left;width:auto;padding:0 0 0 25px;font-size:13px;line-height:20px}
.top-nav li a{color:#999;text-decoration:none}
.top-nav li a:hover,.main-nav li a:hover,.main-nav li a:hover em,.main-nav li a.active,.main-nav li a.active em,.header li.active a{color:#990000}

.main-nav{float:right;width:auto;margin:65px 0 0;padding:0;list-style:none}
.main-nav li{ float:left;width:auto;padding-left:10px;font-size:22px;line-height:25px}
.main-nav li a{ color:#333;line-height:25px;text-decoration:none;font-weight:400;}
	/* END HEADER */
	
	/* BEGIN CONTENTS */
.contents{clear:both;width:100%;overflow:hidden;padding:0 0px 85px 0px}
.campaign-contents{background:#666665}

.left-nav{float:left;width:250px;margin-left:30px;overflow:hidden}
.left-nav h2{clear:both;margin:0;padding:4px 0 25px 3px;font-size:22px;line-height:30px;color:#333;font-weight:400}
.left-nav ul{clear:both;width:250px;margin:0;padding:5px 0 0 3px;list-style:none}
.left-nav ul li{clear:both;padding:0px;font-size:22px}
.left-nav ul li a{/*float:left;*/font-size:22px;width:auto;display:block;padding:3px 0 3px 17px;line-height:32px;color:#999;text-decoration:none;background:url(../images/arrows.gif) no-repeat 0 10px;font-weight:400;}
#ie6 .left-nav ul li a{float:left;}

.left-nav ul li.black a{background-position:0 -19px;color:#333}
.left-nav ul li.grey a{background-position:0 -54px}
.left-nav ul li.active a,.left-nav ul li.grey a:hover,.left-nav ul li.black a:hover{background-position:0 -89px;color:#fffffa}

.left-nav ul li.black {color:#333;margin-bottom:4px;}
.left-nav ul li.grey {color:#898989;margin-bottom:4px;}
.left-nav ul li.active {color:#fffffa;margin-bottom:4px;}
.left-nav ul li.bottomspacer {margin-bottom:22px;}
.left-nav ul li.topspacer {margin-top:22px;}
		/* BEGIN RIGHT CONTENTS */
.right-contents{float:left;width:auto;position:relative;padding-right:40px}
.create-cup{float:left;width:auto;margin:12px 28px 0 0}
.text-content{float:left;width:530px;margin:5px 0 0}
.text-content h3{clear:both;margin:0;padding:0;font-size:22px;line-height:27px;color:#990000;font-weight:400}
.text-content h3 a{color:#333;text-decoration:none;font-size:11px;line-height:25px;letter-spacing:normal}
.text-content h3 a:hover{text-decoration:underline}
.text-content p{clear:both;padding:0;margin:0;color:#333;font-size:12px;line-height:23px}

.goto-top,.goto-top-campaignpage{width:32px;height:21px;display:block;position:absolute;background:url(../images/up-arrows.gif) no-repeat;left:85px;bottom:8px}
.goto-top-campaignpage{background-position:0 -21px;bottom:0;left:-47px}

.design-and-illustration{clear:both;width:auto}
.design-and-illustration img{float:left;width:auto;margin:0}
.design-and-illustration h4{clear:both;margin:0;padding:5px 0 0 11px;font-size:22px;line-height:30px;color:#ccc;font-weight:400;letter-spacing:1px}
.design-and-illustration p{clear:both;margin:0;padding:0 5px 0 11px;color:#999;font-size:12px;line-height:23px}
.design-and-illustration p a{color:#999998}
.design-and-illustration p a:hover{text-decoration:none}
.design-and-illustration span{display:block;clear:both;width:239px;color:#fffffb;font-size:11px;line-height:20px;padding:8px 0 0 11px}
.design-and-illustration div{float:left;width:250px;height:291px;margin:11px 11px 0 0;overflow:hidden;background:#333332}

		/* END RIGHT CONTENTS */

	/* END CONTENTS */
	
	/* BEGIN FOOTER */
.footer{height:41px;width:100%;background:#333331;overflow:hidden;font-family:Arial;position:absolute;left:0;bottom:0;z-index:9}
.copyright{float:left;width:auto;margin:0;padding:15px 30px 0 30px;color:#ccc;font-size:10px;line-height:13px}
.footer span{float:left;width:auto;display:block;font-size:10px;padding:15px 0 0 15px;line-height:13px}
.footer span a{color:#ccc;text-decoration:none}
.footer img{float:left;width:25px;margin:7px 8px 0 0}
.contact-mail-and-no{float:right;width:auto;margin:0;padding:10px 32px 0 0;color:#fffffa;font-size:14px;font-weight:700;line-height:18px;text-align:right}
.contact-mail-and-no a{color:#fffffb;text-decoration:none;margin-right:15px}
.footer a:hover{text-decoration:underline}


	/* END FOOTER */
	
#totalWrap {background:#333331;}