/* resest default styles */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------
	PAGE LAYOUT
---------------------------*/

/* float classes */
.left {
	float: left;
	margin-right: 20px;
}
.right {
	float: right;
	margin-left: 20px;
}
.clear {
	clear: both;
}
body {
	background-color: #0C1450;
	color: #000;
}
#main_wrapper {
	text-align: left;
	width: 948px;
	margin: 0 auto;
}
#header {
	background-color: #FFF;
	/*background-color: #0C1450;*/
	padding-bottom: 36px;
}
#branding {
	float: left;
	padding: 36px 0;
	margin: 0;
}
#branding a {
	display: block;
	width: 876px;
	height: 75px;
	background: #FFF url(../../img/SMC_fan_web_Chi.jpg) no-repeat 0 0;
	/*background: #0C1450 url(../img/SMC_fan_web_BG2.jpg) no-repeat 0 0;*/
	/*width: 145px;
	height: 36px;
	background: #0C1450 url(../img/SMC-LED.jpg) no-repeat 0 0;
	*/
        text-indent: -9999px;
	overflow: hidden;
	margin-left: 36px;
}
/*#tagline {
	float: right;
	margin: 36px 36px 0 0;
	color: #94B5F5;
	background: #0C1450 url(../img/leafbulb-36px.gif) no-repeat left center;	
	font-size: 18px;
	line-height: 36px;
	padding-left: 27px;
}*/
#nav_main {
	float: left;
	width: 912px;
	background: #94B5F5  no-repeat right center;	
	background: #94B5F5 url(../../img/nav-dots.gif) no-repeat right center;	
	
        list-style: none;
	padding: 27px 0 0 36px;
	margin: 0;
}
#nav_main li {
	float: left;
	margin: 0 1px 0 0;
}
#nav_main li a {
	float: left;
	display: block;
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #94B5F5;
}
#content {
	width: 876px;
	padding: 0 36px 18px 36px;
	background-color: #fff;
	min-height: 360px;
}
.column92a {
	float: left;
	width: 92px;
	margin-right: 20px;	
}
.column92b {
	float: left;
	width: 92px;
	margin-right: 0;	
}
.column148a {
	float: left;
	width: 148px;
	margin-right: 20px;	
}
.column148b {
	float: left;
	width: 148px;
	margin-right: 0;	
}
.column204a {
	float: left;
	width: 204px;
	margin-right: 20px;	
}
.column204b {
	float: left;
	width: 204px;
	margin-right: 0;	
}
.column260a {
	float: left;
	width: 260px;
	margin-right: 20px;	
}
.column260b {
	float: left;
	width: 260px;
	margin-right: 0;	
}
.column316a {
	float: left;
	width: 316px;
	margin-right: 20px;	
}
.column316b {
	float: left;
	width: 316px;
	margin-right: 0;	
}
.column372a {
	float: left;
	width: 372px;
	margin-right: 20px;	
}
.column372b {
	float: left;
	width: 372px;
	margin-right: 0;	
}
.column428a {
	float: left;
	width: 428px;
	margin-right: 20px;	
}
.column428b {
	float: left;
	width: 428px;
	margin-right: 0;	
}
.column540a {
	float: left;
	width: 540px;
	margin-right: 20px;	
}
.column540b {
	float: left;
	width: 540px;
	margin-right: 0;	
}
.column632 {
       float: left;
       width:652px;
       margin-right: 20px;
}
.column652a {
	float: left;
	width: 652px;
	margin-right: 20px;	
}
.column652b {
	float: left;
	width: 652px;
	margin-right: 0;	
}
.column876 {
	float: left;
	width: 876px;
	margin: 0;	
}
#footer {
	padding: 12px 0 15px 0;
}
#footer h4, #footer p {
	color: #EADCAE;
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 0;	
}
#footer p {
	float: left;
}
#footer h4 {
	float: right;
	font-weight: normal;
	border: none;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.banner {
	margin-bottom: 36px;
}
.calloutbox {
	border: 1px solid #ccc;
	padding: 16px 14px 0px 14px;
	margin-bottom: 18px;
}
.telephone {
	background: transparent url(../../img/telephone.gif) no-repeat left center;
	padding-left: 14px;
	font-weight: bold;	
	letter-spacing: 0.05em;
}
ol.leafbulb {
	list-style: none;
	font-size: 14px;
	line-height: 27px;
	padding: 0;
}
ol.leafbulb li {
	color: #CCFFFF;
	background-image: url(../../img/leafbulb-18px.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 20px;
}
h4.icon {
	line-height: 36px;
	padding: 5px 0 8.4px 46px;
	border-top: none;
}
h4.ceilingFan {
	color: #94B5F5;
	background: transparent url(../../img/icon-ceilingFan.gif) no-repeat left center;	
	border-bottom: 1px solid #94B5F5;
}
h4.oscillatingFan {
	color: #94B5F5;
	background: transparent url(../../img/icon-oscillatingFan.gif) no-repeat left center;	
	border-bottom: 1px solid #94B5F5;
}
h4.highVelocityFan {
	color: #94B5F5;
	background: transparent url(../../img/icon-highVelocityFan.gif) no-repeat left center;	
	border-bottom: 1px solid #94B5F5;
}
h4.rechargeableCordlessFan {
	color: #94B5F5;
	background: transparent url(../../img/rechargeableCordlessFan.gif) no-repeat left center;	
	border-bottom: 1px solid #94B5F5;
}
h4.indoor {
	color: #E0119D;
	background: transparent url(../img/icon-indoor.gif) no-repeat left center;	
	border-bottom: 1px solid #E0119D;
}
h4.drivers {
	color: #007AC9;
	background: transparent url(../img/icon-drivers.gif) no-repeat left center;	
	border-bottom: 1px solid #007AC9;
}
h4.chips {
	color: #47D5CD;
	background: transparent url(../img/icon-chips.gif) no-repeat left center;	
	border-bottom: 1px solid #47D5CD;
}
li#t8,
li#fourmr16,
li#mr11,
li#par16,
li#par38,
li#t5,
li#rs3,
li#gbf,
li#par20,
li#sixmr16 {
	margin-left: 112px;
}
li#t8 {
	margin-top: -144px;
}
#contact_info th, #contact_info td {
	width: 204px;
	padding-right: 20px;
}
#contact_info th {
	font-size: 18px;
	line-height: 24px;
	color: #666;
	font-weight: normal;
	padding-bottom: 9px;
	text-align: left;
}
#contact_info td {
	font-size: 11px;
	border-top: 1px solid #ccc;
	padding-top: 3px;
	padding-bottom: 14px;
}
#contact_info th.close, #contact_info td.close {
	padding-right: 0px;
}
#contact_info td.rowgroup {
	width: 148px;
}
#contact_info th.first {
	width: 148px;
}
#contact_info th.second {
	width: 200px;
}
/*float clearing*/
#header:after,
#content:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*---------------------------
	TYPOGRAPHY
---------------------------*/

body {
	font: 11px/14.4px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
}
p, ul, ol, dl, dt, dd, blockquote, table {
	font-size: 13px;
	line-height: 14.4px;
	margin-bottom: 18px;
}
p.main {
	font-size: 14px;
	line-height: 18px;
}
ol {
	list-style: decimal outside none;
	padding-left: 20px;
}
ul ul, ol ul {
	list-style: disc outside none;
	padding: 9px 0 9px 24px;
}
em, i {
	font-style: italic;
}
/* image display fix */
img {
	display: block;
	margin-bottom: 18px;
}
.inline {
	display: inline;
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-bottom: 18px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 18px;
	line-height: 24px;
}
h2 {
	font-size: 24px;
	line-height: 36px;
	color: #94B5F5;
}
h3 {
	font-size: 18px;
	line-height: 24px;
	color: #666;
}
.calloutbox h3 {
	font-size: 14px;
	line-height: 18px;
}
h4 {
	font-size: 14px;
	line-height: 18px;
	color: #666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 0 9px 0;
}
h5 {
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	margin-bottom: 0;
}
a:link, a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #94B5F5;
	font-weight: bold;
	text-decoration: underline;
}
a:focus, a:active {
	color: #94B5F5;
	font-weight: bold;
	text-decoration: none;
}
#branding a:focus, #branding a:active {
	outline: 1px dotted #94B5F5;
}
#nav_main {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: .05em;
}
#nav_main a:link, #nav_main a:visited {
	color: #000;
	text-decoration: none;
}
#nav_main a:hover {
	background-color: #fff;
	text-decoration: none;
}
#nav_main a:focus, #nav_main a:active {
	background-color: #fff;
	text-decoration: none;
}
#home #home_link a,
#about_us #about_us_link a,
#why_smc_fan #why_smc_fan_link a,
#products #products_link a,
#available_from #available_from_link a,
#fan_tips #fan_tips_link a,
#contact #contact_link a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

/*---------------------------
	SOCIAL ICONS
---------------------------*/

#footer p {
	margin-right:18px;
}

ul#social_icons {
	display:block;
	float:left;
	margin-right:0px;
	line-height:24px;
	margin-bottom: 0;
}
ul#social_icons li {
	display:block;
	margin-top:1px;
	width:18px;
	height:18px;
	margin-right:9px;
	float:left;
}
ul#social_icons li a span {
	display:none;
}
ul#social_icons li a {
	background:url(../../img/social_icons_sprite.png) no-repeat;
	width:18px;
	height:18px;
	display:block;
	background-position:top left;
}
ul#social_icons li.facebook a {
	background-position:-18px 0px;
}
ul#social_icons li.twitter a {
	background-position:-36px 0px;
}
ul#social_icons li.blog a {
	background-position:-54px 0px;
}
ul#social_icons li.stumbleupon a {
	background-position:-72px 0px;
}
ul#social_icons li.linkedin a {
	background-position:-90px 0px;
}
ul#social_icons li.delicious a {
	background-position:-108px 0px;
}
ul#social_icons li.rss a {
	background-position:-126px 0px;
}
ul#social_icons li.yahoo a {
	background-position:-144px 0px;
}
ul#social_icons li.slideshare a {
	background-position:-162px 0px;
}
ul#social_icons li.youtube a {
	background-position:-180px 0px;
}

/* Hover States */
ul#social_icons li.email a:hover {
	background-position:0px -18px;
}
ul#social_icons li.facebook a:hover {
	background-position:-18px -18px;
}
ul#social_icons li.twitter a:hover {
	background-position:-36px -18px;
}
ul#social_icons li.blog a:hover {
	background-position:-54px -18px;
}
ul#social_icons li.stumbleupon a:hover {
	background-position:-72px -18px;
}
ul#social_icons li.linkedin a:hover {
	background-position:-90px -18px;
}
ul#social_icons li.delicious a:hover {
	background-position:-108px -18px;
}
ul#social_icons li.rss a:hover {
	background-position:-126px -18px;
}
ul#social_icons li.yahoo a:hover {
	background-position:-144px -18px;
}
ul#social_icons li.slideshare a:hover {
	background-position:-162px -18px;
}
ul#social_icons li.youtube a:hover {
	background-position:-180px -18px;
}

/* Facebook Like Button */
#facebooklike {
	float:left;
	width:80px;
}