*{
	margin: 0;
	padding: 0;
	outline: none;
}

body{
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background: #cfcfcf;
}

p, ul, ol{
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
}


a{
	color: #2179a1;
	text-decoration: none;
}

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


a.box{
	color: #fff;
	text-decoration: none;
	background: url(images/more_link.gif) no-repeat right center #3d3f41;
	padding: 5px 20px 5px 5px
}

a.box:hover{
	color: #2179a1;
}

.txt_l{
	text-align: left;
}

.txt_r{
	text-align: right;
}

.txt_c{
	text-align: center;
}

.white{
	color: #fff;
}

.fleft{
	float: left;
}

.fright{
	float: right;
}

hr{
	border: none;
	height: 5px;
	border-top: 1px solid #d3cfcd;
	border-bottom: 1px solid #d3cfcd;
	margin-bottom: 10px;
}

.nofloat{
	float: none;
}

img.border{
	border: 1px solid #666;
	margin-bottom: 10px;
}

/******************************************************************************************************/
/** HTAGS **/

h1{
	font-family: "Century Gothic";
	font-size: 34px;
	margin-bottom: 10px;
	font-weight: normal;
}

h1.marketing { color: #8cc63e; }
h1.pr { color: #ffc30e; }
h1.design { color: #00aff0; }

h2{
	font-family: "Century Gothic";
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #8cc63e;
}

h3{
	font-family: "Century Gothic";
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #00aff0;
}

h4{
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: normal;
	color: #52565a;
}

h5{

}

h6{

}

/** HTAGS **/

/******************************************************************************************************/
/** CONTRUCTION **/

div#header_container{
	border-bottom: 4px solid #8cc63e;
	background: #fff;
}

div#header{
	width: 950px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
}

div#logo{
	width: 329px;
	height: 64px;
	position: absolute;
	bottom: 10px;
	left: 0;
}

div#logo a{
	display: block;
	width: 329px;
	height: 64px;
	background: url(images/modish_logo.jpg) no-repeat;
	text-indent: -500000px;
	text-align: left;
}

/** CONTRUCTION **/

/******************************************************************************************************/
/** NAV **/

div#nav_top{
	position: absolute;
	top: 0;
	right: 0;	
}

div#nav_top ul{
	list-style: none;
	clear: both;
	margin: 0;
}

div#nav_top ul li{
	display: block;
	float: left;
	text-align: left;
	border-right: 1px solid #fff;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#nav_top ul li a{
	display: block;
	color: #666;
	background: #cecece;
	text-decoration: none;
	padding: 5px 8px;
}

div#nav_top ul li a:hover{
	color: #fff;
	background: #8cc63e;
}

div#nav_top ul li a.current{
	color: #fff;
}

div#nav{
	position: absolute;
	bottom: 0;
	right: 0;	
}

div#nav ul{
	list-style: none;
	clear: both;
	margin: 0;
}

div#nav ul li{
	display: block;
	float: left;
	text-align: left;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

div#nav ul li a{
	display: block;
	color: #fff;
	background: #8cc63e;
	text-decoration: none;
	padding: 8px 12px;
}

div#nav ul li#marketing a { background: #8cc63e; }
div#nav ul li#pr a { background: #ffc30e; }
div#nav ul li#design a { background: #00aff0; }

div#nav ul li a:hover{

}

div#nav ul li a.current{

}

#flashcontent_container{
	position: absolute;
	right: -43px;
	top: 0;
}


/** NAV **/

/******************************************************************************************************/
/** BUTTONS **/

.btn{
	text-indent: -50000px;
	display: block;
}


/** BUTTONS **/

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

div#content_container{
	border-bottom: 4px solid #8cc63e;
	background: #fff;
	padding: 20px 0;
}

div#content{
	width: 950px;
	margin: 0 auto;
	/* min-height: 300px; */
}

div.col1{
	overflow: auto;
	margin-right: 320px;
	width: 630px;
	padding-top: 15px;
}

div.col2{
	float: right;
	width: 260px;
	background: url(images/col2_bg.jpg) top left no-repeat;
	min-height: 400px;
	padding-top: 50px;
	padding-left: 40px;
}

div.padder{
	padding: 20px;
}

div.project{
	float: left;
	margin-right: 20px;
	width: 170px;
}

div.project h3{
	font-size: 14px;
}

/** CONTENT **/

/******************************************************************************************************/
/* !HERO */

div#hero_container{
	background: url(images/hero_bg.jpg) repeat-x top;
}

div#hero{
	width: 950px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
}

div#hero_small{
	width: 950px;
	margin: 0 auto;
	height: 120px;
	position: relative;
}

div#hero div#mascot{
	position: absolute;
	bottom: -70px;
	right: -15px;
}

#projects{

}

.hero_item img{
	float: left;
	border: 8px solid #121314;
}

div.hero_desc{
	margin-left: 400px;
	padding-right: 220px;
	color: #cecece;
}

div.hero_desc h4{
	color: #989898;
}

/* !END */

/******************************************************************************************************/
/** FOOTERS **/

div#footer_container{
	padding: 15px 0 60px;
}

div.footer_right{
	float: right;
}

div#footer{
	width: 950px;
	margin: 0 auto 40px;
	position: relative;
}

div.copyright{
	text-align: right;
	font-size: 11px;
}

ul#footer_links{
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
}

ul#footer_links li{
	float: left;
}

ul#footer_links li a{
	display: block;
	padding: 5px 8px;
	background: none;
	color: #666;
	text-decoration: none;
}

ul#footer_links li a:hover{
	color: #fff;
}

div#twitter_box{
	width: 320px;
	float: left;
}

div#twitter_box div#twitter{
	padding: 20px;
	border: 4px solid #6c6c6c;
	background: #ffc30e;
}

div.left{
	float: left;
	width: 310px;
	border-right: 1px solid #cecece;
}

div.right{
	float: right;
	width: 310px;
}

/** FOOTERS **/

/******************************************************************************************************/
/* !WP STUFF */

li.categories{
	font-family: "Century Gothic";
	font-size: 22px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #00aff0;
	list-style: none;
}

li.categories ul li{
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
	list-style: none;
}

li.categories ul li ul li{
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
	padding-left: 15px;
}

li.categories ul li ul li a{
	color: #8CC63E;
}

div.entry{
	margin-bottom: 20px;
}

/* !END */

/******************************************************************************************************/
/* !TWITTER */

#twitter{
	margin-bottom: 5px;
}

#twitter_update_list{
	list-style: none;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-family: "Century Gothic";
}

#twitter-link{
	color: #666;
	font-size: 16px;
	margin-bottom: 20px;
	font-family: "Century Gothic";
}

/* !END */

/******************************************************************************************************/
/** CONTACT **/

.note{
	color:#CCC;
}

.message{
	background:#8CC73F;
	border: 2px solid #5f8b2a;
	padding:15px;
	margin:15px 0;
}

.error{
	background: #ff0000;
	border: 2px solid #a90000;
	padding:15px;
	margin:15px 0;
}

/** CONTACT **/

/******************************************************************************************************/
/** FORMS **/

table.form{
	width: 100%;
	margin-bottom: 10px;
}

table.form td{
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #666;
	background: #333;
}

table.form td.title{
	text-align: right;
	font-weight: bold;
}

input, textarea{
	padding: 5px;
	color: #96916b;
}

/** FORMS **/

/******************************************************************************************************/
/* !GLIDER */

div.glider-scroller {
	overflow:hidden;
	width: 950px;
	height: 280px;
}

div.glider-section {
	float:left;
	width: 950px;
}

div.glider-content {
	width:10000px;
	height: 270px;
}

a#prev_button{
	width: 27px;
	height: 35px;
	background: url(images/arrows.png) no-repeat top left;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: -20px;
	text-indent: -50000px;
	text-align: left;
}

a#next_button{
	width: 27px;
	height: 35px;
	background: url(images/arrows.png) no-repeat top right;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	right: 200px;
	text-indent: -50000px;
	text-align: left;
}

/* !END */

/******************************************************************************************************/
/* !SERVICES */

#post-7 h3{
	background: url(images/plus.png) no-repeat center right #f4f4f4;
	padding: 7px 10px;
	cursor: pointer;
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #f7f7f7;
}

#post-7 h3.expanded{
	background: url(images/minus.png) no-repeat center right #f4f4f4;
}

#post-7 p{
	padding: 10px;
}

/* !END */

/******************************************************************************************************/
/* !SOCIALS */

ul.socials{
	list-style: none;
	padding-top: 15px;
}

ul.socials li{
	float: left;
	height: 48px;
	width: 48px;
	padding-right: 10px;
}

ul.socials li a{
	display: block;
	height: 48px;
	width: 48px;
	text-align: left;
	text-indent: -500000px;
}

ul.socials li.facebook a{ background: url(images/facebook.png) no-repeat top left; }
ul.socials li.twitter a{ background: url(images/twitter.png) no-repeat top left; }
ul.socials li.linkedin a{ background: url(images/linkedin.png) no-repeat top left; }

ul.socials li.facebook a:hover{ background: url(images/facebook.png) no-repeat bottom left; }
ul.socials li.twitter a:hover{ background: url(images/twitter.png) no-repeat bottom left; }
ul.socials li.linkedin a:hover{ background: url(images/linkedin.png) no-repeat bottom left; }

/* !END */

/******************************************************************************************************/
/** CLEARFIX **/
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/** CLEARFIX **/