/*
Override the main style during the development of the new UWD design
*/



/* ------- 1. Structure ------- */
#header {background: #000 url(images/unik_web_design_wordle_background.jpg) no-repeat center -70px;}
#footer{background:#0c0c0c url(styles/black/footer.jpg) repeat-x scroll center top;}
#home_feature{background: #000 url(images/unik_web_design_wordle_background.jpg) no-repeat center -162px;}
#home_feature .background {background:none;}
#home_feature.staged .background {background:none;}
#home_feature.cu3er .background {background:none;}


.slider_cropped {}
	.slider_content{background:#000; width:910px;height:340px;margin:0 0 0 10px; /*padding-top:30px;padding-left:30px;*/}
	.slider_img img {margin:0 10px 0 0;}


/* ----- Info Boxes (full width) ----- */

#home-wide-box {
	background:#0c0c0c url(black/footer.jpg) repeat-x scroll center top;
	width: 902px;
	margin: 0 auto 40px;
	padding: 22px 28px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	}

#home-wide-box2 {
	background:#000 url(images/unik_web_design_wordle_background.jpg) no-repeat center -500px;
	width: 902px;
	margin: 0 auto 40px;
	padding: 22px 28px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	color: #777;
	}
#home-wide-box2 h1{color: #fff;}
#home-wide-box2 h4{color: #fff;}


/* ----- Package Boxes ----- */

.package-box1 {
	padding: 13px 15px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	float:left;
	position:relative;
	margin:0 48px 20px 0;
	width: 172px;
	}

.box-white 			{color: #555555; border:1px solid #DDDDDD; background:#fff;}
.box-ivory 			{color: #555555; border:1px solid #DDDDDD; background:#f5f5f5;}
.box-ivory2			{color: #555555; border:1px solid #DDDDDD; background:#f0f0f0;}
.box-gray-light		{color: #555555; border:1px solid #DDDDDD; background:#ccc;}
.box-gray-med		{color: #555555; border:1px solid #DDDDDD; background:#888;}
.box-gray-dark		{color: #555555; border:1px solid #000000; background:#444;}
.box-platinum 		{color: #555555; border:1px solid #DDDDDD; background:#aaa;}
.box-red 			{color: #555555; border:1px solid #DDDDDD; background:#c2150c;}
.box-black 			{color: #555555; border:1px solid #DDDDDD; background:#0c0c0c url(black/footer.jpg) repeat-x scroll center top;}
.box-black-wordle 	{color: #555555; border:1px solid #DDDDDD; background:#000 url(images/unik_web_design_wordle_background.jpg) no-repeat center -70px;}

.package-box1 div {float:left; clear:right !important; margin:0 0 5px 0; font-size:14px; line-height:40px;}
.package-box1 .dropcap2 {float:right; margin:-5px 0 -10px 0;}

.was{/* Used for symbols that are not available in the font; matches .dropcap2 */
	color:#777;
	display:block;
	float:right;
	line-height:40px;
	margin:0 10px 0 0;
font-size:14px;
text-decoration:line-through;
	}

.dropcap1-button {
	width: 169px;
	margin: 0 auto;
	padding-top: 5px; /*15px if not showing former price (".was" span)*/
	}
.package-4 .dropcap1-button {
	padding-top: 20px; /*20px if showing former price in some only (".was" span)*/
	}
.dropcap1-button h2{
	background:#0c0c0c;
	width: 169px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	text-align:center;
	margin: 0 auto;
	padding: 10px 0;
	color: #DDDDDD;
	}
.dropcap1-button h2:hover {color: #FFFFFF; background:#444;}







/* ----- Circles ----- */

.test-circle1 {
	background:#0c0c0c;
	width: 1px;
	margin: 40px auto 40px;
	padding: 20px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	}

.test-circle2 {
	background:#0c0c0c;
	width: 1px;
	margin: 40px auto 40px;
	padding: 20px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	font-size:18px;
	}

.test-circle3 {
	background:#0c0c0c;
	width: 1px;
	margin: 40px auto 40px;
	padding: 20px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	font-size:18px;
	}

.test-circle4 {
	background:#0c0c0c;
	width: 1px;
	margin: 0px;
	padding: 20px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	float:left;
	}
.test-circle4-inner {
	padding: 10px;
	font-size:30px;
	float:left;
	margin: 0 0 0 -42px;
	}



/* ------- 1. Dropcaps (additional) ------- */

.dropcap1-alt{ /* Used for symbols that are not available in the font; matches .dropcap1 */
	background:transparent url(images/sprite.png) no-repeat scroll -1px -1px;
	color:#EEEEEE;
	float:left;
	font-size:24px;
	height:40px;
	line-height:30px;
	margin-bottom:-5px;
	margin-right:10px;
	padding-left:1px;
	padding-top:5px;
	text-align:center;
	width:40px;
	}
.dropcap2-alt{/* Used for symbols that are not available in the font; matches .dropcap2 */
	color:#333333;
	display:block;
	float:left;
	font-size:40px;
	line-height:40px;
	margin:0 8px 0 0;
	}




#lt_IE_7_notice{z-index:9999;position:fixed;top:20px;/*left:0px;*/width:100%;margin:0 auto;text-align:center;}
	.lt_IE_7_notice_inner{/*vertical-align:middle;*/width:982px;margin:0 auto;text-align:center;}

.lt_IE_7_notice_content {
	/*z-index:9999;remove if want to show the logo and main nav*/
	background:url(http://www.unikwebdesign.com/img/bg/trnsp/trnsp_bg_ffffff_90opac.png) repeat;
	margin:0 0 0 -12px;
	padding:90px 50px;
	width:880px;
	/*height:80%;*/
	min-height:300px;
	border:3px dotted #333;
	line-height:20px;
	font-size:14px;
	color:#000;
	text-align:left;
	}
.lt_IE_7_notice_content h1{
	font-size:60px;
	text-align:center;
	}
.lt_IE_7_notice_content .main-text{
	margin:-5px 0 20px 0;
	border:3px dotted #333;
	padding:8px 18px;
	line-height:32px;
	font-size:18px;
	color:#000;
	text-align:left;
	}