@charset "utf-8";
/* CSS Document */

ul, li, ol, dd, dt, dl, p, img, table, tr, th, td, body, html, div, h1, h2, h3, h4{
	margin:0;
	padding:0;
}

html, body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#999;
	background:#4D4D4D url(/images/back.gif) repeat-y center;
	}

h1{
	font-size:18px;
	margin-bottom:10px;
	color:#3FA8F4;
	}
	h1.mid{
	margin-top:20px;
	}
	h2{
	font-size:14px;
	font-weight:normal;
	margin:20px 0px 10px 0px;
	color:#666;
	}
	
	
p{
	margin-bottom:10px;
	}
	a{
	color:#333;
	text-decoration:none;
	}
	a.normal_colour{
	color:#999;
	}
	a:hover, a.normal_colour:hover{
	color:#3FA8F4;
	}
	a img{
	border:none;
	}
	img{
	margin:0px 20px 30px 0px;
	}
	a.button{
	display:block;
	background:#3FA8F4;
	color:#FFF;
	padding:5px;
	margin-top:10px;
	float:left;
	font-style:italic;
	}
	a:hover.button{
	background:#666;
	color:#FFF;
	}

.clear, .clear_left{
	clear:both;
	font-size:1px;
	line-height:1px!important;
	height:1px!important;
	}
	.clear_left{
	clear:left;
	}
	.error{
	color:#EA4428;
	}
	.grey{
	color:#CCC;
	}


/*---Header---*/

.wrapper{
	background:#FFF;
	width:900px;
	margin:0 auto;
	padding:60px 20px 40px 40px;
	}
	.header{
	border-bottom:1px solid #FBD6C8;
	padding-bottom:45px;
	margin-right:20px;
	}

.logo{
	float:left;
	height:60px;
	width:218px;
	}
	.logo a{
	display:block;
	text-indent:-9000px;
	height:60px;
	width:218px;
	background:url(/images/imark_logo.gif) top left no-repeat;
	}
	
.strapline{
	float:right;
	height:25px;
	width:199px;
	margin-top:40px;
	}
	.strapline p{
	display:block;
	height:25px;
	width:199px;
	text-indent:-9000px;
	background:url(/images/strapline.gif) top right no-repeat;
	}


/*---Menu Column---*/

.menu_col{
	float:left;
	width:280px;
	margin-right:20px;
	}
	.menu_col_box{
	border-bottom:1px solid #FBD6C8;
	padding:25px 0px;
	}
	.menu_col li{
	list-style:none;
	}

#main_menu a, #sec_menu a{
	display:block;
	color:#B2B2B2;
	height:40px;
	line-height:40px;
	font-size:38px;
	}
	#sec_menu a{
	height:30px;
	line-height:30px;
	font-size:18px;
	}
	#main_menu a:hover, #sec_menu a:hover{
	color:#959595;
	}
	#main_menu a.selected, #sec_menu a.selected, #main_menu a:hover.selected, #sec_menu a:hover.selected{
	color:#3FA8F4;
	font-style:italic;
	}
	
.footer{
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	.footer p{
	margin-bottom:5px;
	color:#B2B2B2;
	}
	.footer a{
	color:#B2B2B2;
	}
	.footer a:hover{
	color:#666;
	}


/*---Main Menu Images---*/

#main_menu a{
	text-indent:-9000px;
	}
	
#main_menu .home a{background:url(/images/main_menu/off/home.gif) left no-repeat;}
#main_menu .home a:hover{background:url(/images/main_menu/over/home.gif) left no-repeat;}
#main_menu .home a.selected, #main_menu .home a:hover.selected{background:url(/images/main_menu/selected/home.gif) left no-repeat;}

#main_menu .how_it_works a{background:url(/images/main_menu/off/how_it_works.gif) left no-repeat;}
#main_menu .how_it_works a:hover{background:url(/images/main_menu/over/how_it_works.gif) left no-repeat;}
#main_menu .how_it_works a.selected, #main_menu .how_it_works a:hover.selected{background:url(/images/main_menu/selected/how_it_works.gif) left no-repeat;}

#main_menu .designs a{background:url(/images/main_menu/off/designs.gif) left no-repeat;}
#main_menu .designs a:hover{background:url(/images/main_menu/over/designs.gif) left no-repeat;}
#main_menu .designs a.selected, #main_menu .designs a:hover.selected{background:url(/images/main_menu/selected/designs.gif) left no-repeat;}

#main_menu .how_to_get_one a{background:url(/images/main_menu/off/how_to_get_one.gif) left no-repeat;}
#main_menu .how_to_get_one a:hover{background:url(/images/main_menu/over/how_to_get_one.gif) left no-repeat;}
#main_menu .how_to_get_one a.selected, #main_menu .how_to_get_one a:hover.selected{background:url(/images/main_menu/selected/how_to_get_one.gif) left no-repeat;}

#main_menu .contact a{background:url(/images/main_menu/off/contact.gif) left no-repeat;}
#main_menu .contact a:hover{background:url(/images/main_menu/over/contact.gif) left no-repeat;}
#main_menu .contact a.selected, #main_menu .contact a:hover.selected{background:url(/images/main_menu/selected/contact.gif) left no-repeat;}


/*---Sec Menu Images---*/

#sec_menu a{
	text-indent:-9000px;
	}
	
#sec_menu .trade_distribution a{background:url(/images/sec_menu/off/trade_distribution.gif) left no-repeat;}
#sec_menu .trade_distribution a:hover{background:url(/images/sec_menu/over/trade_distribution.gif) left no-repeat;}
#sec_menu .trade_distribution a.selected, #sec_menu .trade_distribution a:hover.selected{background:url(/images/sec_menu/selected/trade_distribution.gif) left no-repeat;}

#sec_menu .corporate_branded a{background:url(/images/sec_menu/off/corporate_branded.gif) left no-repeat;}
#sec_menu .corporate_branded a:hover{background:url(/images/sec_menu/over/corporate_branded.gif) left no-repeat;}
#sec_menu .corporate_branded a.selected, #sec_menu .corporate_branded a:hover.selected{background:url(/images/sec_menu/selected/corporate_branded.gif) left no-repeat;}

#sec_menu .illustrators a{background:url(/images/sec_menu/off/illustrators.gif) left no-repeat;}
#sec_menu .illustrators a:hover{background:url(/images/sec_menu/over/illustrators.gif) left no-repeat;}
#sec_menu .illustrators a.selected, #sec_menu .illustrators a:hover.selected{background:url(/images/sec_menu/selected/illustrators.gif) left no-repeat;}


/*---Content---*/

.content{
	margin-top:30px;
	float:left;
	width:600px;
	}
	.one_col, .one_col p, .one_col h1, .one_col h2{
	width:380px;
	}
	.content .half_col{
	float:left;
	margin-right:20px;
	width:280px;
	overflow:hidden;
	}
	.content .third_col{
	float:left;
	margin-right:20px;
	width:180px;
	}
	.content .col_margin{
	width:400px;
	}
	.home_player{
	margin-bottom:30px;
	}

/*---Designs---*/

.theme{
	width:580px;
	margin-bottom:40px;
	}
.theme img{
	display:block;
	float:left;
	margin:0px 20px 0px 0px;
	}
	.theme .theme_desc{
	float:left;
	width:380px;
	}
	.theme h1, .theme p{
	margin-bottom:5px;
	}
	.theme a{
	color:#999;
	display:block;
	}
	.theme a:hover{
	color:#666;
	}

.product{
	float:left;
	margin-bottom:10px;
	}
	.product img{
	margin-bottom:10px;
	}
	.products{
	margin-top:20px;
	}
	

/*---Contact---*/

#contact_form input.input_text, #contact_form textarea{
	display:block;
	float:left;
	width:260px;
	height:18px;
	padding:2px;
	border:1px solid #CCC;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3FA8F4;
	}
	#contact_form input[type=hidden]{
	display:none;
	}
	#contact_form label{
	display:block;
	width:115px;
	clear:both;
	float:left;
	line-height:22px;
	height:24px;
	/*font-size:14px;
	color:#666;*/
	}
	#contact_form textarea{
	height:150px;
	font-size:16px;
	}
	#contact_form .verify img{
	float:left;
	margin:1px 0px 0px 0px;
	}
	#contact_form .verify input{
	width:51px;
	}
	#contact_form div{
	height:22px;
	margin-bottom:5px;
	}
	#contact_form div.textarea{
	height:auto;
	}