/*=================================================*/
/*			SAVVI PROM
/*		Developed by R&Bactive.com (c) 2008
/*=================================================*/

html{
	height:100%;
	background:url(../build/wallpaper.gif) 0 0 repeat-x #82155d;
	}

body{
	font:62.5%/1.4 'Lucida Grande', Helvetica, Arial, sans-serif;
	text-align:center;
	}
	
*{padding:0; margin:0; border:0;}
p{line-height:1.3em; padding:0 0 1.2em 0;}
img{border:none;}
hr{border-left:none; border-right:none; border-top:#FFFFFF; border-bottom:#C2C594;}
.clearfixed{clear:both; height:100px; width:100%;}
.jogfixer{zoom:1;}
img,div,a,input,class,ul,li{behavior:url("http://www.savviprom.com/js/iepngfix.htc");}

/*===============================
		CANDY WRAPPERS  
===============================*/

#container{
	margin:0 auto;
	width:950px;
	text-align:left;
	overflow:hidden;
	}

#logo{
	float:left;
	margin:0 0 1.0em 0;
	width:273px;
	height:95px;
	background:url(../build/savvi-prom.png) 0 0 no-repeat;	
	overflow:hidden;
	}

#logo a{
	display:block;
	width:273px;
	height:95px;	
	border:none;
	}

#logo:hover{
	background-position:0 -96px;
	}

#minilogo{
	float:right;	
	margin:0;
	width:189px;
	height:69px;
	background:url(../build/savvi-prom-small.png) 0 0 no-repeat;	
	}

#minilogo a{	
	display:block;	
	width:189px;
	height:69px;	
	border:none;
	}

#footer{
	clear:both;
	margin:5px auto;
	width:950px;
	text-align:left;
	overflow:hidden;	
	}

/*===============================
			NAVIGATION  
===============================*/

#nav li{
	list-style-type:none;		
	float:right; 
	background:transparent; 
	padding:0; 
	margin:0 0 2.0em 0;
	}

#nav li a{
	display:block; 
	height:51px;
	text-decoration:none;
	}

li#style-nav a{
	width:138px; 
	background:url(../build/nav/style.gif) no-repeat 0 0px;
	}

li#tux-nav a{
	width:98px; 
	background:url(../build/nav/tux.gif) no-repeat 0 0px;
	}

li#special-nav a{
	width:146px; 
	background:url(../build/nav/special.gif) no-repeat 0 0px;
	}

li#contest-nav a{
	width:98px; 
	background:url(../build/nav/contest.gif) no-repeat 0 0px;
	}	
	
li#loc-nav a{
	width:100px; 
	background:url(../build/nav/loc.gif) no-repeat 0 0px;
	}	

#nav li.on a{background-position:0 -102px;}
#nav li a:hover{background-position:0 -51px;}

#stylenav{
	width:775px;
	padding:0 0 0 145px;
	position:relative;
	overflow:hidden;
	}

#stylenav li{
	float:left;
	list-style-type:none;		
	background:transparent; 
	padding:0 5px 0 0; 
	margin:0 0 2.0em 0;
	}

#stylenav li a{
	display:block; 
	height:51px;
	text-decoration:none;
	}

#stylenav li a{
	display:block; 
	height:41px;
	text-decoration:none;
	}

li#tuxedos a{
	width:137px; 
	background:url(../build/nav/tuxedoLink.gif) no-repeat 0 0px;
	}

li#vests a{
	width:137px; 
	background:url(../build/nav/vestsLink.gif) no-repeat 0 0px;
	}

Li#option{
	width:137px;
	height:41px;
	background:url(../build/nav/optionText.gif) no-repeat 0 0px;	
	}

li#region a{
	width:137px; 
	background:url(../build/nav/regionLink.gif) no-repeat 0 0px;
	}

#stylenav li a:hover{background-position:0 -41px;}

/*===============================
			HEADERS  
===============================*/

h1, h2, h3, h4{
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	}
	
h1 a, h2 a, h3 a{
    padding:0;
    text-decoration:none;
    background:transparent !important;
 	}
	
h1 a:hover, h2 a:hover, h3 a:hover{
	text-decoration:none;
	} 

h1{font-size:1.8em; line-height:0.6em; margin-top:0; margin-bottom:0em;}
h2{font-size:1.9em; line-height:0.6em; margin-top:0; margin-bottom:0.4em;}
h3{font-size:1.5em; line-height:1.5em; margin-top:0.4em; margin-bottom:0em;}
h4{font-size:1.2em; line-height:1.2em; margin-top:0.4em; margin-bottom:0em;}

h1.icon, h2.icon, h3.icon{
	padding:15px 0 25px 73px;
	background-position:left center;
	background-repeat:no-repeat;
	}

/*===============================
		REGISTER ICONS  
===============================*/

.styleico{background:url(../build/icon/style.png) 0 0 no-repeat;}
.freetuxico{background:url(../build/icon/freetux.png) 0 0 no-repeat;}
.contestico{background:url(../build/icon/contest.png) 0 0 no-repeat;}

/*===============================
			PAGE STYLE  
===============================*/

.pagespan_top{
	clear:both;
	width:100%;
	padding:35px 0 0 0;
	background:url(../build/page_cap.png) top left no-repeat;	
	overflow:hidden;
	}

.pagespan{
	margin:0;
	clear:both;	
	width:100%;
	background:#f7f6e7;
	overflow:hidden	
	}

.pagespan_stripe{
	margin:0;
	clear:both;	
	width:100%;
	background:url(../build/page_base_stripe.png) bottom left no-repeat #f7f6e7;	
	overflow:hidden	
	}

.pagespan_base{
	clear:both;
	width:100%;
	padding:0 0 40px 0;	
	background:url(../build/page_base.png) bottom left no-repeat;	
	overflow:hidden;
	}

.pagespan_base_solid{
	clear:both;
	width:100%;
	margin:0 0 5px 0;
	padding:0 0 40px 0;	
	background:url(../build/page_base_solid.png) bottom left no-repeat;	
	overflow:hidden;
	}

/*===============================
		REGISTER COLUMNS  
===============================*/

.column{
	padding:5px 0 0 0;
	display:inline;
	float:left;
	position:relative;
	}

.wide{
	width:890px;
	padding:0 30px;
	font-size:1.2em;
	}

.left{
	width:200px;
	margin-bottom:2.0em;
	padding:20px 0 20px 30px;
	font-size:1.2em;
	}

.left h3{
	color:#094e93;	
	}

.right{
	width:690px;
	margin-bottom:2.0em;
	padding:20px 30px 20px 0;
	font-size:1.2em;
	}

/*===============================
		WELCOME INFO  
===============================*/

#welcomewrap{
	margin:0;
	width:882px;
	height:307px;
	background:#fff;
	border:1px solid #999;	
	padding:3px;
	overflow:hidden;
	}

#flashcontent{
	width:882px;
	height:306px;
	overflow:hidden;
	}

/*===============================
     		COUPONS  
===============================*/

#grid1{
	width:282px;
	height:270px;
	display:block;
	float:left;
	margin:0 22px 50px 0;
	}

#grid2{
	width:282px;
	height:270px;	
	display:block;	
	float:left;
	margin:0 22px 50px 0;
	}

#grid3{
	width:282px;
	height:270px;	
	display:block;	
	float:left;	
	margin:0 0 50px 0;
	}

.pitch h2{
	color:#094e93;
	padding:0 0 0 5px;
	}

.pitch p{
	text-align:left;
	font-size:0.9em;
	padding:0 15px 0 5px;	
	line-height:1.4em;
	margin-bottom:1.0em;
	}

#styleGallery{
	display:block;
	width:280px;
	height:85px;
	border:1px solid #999;
	margin-bottom:1.0em;
	position:relative;
	overflow:hidden;	
	}

#styleGallery img{
	position:absolute;
	top:0; 
	left:0;
	}

#freeTux{
	display:block;
	width:280px;
	height:85px;
	border:1px solid #999;
	margin-bottom:1.0em;
	position:relative;
	overflow:hidden;	
	}

#freeTux img{
	position:absolute;
	top:0; 
	left:0;
	}

#freeTuxFOOT{
	display:block;
	width:280px;
	height:85px;
	border:1px solid #999;
	margin-bottom:1.0em;
	position:relative;
	top:10px;
	left:150px;
	overflow:hidden;
	}

#freeTuxFOOT img{
	position:absolute;
	top:0px; 
	left:0px;
	}

#videoContest{
	display:block;
	width:280px;
	height:85px;
	border:1px solid #999;
	margin-bottom:1.0em;
	position:relative;
	overflow:hidden;	
	}

#videoContest img{
	position:absolute;
	top:0; 
	left:0;
	}

#videoContestFOOT{
	display:block;
	width:280px;
	height:85px;
	border:1px solid #999;
	margin-bottom:1.0em;
	position:relative;
	top: 10px;
	overflow:hidden;	
	}

#videoContestFOOT img{
	position:absolute;
	top:0; 
	left:0;
	}

#styleGallery a{text-decoration:none;}
#freeTux a{text-decoration:none;}
#freeTuxFOOT a{text-decoration:none;}
#videoContest a{text-decoration:none;}

/*===============================
			FOOTER  
===============================*/

.footspan_top{
	clear:both;
	width:100%;
	background:url(../build/foot_cap.png) top left no-repeat;	
	overflow:hidden;
	}

.footspan{
	margin:30px 0 30px 0;
	clear:both;	
	width:100%;
	background:#232725;
	overflow:hidden	
	}

.footspan_base{
	clear:both;
	width:100%;
	background:url(../build/foot_base.png) bottom left no-repeat;	
	overflow:hidden;
	}

#footer p{
	font-size:0.9em;
	color:#cfe6db;	
	}

#bread{
	width:600px;
	line-height:1.5em;
	position:relative;
	margin:10px 0 25px 0;
	list-style:none;
	}
	
#bread ul{
	list-style:none;	
	}

#bread li{
	font-family:"Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:0 15px 0 0;
	display:inline;	
	}

#bread a, #bread a:visited{
	font-weight:bold;
	color:#60bf92;
	text-decoration:none;
	}

#bread a:hover{
	border-bottom:2px solid #f25728;
	}

/*===============================
			SIFR  
===============================*/

.sIFR-flash{visibility:visible !important; margin:0; padding:0;}
.sIFR-unloading .sIFR-flash{visibility:hidden !important;}
.sIFR-replaced, .sIFR-ignore{visibility:visible !important;}
.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus{margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}

.sIFR-active h1{
	visibility:hidden;
	}