﻿
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	color:#fff;
/*	background-image: url(http://www.cm4.com/wp-content/themes/cm4/images/assets/black_gray_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px; */
	background-color: #000000;
	margin: 0px;
	padding: 0px:

	}

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

fieldset,img{
	border:0;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

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

abbr,acronym{
	border:0;
	font-variant:normal;
}

sup{
	vertical-align:baseline;
}

sub{
	vertical-align:baseline;
}

legend{
	color:#000;
}

input,button,textarea,select{
	font-size:100%;
}



.clear {clear:both;}


/*************************/ /***** LINKS *************/ /*************************/

a { color: #c60; text-decoration:none; outline:none; }

a:hover { color: #fff; text-decoration: underline; }

#content a { color: #c60; text-decoration:none; outline:none; }

# content a:hover { color: #000; text-decoration: underline; }



#footer ul {
	float:right;
	margin:16px 0;
}

#footer a {
	color: #666666
}



#footer ul li {
	font-size:1em;
	margin:0 10px;
	float:left;
	display:block;
	color: #999999
	text-transform:uppercase;
}


/*************************/ /***** WRAPPERS **********/ /*************************/

#container { width:960px; margin: 0px auto; position:relative; }

#content { 
	position:relative;
	background:#cccccc;
	color:#000000;
	padding:20px;
	min-height:351px;
	font-size:1.1em;
	}

#title {
	margin-bottom: 0px;
	}

#contentVideo { position:relative; background:#ffffff; /*margin-top:30px;*/ color:#cccccc;
padding:0px; min-height:197px; font-size:1.2em; }

#contentHome { position:relative; width:960px; }


#socialLinks #bigFacebook, #socialLinks #bigTwitter {margin-top:10px; margin-right:10px;} 

#socialLinks #bigFacebook { width:24px; height:24px; float:left; }

#socialLinks #bigFacebook a { display:block; width:24px; height:24px;
background:url(../images/assets/facebook.png) no-repeat; text-indent:-999px; }

#socialLinks #bigTwitter { width:24px; height:24px; float:left; }

#socialLinks #bigTwitter a { display:block; width:24px; height:24px;
background:url(../images/assets/twitter.png) no-repeat; text-indent:-999px; }

#footer #logoSmall { width:239px; height:120px; background:url(../images/assets/cm4-logo-small.gif)
no-repeat; margin:68px auto 0 auto; }

#socialLinks #joinNews {width:160px; height:25px; float:left; margin-top:13px;}

#contentHome ul#homeSlideshow {
	height:451px;
	overflow:hidden;
	z-index:1;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}


/*************************/ /***** HEADER ************/ /*************************/

#header { position:relative; margin-top:15px;  }

#logo { float:left; width:85px; height:59px; background:url(../images/assets/cm4_logo.png)
no-repeat; }

#logo h1 {margin-left:-9999px;}

#header h2 { color:#FF9933; font-size:34px; float:right; margin-top:10px; font-family:
Helvetica,Arial,Sans-serif; letter-spacing:-1px; line-height:39px; clear:right; }



/*************************/ /***** CONTENT ***********/ /*************************/

#content h2 { color: #000000; font-family: Arial, sans-serif; font-size:26px; }

#content h3 { font-size: 1.4em; }

#content p {
	margin:1em 0;
	text-align: justify;
}

#content p img {display:inline;}

.left { float: left; padding: 0px 10px 0px 0px; width: 290px; }

.middle { top: 10px; margin-left: 310px; margin-right: 310px; }

.right { float: right; padding: 0px 10px 0px 10px; width: 290px; }

#collection_main { background: url(../images/assets/collection_main.jpg) no-repeat; margin: -10px;
padding: 10px 10px 0 10px; height: 460px; }

.collection_section { width: 190px; height: 145px; background: #FF9933; float: right; clear: both;
margin-bottom: 5px; color: #fff; }

.section_text { position: relative; margin-top: 45px; text-align: center; font-size: 1.4em; }

#headlinebox { background: #e8f2cf; position: absolute; bottom: 20px; padding: 10px; }

#headlinebox h3 { font-size: 2em; letter-spacing: 2px; }

#headlinebox p { margin: 0; font-size: .9em; }

.collection_item { background: url(../images/assets/collection_bg.jpg) repeat-x; height: 260px;
margin: -10px; padding: 10px 40px 0 10px; text-align: right; }

.collection_product { float: left; margin: 20px 40px 0 20px; }

.collection_item h2 { margin-top: 20px; letter-spacing: 4px; }

.collection_item h3 { font-size: 1.2em; }

.collection_item h4 { font-size: 1.2em; color: #2c86b1; }

.collection_colors { height: 50px; padding-top: 10px; }

.collection_colorblock { height: 50px; width: 50px; float: right; display: block; margin-left: 5px;
}

.collection_action { width: 350px; float: right; margin-top: 40px; }

.collection_item h6 { font-size: 1.4em; margin: 40px 50px -30px 0; }

.collection_add { background: url(../images/assets/addtocart_reg.jpg) no-repeat; width: 202px;
height: 61px; display: block; text-align: center; float: right; font-size: 1.6em; padding-top: 16px;
}

.collection_item h5 { float: left; font-size: 2em; margin-top: 15px; color: #FF9933; }

.news_article { margin: 5px 0 0 20px; clear: both; }

.news_date { float: left; width: 100px; }

.news_title { float: left; }

/*************************/ /***** BLOG **************/ /*************************/


#rightBlogColumn { 
	width:300px;
	position: absolute;
	left: 640px;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.aktt_tweets ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	}

#content #rightBlogColumn .aktt_tweets li {
	font-family: Arial;
	font-size: 11px;
	list-style:square;
	margin:10px;
	padding-left:10px;	
	}

#content #centerBlogColumn { width:575px; float:left; margin:0; margin-top: 10px; }

#content #centerBlogColumn .post { margin-bottom:35px; }

#content #centerBlogColumn h1 { font-size:16px; text-transform:uppercase; color:#c60; font-weight: bold; margin-bottom: 2px; } 

#content #centerBlogColumn h1 a { color:#c60; }

#content #centerBlogColumn h2 { font-size:14px; text-transform:uppercase; color:#000; } 

#content #centerBlogColumn h2 a { color:#000; }

#content #centerBlogColumn p { font-size:12px; text-align: justify; }

.postmeta { width: 575px; font-size: 10px; border-bottom-width: 1px; border-bottom-style: solid;
border-bottom-color: #999999; padding-bottom: 5px; margin-bottom: 10px; color: #000000; text-align:right; }

.postmeta a, .postmeta a:visited { color: #999999; font-weight: normal; }

.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0;
overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #e2dede; float: left;
margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }

.socialmedia { background: #FFFBCC; border-top: 1px solid #E6DB55; border-bottom: 1px solid #e1e1e0;
overflow: hidden; padding: 1em; text-align: center;} .socialmedia p { color: #515151; font-size:
1.3em;}

#content #leftBlogColumn h2 { font-size:12px; text-transform:uppercase; color:#000;
font-weight:bold; }

#content #leftBlogColumn { width:400px; float:right; margin:0 20px; }

#content #leftBlogColumn ul {margin:12px 0;}

#content #leftBlogColumn ul a {color:#333; text-transform:uppercase; font-family: 'Times New Roman',
serif; font-style:italic; font-size:11px;}

#content #rightBlogColumn li {margin-bottom:10px; margin-left:0px; padding-left:0px; font-size:11px; list-style-type: none;} 

#content #rightBlogColumn li.widget_text li {margin-bottom:10px; margin-left:-20px; padding-left:0px; font-size:11px; list-style: none;} 

#content #rightBlogColumn h2.widgettitle {font-size:12px; color:#000; list-style-type: none; font-weight: bold;}

#content #rightBlogColumn img {margin:2px;}

#commentform textarea {width:100%;}




/*************************/ /***** NEWS **************/ /*************************/

.newsDate { float:left; font-weight:bold; padding-top:12px; width:76px; } .newsTitle { float:left;
padding-top:12px; width:328px; } .topNews { border-top-color:#999999; border-top-style:solid;
border-top-width:1px; float:left; width:441px; padding: 0px 0px 12px 0px; position: relative; left:
70px; } .seeMore { float: right; margin: 0px 71px 0px 0px; text-align: right; padding: 38px 0px 0px
0px; width: 441px; border-top: 1px solid #D6D6D6; display: inline; }

button {
  color: #000;
  border: 1px solid #000;
  font-weight: bold;
}

input, textarea, select {
    background-color: #cccccc;
    background-image: url('');
    border: 1px solid #666666;
    font-family: verdana;
    font-size: 10px;
    color: #000000;
} 

/*************************/ /***** PRESS PAGE **************/ /*************************/

#splash {
	position:relative;
	left:0;
	right:0;
	top:0;
	bottom:0px;
	margin: 0px 0px 0px 0px;
	background-color:#000000;
	overflow:visible;
	z-index:10;
}
#splash #header {
	position:relative;
	top:0px;
	height:470px;
	width:960px;
	margin:0 auto;
	background-position:center center;
	background-repeat:no-repeat;
}
#splash #header #title {
	position:relative;
	top:80px;
	left: 675px;
	width: 285px;
	height: 250px;
/*	background-image:url(k60.png); */
	padding:0px;
	color:#fff;
}

#splash #header #title h1 {
	font-size: 21px;
	color: #c60;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
}
#splash #header #title p {
	margin: 0px;
	font-size:12px;
	font-weight:bold;
	color: #000000
}

#splash #header #title #subText p {
	margin-left: 20px;
	margin-right: 10px;
	font-size:11px;
	font-weight:normal;
	color: #000000
}

#splash #footer {
	position:absolute;
	margin:0px 20px 0px 0px;
	top:440px;
	left: 675px;
	width:285px;
	height:30px;
	line-height:30px;
	text-align:right;
}

#splash #footer a {
	color:#cc6600;
	text-decoration:none;
}

#splash #footer a:hover {
	color:#ff9933;
}
