/* CSS

Author: Sean Clinkscales

Client: Scottish Tobacco

Created: 8-14-11

Modified: 9-20-11

*/





/* resets... */

* {

	margin: 0px;

	padding: 0px;

}



/* Browser-specific styles

=====================================================================*/







/* Global Defaults

=====================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img,abbr{border:0;}

address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}

ul {list-style:none;}

caption,th {text-align:left;}

div { text-align: left; vertical-align: top; }

q:before,q:after{content:'';}

a,ins{text-decoration:none;}

strong { font-weight: bold; }

cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }





/* Typographic Elements

=====================================================================*/



h2, h4, h6, body {

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}



blockquote, em, h1, h3, h5, i, .feedBy  {

	font-family: Georgia, "Times New Roman", Times, serif;

}





/* Homepage Specific Headers

=====================================================================*/



h1 {

	font-size: 1.2em;

	line-height: 0.9em;

	color: #CC0;

}



h2 {

	font-size: .8em;

	text-transform: uppercase;

	color: #363636;

	font-weight: bold;

}



.l h2 { } /* Left column specific */



.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */



h3 {

	font-size: 1.7em;

	line-height: 1.1em;

	color: #2575ad;

}



h4 {

	font-size: .9em;

	text-transform: uppercase;

	color: #2575ad;

	letter-spacing: 1px;

	font-weight: bold;

}



h5 {

	font-size: 1.5em;

	line-height: 1.2em;

}



h6 {

	font-size:.88em;

	letter-spacing: 1px;

	font-weight: bold;

	text-transform: uppercase;

}



p {



font-size:.78em;
color: #fff;
}



/* Global Links

=====================================================================*/



a {

	margin: 0px;

	padding: 0px;

}



a:link,

a:visited,

a:active

{

	background: transparent;

	color: #2575ad;

	text-decoration: none;

	

}



a:hover

{

	background: transparent;

	color: #fff;	

	text-decoration: none;

}



/* Library

=====================================================================*/



.l { float: left; width: 49%; }

.r { float: right; width:49%; }

.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.justify { text-align: justify; }

.float-left { float: left; }

.float-right { float: right; }

.clear-both { clear: both; float: none; }

.clear-right { clear: right; float: none; }

.hide {	display:none; }

.clear-both { clear: left; float: none; }

.inline { display: inline; }

.block { display: block; }

.noborder { border: 0px none; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.normal { font-weight: normal; }

.nomargin { margin: 0; }

.nopadding { padding: 0; }

.visible { display: block; }

.top10 { margin-top: 10px; }

.top20 { margin-top: 20px; }

.border5 { border: solid 10px #c7c7c7; }

.border10 { border: solid 10px #c7c7c7; }

.border20 { border: solid 20px #c7c7c7; }



/* Global Elements

=====================================================================*/



html { overflow-x: auto; height:100%;}

	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */



body 

{

	background: url(images/bg.jpg) no-repeat scroll 50% 0pt;

	background-color:#000;

	text-align: center;

	line-height: 1.6em;

}





/* Grid

=====================================================================*/



/* layout styles */





#house

{

	margin: 0 auto 100px auto;

	text-align: left;

	/* re_aligns text to left second part of two part MSIE centering workaround */

	width: 960px; 	/* Total width */

	background-color: #000;

	/*background-image: url(images/bg_house.gif);*/

}



#color-bar {

 background: url(images/color-bar.jpg) no-repeat 0pt;

 height:90px;

 width: 960px;

	margin: 0 auto;

	position: relative;

 }



#header,

#content,

#bottom {

	width: 960px;

	margin: 0 auto;

	position: relative;

}





#content

{	

	width: 960px;

	margin: 0 auto;

	background: transparent url(images/col-bg.jpg) repeat-x;

	background-color: #4e0018;
	


}



#header {

	height: 153px;

	display: block;

	background-image: url(images/header_flash_holder.jpg);

}



#header h1 {

	float:left;

}



#left-container {

	width: 640px;

	float:left;

	background: url(images/repeat.jpg) repeat;

	background-color: #000;


}



#left-container-sub {

	float:left;

	width: 300px;

	margin: 20px 0 20px auto;

}



#left-container-sub2 {

	float:left;

	width: 290px;

	padding: 10px;

	background: #000;

	margin: 20px 5px 20px 0;

	display: block;

}



#left-container-sub3 {

	float:left;

	width: 290px;

	padding: 10px;

	margin: 20px 0 20px auto;

}



#left-content {

	background: url(images/repeat.jpg) repeat;
	margin-left: 5px;
	margin-top: 5px;
	
}

	

#right-container {

	width: 320px;

	float:left;

	background: url(images/right-content-bg.jpg) no-repeat;

	background-color: #4e0018;

	display: block;

}



#right-container-sub {

	margin: 20px;

	display: block;
	

}



#right-content {

	

}





#column2

{

	width:280px;

	margin: 0 0 0px 640px;

	padding: 0px 20px;

	background-image: url(images/bg_col2.gif);

	background-repeat: repeat-x;

	background-color: #c9c9c9;

}



#column2_bot {

	background-image: url(images/bg_col2_bot.jpg);

	height:200px;

}



img.floatLeft { 

    float: left; 

    margin: 4px; 
	padding: 5px;

}

img.floatRight { 

    float: right; 

    margin: 4px; 

}



/* Email Subscription Form

-------------------------------------------------------------- */





#email_subscribe {

		float: right;

}







/*

-------------------------------------------------------------- 

FOOTER

-------------------------------------------------------------- 

*/



.footer {

	vertical-align: bottom;

	height:225px;

	background: url(images/footer.jpg) no-repeat 0 bottom;

}



.footer a { display: inline; white-space: nowrap; }



.footer ul {

   	margin: 0 auto;

   	padding: 1em 0;

	font-size:11px;

   	text-align: center;

   	width: 85%;

}

.footer ul li{

	display: inline;

	padding: 0.5em;

}



/*