* { 
    margin: 0; 
    padding: 0; 
    border: none; 
    outline: none; 
    list-style:none; 
    text-decoration:none;
	}

body{
	background:#fff url(/assets/img/com_back.png) center top no-repeat;
	font-family: "calibri", "arial", "verdana", sans-serif;
	font-size:80%;
	line-height:130%;
	word-spacing:.125em;
	color:#333;
	}
	
/*-----------------------------------------------------------------------------
	primary containers
------------------------------------------------------------------------------*/

#wrap{
	width:780px;
	margin:50px auto 0 auto;
	display:block;
	}
#footer{
	background: url(/assets/img/com_bot.png) repeat-x;
	display:block;
	margin:20px auto 0 auto;
	clear:both;
	height:250px;
	}
	#foot_box{
		border-top:2px #dbf8fe solid;
		padding:20px 0 0 0;
		margin:0 auto;
		width:780px;
		}
	#footer_con{
		width:48%;
		float:left;
		}
	#footer_right{
		width:48%;
		float: right;
		}
.sublist {
	padding:10px;
	width: 12.6em;
	background: #efefef;
	float: left;
	}
.sub {
	margin-top:18px;
	}	
.mar_right {
	margin-right: 18px;
	}
.sublist_half_l{
	width: 29em;
	float: left;
	}
.sublist_half_r{
	width: 29em;
	float: right;
	}
iframe{
	margin:0 0 20px 0;
	}
/*-----------------------------------------------------------------------------
	main nav
------------------------------------------------------------------------------*/

#mainnav{
	float:right;
	width:280;
	margin:50px 0 0 0;
	}
	#mainnav li{
		list-style:none;
		float:left;
		margin: 0 0 0 20px;
		}
		#mainnav li a{
			color:#de1371;
			font-weight:bold;
			font-size:150%;
			letter-spacing:-1px;
			border: none;
			}
.goto{
	background:#fff;
	display:block;
	margin:20px 0 0 0;
	padding:10px;
	}		
/*-----------------------------------------------------------------------------
	home
------------------------------------------------------------------------------*/

#opener{
	float:left;
	width:580px;
	height:340px;
	}
#intro{
	float:left;
	margin-left: 20px;
	width:180px;
	}
	
/*-----------------------------------------------------------------------------
	clients
------------------------------------------------------------------------------*/

#clients{
	background:#dbf8fe url(/assets/img/mock09_happylist.png) no-repeat;
	display:block;
	clear:both;
	margin:15px 0 20px 0;
	height:50px;
	width:780px;
	
	}
	#clients strong{
		color:#fff;
		float:left;
		display:block;
		width: 182px;
		margin:15px 0 0 15px;
		font-size:150%;
		font-weight:bold;
		}
.clientList{
	overflow: hidden;
	padding: 16px 0 0 0;
	font-weight:bold;
	font-size: 120%;
	height:18px;
	}
	.clientList li{
		float: left;
		margin:0 20px 0 0;
		}

	
/*-----------------------------------------------------------------------------
	thegoods
------------------------------------------------------------------------------*/	

.list li{
	float: left;
	list-style: disc inside;
	margin: 0 15px 0 0;
	}
.list{
	margin:0 0 20px 0;
	display:block;
	}
.slideshow{
	margin:0 0 20px 0;
	}	


/*-----------------------------------------------------------------------------
	thelook
------------------------------------------------------------------------------*/	

.list_st li{
	padding:8px;
	margin:2px 0;
	background: #EAFBFF;
	}
.list_st{
	margin:0 0 20px 0;
	display:block;
	}
#nextweb{
	display:block;
	width:48px;
	height:48px;
	position:relative;
	left: 355px;
	top:-75px;
	z-index:20;
	border:none;
	background:url('/assets/img/forward.png') no-repeat;
	text-indent:-9000px;
	margin:-48px 0 0 0;
	}
#prevweb{
	display:block;
	width:48px;
	height:48px;
	position:relative;
	right: 30px;
	z-index:20;
	border:none;
	top:-75px;
	background:url('/assets/img/backward.png') no-repeat;
	text-indent:-9000px;
	margin:-48px 0 0 0;
	}
		
.box {
  width: 350px;
  margin: 15px;
  float: left;
}

.port a{
	text-decoration:none;
	padding:50px;
	text-align:center;
	display: block;
	font-size: 3em;
	background: #DE1371;
	color:#fff;
}

.pri{
	position:absolute;
	left:275px;
	background: url(/assets/img/print.png) no-repeat;
	text-align:center;
	width:72px;
	height:72px;
	margin:-20px 0 0 0;
	text-indent:-9000px;
	}
.web{
	position:absolute;
	left:275px;
	background: url(/assets/img/web.png) no-repeat;
	text-align:center;
	width:72px;
	height:72px;
	margin:-20px 0 0 0;
	text-indent:-9000px;
	}

/*-----------------------------------------------------------------------------
	thecreatives
------------------------------------------------------------------------------*/
#arrow{
	background:url(/assets/img/arrow.png) top right no-repeat;
	display:block;
	margin:-20px;
	height:40px;
	width: 420px;
	text-align: right;
	}
	
.theMap{
	display:block;
	margin:50px 0 0  0;
	height:300px;
	}
/*-----------------------------------------------------------------------------
	markup
------------------------------------------------------------------------------*/	
	
h1 a{
	background: url(/assets/img/mock09_logo.png) no-repeat;
	width:400px;
	height:100px; 
	text-indent:-9000px;
	margin:0 0 50px 0;
	float:left;
	border: none;
	}
	
h2{
	color:#00aad1;
	font-size:1.25em;
	margin:0 0 10px 0;
	font-family: "franklin gothic", "helvetica", "arial", "lucida grande", sans-serif;
		}
	h2 span{
		color:#454545;
		}

h3{
	color:#00456A; 
	font-size:1.25em;
	font-family:   "franklin gothic", "helvetica", "arial", "lucida grande", sans-serif;
	}
	
h4{
	font-size:1.25em;
	font-family:   "franklin gothic", "helvetica", "arial", "lucida grande", sans-serif;
	margin: 0 0 20px 0;
	line-height: 1.25em;
	}
a {
	color:#333;
	border-bottom: 1px dotted #333;
	font-weight:bold;
	}
	a:hover{
		border:none;
		}	
p{
	margin:  0 0 15px 0; 
	}
	.justify{
		text-align:justify;
		}

hr, .clear {
    clear:both;
    visibility:hidden;
}

.clear_left{
	clear:left;
	}
dt{
	margin:10px 0 5px 0;
	font-weight:bold;
	}
	dd{
		margin:0 10px;
		}	
em{
	color:#CC0000;
	}

/*-----------------------------------------------------------------------------
	forms
------------------------------------------------------------------------------*/
	

fieldset{
	display:block;
	padding:10px;
	background:#f2f2f2;
	margin:0 0 10px 0;
	}	
	.required{
		background: #F9FFFB;
		}
label{
	display:block;
	padding:5px 0;
	float:right;
	width:75px;
	text-align:left;
	}	
	input{
		width:250px;
		padding:8px;
		font-family: "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
		border:1px solid #ccc;
		margin:0 0 10px 0;
		}
		 textarea{
			width:250px;
			padding:8px;
			height: 150px;
			font-family: "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
			border:1px solid #ccc;
			display:block;
			margin:0 0 10px 0;
			}
			select{
				width:265px;
				padding:8px;
				font-family: "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
				border:1px solid #ccc;
				margin:0 0 10px 0;
				}
.input_error{
	background: #c00;
	padding:5px 8px;
	font-size:.8em;
	color:#fff;
	}
		
#legend{
	color:#fff;
	font-weight:bold;
	font-size:1em;
	background: #1B99BE;
	padding:2px 10px;
	display:block;
	width:306px;
	margin:0 0 5px -10px;
	}
	.left_form{
		float:left;
		width:155px;
		}
	.right_form{
		float:right;
		width:155px;
		}
		.alignl{
			float:left;
			}
		
		.checkbox_label{
			float:right;
			line-height:15px;
			text-align:left;
			width:85%;
			}
		.checkbox_label_reg{
			float:right;
			line-height:15px;
			text-align:left;
			width:93%;
			clear:both;

			}
			.checkbox{
				width:20px;
				height:20px;
				float:left;
				vertical-align: middle;
				}
				
.submit{
		width:155px;
		padding:.7em;
		color:#000;
		background:#ccc;
		margin:10px 0;
		}r{
						}

/*-----------------------------------------------------------------
			messages
-----------------------------------------------------------------*/	
	
#Message {
	font-family: Tahoma;
	font-size: 1.1em;
	color: #444;
	padding: 5px 5px 5px 30px;
	display:block;
	text-align: left;
	margin:0 0 10px 0;
	border-top:1px solid;
	border-bottom:1px solid;
	}
	#Message a{
		text-decoration: underline;
		color: #444;
		}
	#Message a:hover {
		text-decoration: none;
		color: #FFF;
		background-color: #444;
		}
	#Message.success {
		background:  #EAFFEB url(http://logopond.com/img/flag_green.gif) 6px no-repeat;
		border-color: #00CC00;
		}
	#Message.alert {
		background: #ffe8e5 url(http://logopond.com/img/exclamation.png) 6px no-repeat;
		border-color: #f7aea5;
		}
	#Message.download {
		background: #e3fce3 url(http://logopond.com/img/package_go.png) 6px  no-repeat;
		border-color:#9fe8b8;
		}
	#Message.info {
		background: #eff7ff url(http://logopond.com/img/information.png) 6px  no-repeat;
		border-color: #bfdaff;
		}
	#Message.podcast {
		background: #f1f4fa url(http://logopond.com/img/ipod_cast.png) 6px center no-repeat;
		border-color: #d7ddfb;
		}
	#Message.rssfeed {
		background: #ffe6c6 url(http://logopond.com/img/feed.png) 6px center no-repeat;
		border-color:#ffcfa2;
		}
	#Message.warning {
		background: #fff6bf url(http://logopond.com/img/error.png) 6px center no-repeat;
		border-color: #f8dd70;
		}