@charset "utf-8";
/* CSS Document */
html, body {height:100%;}
body {
	background-image:url(images/background.png); 
	background-position: center center;
    text-align:center;
	margin:0px; font-family:Helvetica, Arial; margin:0px; ;
    }
/* div{border: 1px solid;} */
#main_container{
    width:928px;
    margin:0 auto;
	}
	
#main {height:100%;}

#header {
	width:928px;
	height:269px;
	background-image:url(images/index-l_01.png);
	background-repeat:no-repeat;
	z-index:2;
}
#logoflash {position:relative; left:0px; top:0px; width:814px; height:197px; float:left;}
#before {position:relative;}
#navback {
	width:928px;
	height:53px;
	z-index:10;
	background-image: url(images/nav-back_02.png);
}
#portfolio {
	width:928px;
	height:242px;
	background-image:url(images/index_03.png);
	background-repeat:no-repeat;
	z-index:1;
}

#mainwrapper{
   clear: both;
   width: 928px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
}
#mainwrapper .leftcol {
	position:relative;
	float:left;
	text-align:left;
}
#mainwrapper .rightcol {
	position:relative;
	float:left;
}
#left {
	width:208px;
	min-height:601px;
	float:left;
	z-index:5;
}
#lefttop {
	width:208px;
	height:95px;
	background-image:url(images/index_04.png);
	background-repeat:no-repeat;
}
#leftcontent {
	width:208px;
	height:100%;
	background-image:url(images/index_07.png);
	background-repeat:repeat-y;
	text-align:center;
}
#leftbottom {
	position:absolute;
	bottom:0;
	width:208px;
	height:126px;
	background-image:url(images/index_09.png);
	background-repeat:no-repeat;
	z-index:10;
}
#content {
	background-color: #FFF;
	float:left;
	width:522px;
	height:100%;
	z-index:5;
}
#right {
	width:198px;
	min-height:601px;
	float:right;
	z-index:5;
}
#righttop {
	width:198px;
	height:95px;
	background-image:url(images/index_06.png);
	background-repeat:no-repeat;
	z-index:2;
}
#rightcontent {
	width:198px;
	height:100%;
	background-image: url(images/index_08.png);
	background-repeat:repeat-y;
	z-index:1;
}
#rightbottom {
	position:absolute;
	bottom:0;
	width:198px;
	height:126px;
	background-image:url(images/index_10.png);
	background-repeat:no-repeat;
}
#foot {
	clear:both;
}
#foottop {
	width:928px;
	height:28px;
	background-image:url(images/index_11.png);
	background-repeat:no-repeat;
}
#footer {
	width:928px;
	height:318px;
	background-image:url(images/index_12.png);
	background-repeat:no-repeat;
}
/* NAV */
a {color:#89c771;}
a.footerlink {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;}
a.footerlinkhead {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; text-decoration:none;}
a.sidelink {text-decoration:none;}
.footercopy {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000;}
.footertable {width:778px; height:118px; margin:0 auto;}
.footercell {width:194px; margin:0 auto;}
.contactwidth1 {width:56px;}
.contactwidth2 {width:114px;}
.contactwidth3 {width:180px;}
.center {margin:0 auto;}
.leftalign {margin:0 0;}
ul { 
	top:13px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;

}
 
li { 
	float: left;
	position: relative;
	color:#89c771;
}
 
li ul { 
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
#home {
	margin: 0 auto;
	width:920px;
	position:relative;
	left:0px;
	z-index:10;
}
#dropdown-demo {}
#dropdown-demo, #home ul li {
	text-align:left;
	width:200px;
	font-size:13px;
	font-weight:bold;
	background-image:url(images/nav-pat.png);
	background-repeat:repeat;
	border-bottom:2px dashed #333;
	line-height:35px;
	padding:3px;
}
/* main nav size and location */
#navHome {width:105px; padding-left:20px;}
#navDesign {width:110px; left:4px;}
#navMarketing {width:155px;}
#navDevelopment {width:155px;}
#navPortfolio {width:140px;}
#navAbout {width:100px;}
#navContact {width:130px;}
/* subnav size and location */
#navHome ul li{left:0px;}
#navDesign ul li{left:25px; width:145px;}
#navMarketing ul li {left:32px; width:190px;}
#navDevelopment ul li {left:19px; width:200px;}
#navPortfolio ul li {left:33px; width:190px;}
#navAbout ul li {left:21px; width:100px;}
#navContact ul li {width:130px;}
a.menu_link {text-decoration:none;}
a.menu_link:hover {text-decoration:none; background-color:#333;}
li:hover ul { 
	display: block;
}

/* HEADERS */
h2.left {background-image:url(images/right-header-bck.png); height:53px; width:200px; color:#89c771; line-height:20px;}
.leftsidehead {background-image:url(images/left-header-bck.png); background-repeat:no-repeat; height:53px; color:#89c771;}
.leftsidehead span { position:relative; top:15px; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif;}


h2.right {background-image:url(images/right-header-bck.png); height:53px; color:#89c771; line-height:20px;}
.rightsidehead {background-image:url(images/right-header-bck.png); background-repeat:no-repeat; height:53px; color:#89c771; position:relative; left:10px;}
.rightsidehead span { position:relative; top:15px; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif;}


/* FONTS */

h1 {color:#89c771; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.green {color:#89c771;}
.green span {font-size:11px; font-weight:bold;}
.sideheader {font-size:18px; color:#89c771; font-family:Arial, Helvetica, sans-serif;}
.contact {width:100px;}


/* SLIDER */



a.lg{ color:#D3D3D3; text-decoration:none; font-size:37px; line-height:133px; }

.container h1 { font-size:35px; color:#000000; font-weight:normal; padding:15px 0px; margin:0px; }
.container h2 { font-size:24px; color:#333333; font-weight:normal; padding:0px; margin:0px; }
.container p { text-align:justify; padding:10px; margin:0px; }
.container p ol, #container p ul { margin:0px auto 0px; }
.container p.notes { color:#999999; font-size:10px; }



/* -------------------Sleek article spinner-------------------- */
#SlideItMoo_info_outer,
#SlideItMoo_info_inner,
#SlideItMoo_info_items .info_item{
	width:800px;
	height:210px;
	z-index:2;
}

#SlideItMoo_info_outer{
	width:880px;
}

#SlideItMoo_info_outer { 
	display:block; 
	position:relative; 
	margin:0px auto 0px; 
}
#SlideItMoo_info_inner { 
	position:relative ; 
	overflow:hidden ; 
	margin:0px auto 0px;  
}
#SlideItMoo_info_items { 
	display:block; 
	position:relative; 
}
/* remember after styling to set the itemWidth parameter on class instance */
#SlideItMoo_info_items .info_item{
	display:block; 
	position:relative;
	float:left;
	color:#FFFFFF;
	font-size:16px;
}
	#SlideItMoo_info_items .info_item a.more{
		display:block;
		position:absolute;
		bottom:10px;
		right:0px;
		color:#CCCCCC;
		text-decoration:none;
		text-transform:uppercase;
		background:#0066FF;
		padding:3px 10px;
		border:1px #000000 solid;
		-moz-border-radius:5px;
	}

#SlideItMoo_info_items .info_item a img{
	border:3px #000 solid;
	padding:2px;
	background:#fff;
	-moz-border-radius:5px;
	margin:35px 10px;
	margin-left:0px;
}

#SlideItMoo_info_items .info_item img {
	float:left;	
	margin-right:15px;
	
}

#SlideItMoo_info_items .info_item h1{
	color:#00CCFF;
	text-align:left;
	font-size:30px;
	padding:15px 0px 20px;
}

/* create custom forward-backward buttons for this container */
.SlideItMoo_forward,
.SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:210px; 
	bottom:0px; 
	right:5px; 
	background:url(images/slideitmoo_forward.png) no-repeat center;  
}
.SlideItMoo_back { 
	left:5px; 
	background:url(images/slideitmoo_back.png) no-repeat center;  
}

/* next prev article announce */
#announce{
	display:block;
	position:relative;
	clear:both;
	height:50px;
	width:880px;
	margin:0px auto;

}
	#prev_title,
	#next_title{
		display:block;
		position:relative;
		float:left;
		font-size:14px;
		color:#FFFFFF;
		padding:0px 10px;
		line-height:50px;
		cursor:pointer;
	}
	#next_title{
		float:right;
		margin-left:auto;
	}
	#announce a.playing{
		display:block;
		position:absolute;
		left:420px;
		top:5px;
		width:40px;
		height:40px;
		background:url(../images/pause.png) center center;	
	}
	#announce a.paused{
		background:url(../images/play.png) center center;	
	}