/* Chris Scheufele */
/* 2009  creativemphasis.com      */
/* Afterhoursdevelopment.com */

/* Global Reset */	

	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, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
	
	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
	
/* End Global Reset */

body{
	background:#000000;
	/*font: Normal 13px Verdana, Arial, Helvetica, sans-serif;*/
	font: Normal 13px Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

h3{
	font-size:14px;
	font-weight:bold;
}

a{
	color:#FFFFFF;
}
.button{
	margin-top:10px;
	background:#000000;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	width:100px;
	text-align:center;
	cursor:pointer;
}

.button:hover{
	color:#000000;
	background-color:#FFFFFF;
}

.active{color:#f68820;}

.toproom {padding-top:50px;}

.left{float:left;}

.right{float:right}

.emphasize{
	font-weight:bold;
	font-style:italic;
	font-size:18px;
}

.small_text{ font-size:10px;}

.error{ color:#FF0000;}

.grey {	color:#999999;}

.light-blue-text {color:#0099FF;}

.fucia-text{color:#cd206a;}

.red-text {color:#e61e26;}

.dark-blue-text{color:#2658a8;}

.pink-text{color:#e52075;}

.lime-text{color:#8fc73e;}

.orange-text{color:#f68820;}

.white-text{color:#FFFFFF;}

.yellow-text {color:#feee0b;}


.light-blue-bg {background-color:#0099FF;}

.fucia-bg{background-color:#cd206a;}

.red-bg {background-color:#e61e26;}

.dark-blue-bg{background-color:#2658a8;}

.pink-bg{background-color:#e52075;}

.lime-bg{background-color:#8fc73e;}

.orange-bg{background-color:#f68820;}

.white-bg{background-color:#FFFFFF;}

.yellow-bg{background-color:#feee0b;}
/* Border Colors */ 

.medborder{border-width:4px !important;}

.light-blue {border:2px solid #45c7f0;}

.yellow {border:2px solid #feee0b;}

.red {border:2px solid #e61e26;}

.fucia{border:2px solid #c22e91;}

.dark-blue{border:2px solid #2658a8;}

.pink{border:2px solid #e52075;}

.lime{border:2px solid #8fc73e;}

.orange{border:2px solid #f68820;}

.orangebg{ background:#f68820;}

#main{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

.flip{
	overflow:hidden;
	position:relative;
	width:111px;
	height:224px;
}

.flip p{
	overflow:hidden;
	position:relative;
}

.flip img{
	top:0px;
	left: 3px;
	border: 0;
	z-index:13;
	position:absolute;
}

#catinfo p{
	margin:3px;
}

#misc1{
	
	}

#logo{
	text-align:left;
	width:100%;
	height:70px;
	margin-top:30px;
}

#logo a img{
	border:0;
}

#header_nav{
	width:940px;
	font:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bolder;
	height:45px;
	margin-top: 20px;
	text-align:center;
	border-top:1px solid white;
	border-bottom:1px solid white;
	margin-left:auto;
	margin-right:auto;
}

#header_nav ul{
	list-style:none;
	list-style-type:none;
	margin-top:15px;
	margin-left:0;
}

#header_nav a{
	text-decoration:none;
}

#header_nav a:hover{
	color:#CF22DD;
}

#header_nav li{
	display:inline;
	margin: 0px 40px 0 40px;
}


#header_nav img{
	margin:0 15px 0 15px;
}


#cat_group{
	width:950px;
	margin-top:20px;
	text-align:center;
	overflow:auto;
}

/* Meow */ 
.cats{
	width:111px;
	margin: 0 4px 0 4px;
	text-align:center;
	float:left;
	position:relative;
}

.cats a{
	text-decoration:none;
	border:0;
}
.cats-left{
	margin-left:3px;
}

.cats-right{
	margin-right:0px;
}

.cat_links{	height:52px;}
.cat_links h3{ font-size:13px; padding-top:12px;}



.feature {
	margin:20px 0 0 0;
	width:111px;
	height:78px;
	text-align:center;
}

.feature a img{
	border:0;
}


#content{
	overflow:auto;
	font-size:14px;
}


#content h1{
	margin-top:10px;
	font-size:36px;
	line-height:40px;
	color:#CCCCCC;
	float:right;
	font-weight:bold;
	padding: 0 0 12px 0px;
}

#content p{
	margin:14px 0 14px;
}

.profileimg{
	margin: 15px 15px 15px 0;
}

/* Contact Form */
#contact_form{
	float:left;
	width:500px;
	text-align:left;
}

#contact_form li{
	list-style:none;
	list-style-type:none;
	margin:4px 0 4px;
}

#message{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#contact_list{
	width:250px;
	margin-top:100px;
	float:left;
	font-size:18px;
}

#contact_list li{
	margin:5px 0 20px;
}

#contact_form textarea{
	width:400px;
	height:200px;
}

/* Portfolio */

.returntoportfolio{
	margin-top:16px;
	float:left;
	text-decoration:none;
}

.returntoportfolio a{
	color:#CCCCCC;
	text-decoration:none;
}

.portfolioicon{
	float:right;
	margin-top:16px;
	margin-left:5px;
}

.portfolio a img {
	border:0;
}

.port_a{
	padding-top:30px;
	width:450px;
	float:left;
	overflow:auto;
}

.port_b{
	padding-top:30px;
	width:450px;
	float:right;
	overflow:auto;
}

.portfolio li{
	height:80px;
	margin:30px 0 30px;
	list-style:none;
	list-style-type:none;
}

.portfolio li img{
	float:left;
}

.portfolio li h3{
	padding-left:84px;
	margin:4px 0 4px;
}

.portfolio li a{
	text-decoration:none;
}


.portfolio li p{
	padding-left:84px;
	margin-bottom:8px;
}

.logos h3{color:#45c7f0;}

.brochures h3{color:#feee0b;}

.marketing h3{color:#e61e26;}

.event h3{color:#c22e91;}

.invites h3{color:#2658a8;}

.fundraising h3{color:#e52075;}

.media h3{color:#8fc73e;}

.misc h3{color:#f68820;}

/* Scrolling Section */

div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 770px; 
    height:160px;
/*	background:#0000FF;*/
/*	margin-left:57px;*/
	margin-top:30px;
}

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	padding-top:10px;
	padding-bottom:5px;
} 

.items img{
	padding:5px;
}

.items img:hover{
	cursor:pointer;
}

div.scrollable div.items div { 
    float:left; 
}


div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	/*background:url(images/left_arrow_dn.png) no-repeat;*/
	display:block;
	width:46px;
	height:95px;
	float:left;
	margin:55px 10px;
	cursor:pointer;
	font-size:1px;
}


a.right{ background:url(images/right_arrow_dn.png) no-repeat;}
a.right:hover{ background:url(images/right_arrow_up.png) no-repeat;}

a.left{ background:url(images/left_arrow_dn.png) no-repeat;}
a.left:hover{ background:url(images/left_arrow_up.png) no-repeat;}

/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important;		*/
} 	

#portfolio_view{
	width:100%;
	margin-top:20px;
}

#portfolio_view_description{
	float:right;
	width:600px;
}

#portfolio_view_description h1{
	float:none;
	color:#FFFFFF;
}

#portfolio_view_description h2{ font-size:20px;}
#portfolio_view_description h2{ font-size:18px;}


#portfolio_view_img{
	background-color:#FFFFFF;
	width:300px;
	height:300px;
	text-align:center;
	float:left;
	background-position: center;
	background-repeat:no-repeat;
}

#portfolio_view_img img{

}

#aboutus{
	border: 5px solid #9900FF;
	width:950px;
	height:600px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}

.clients{
	width:350px;
	float:left;
	color:#000000;
	padding:15px;
}

.clients h2{
	padding:4px;
	font-size:18px;
	font-weight:bold;
	padding-bottom:18px;
}

.clients li{
	padding:4px;
	font-size:16px;
	font-weight:bold;
}

.testimonies{
	width:550px;
	float:right;
}

.signature{
	text-align:right;
	margin-bottom:20px;
	margin-top:10px;
}

blockquote{
	line-height:24px;
}

blockquote.greenquoteopen{
	background-image:url(images/green_quotes_open.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:28px;
}

blockquote span.greenquoteclose{
	background-image:url(images/green_quotes_closed.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-right:28px;
}

blockquote.pinkquoteopen {
	background-image:url(images/pink_quote_open.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:28px;
}

 blockquote span.pinkquoteclose{
	background-image:url(images/pink_quote_close.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-right:28px;
}

blockquote.yellowquoteopen {
	background-image:url(images/yellow_quotes_open.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:28px;
}

 blockquote span.yellowquoteclose{
	background-image:url(images/yellow_quotes_close.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-right:28px;
}

.services{
	width:380px;
	float:left;
	padding-top:20px;	
}

.serviceicons{
	width:80px;
	float:left;
	padding-top:18px;
}
.serviceicons ul li{
	margin-bottom:10px;
}

#sectionheader{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:#000000;
	color:#999999;
	font-size:32px;
	font-weight:bold;
	position:relative;
	padding: 4px;
	top:-24px;
	width:180px;
	left:-14px;
}

#footer{ 
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:center;
	border-top:1px solid white;
	border-bottom:1px solid white;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:16px;
}

#footer ul{
	list-style:none;
	list-style-type:none;
	margin:10px 0 10px;
}

#footer li{
	display:inline;
	margin:0 10px 0 10px;
}

#footer p{
	margin:10px 0 10px;
}

#footer a{
	text-decoration:none;
}