/*
Theme Name: Avatar Design Group
Theme URI: http://www.wndrmnt.com
Description: Avatar Design Group
Author: WNDMRNT / Nick Cochran
Author URI: http://www.wndrmnt.com
Version: 2.0
*/
html, body {background:#f2f2f2; margin:0;}
strong {font-weight:bold;}
h3 {font-weight:bold; margin-bottom:5px; font-size:1.2em;}
body {font:62.5% 'Century Gothic', Arial, Helvetica, sans-serif; color:#333; }
	#wrapper {width:980px; margin:0 auto;}
		#top {background: url(../images/top.jpg) top left no-repeat; width:980px; height:132px; display:block; overflow:hidden;}
			#logo {float:left;}
			#nav {float:right; padding-right:11px; padding-top: 75px;}
				#nav ul{/*background: url(../images/nav.jpg) top left no-repeat; width:414px; height:132px; position:relative;*/ margin:0; padding:0;}
					#nav ul li{list-style:none; /*position:absolute; top:0;*/ font-size: 1.2em; }
						#nav ul li, #nav ul a {/*height:132px;*/ display:inline; }
						#nav ul a, #nav ul a:visited {/*text-indent: -9999px;*/ color:#615f5f; text-decoration: none; text-transform: uppercase; padding:1em 1em; -webkit-transition: 400ms;
-moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; } 
						#nav ul a:hover, #nav ul a:active {color:black;}
						
						/*#btn-1 {left: 0; width: 85px;}
						#btn-2 {left: 85px; width: 82px;}
						#btn-3 {left: 167px; width: 82px;}
						#btn-4 {left: 249px; width: 82px;}
						#btn-5 {left: 331px; width: 83px;}
		
		
						#btn-1 a:hover{background: url(../images/nav.jpg) 0 -132px no-repeat;}
						#btn-2 a:hover{background: url(../images/nav.jpg) -85px -132px no-repeat;}
						#btn-3 a:hover{background: url(../images/nav.jpg) -167px -132px no-repeat;}
						#btn-4 a:hover{background: url(../images/nav.jpg) -249px -132px no-repeat;}
						#btn-5 a:hover{background: url(../images/nav.jpg) -331px -132px no-repeat;}*/
		
						
						/*body.home #btn-1 a {background: url(../images/nav.jpg) 0 -264px no-repeat !important;}
						body.aboutus #btn-2 a{background: url(../images/nav.jpg) -85px -264px no-repeat !important;}
						body.Portfolio #btn-3 a{background: url(../images/nav.jpg) -167px -264px no-repeat !important;}
						body.ourthoughts #btn-4 a{background: url(../images/nav.jpg) -249px -264px no-repeat !important;}
						body.contactus #btn-5 a{background: url(../images/nav.jpg) -331px -264px no-repeat !important;}*/
		#divider {background: url(../images/divider-full.jpg) top left no-repeat; width:980px; height:20px; display:block; overflow:hidden; clear:both;}
		#content {font-size:1.3em; width:930px; padding:20px 25px; min-height:410px; height:auto !important; height:410px;}
			h1.posttitle {font-size:2.1em; color:#000; margin-bottom:22px; font-weight:bold;}
			h2.posttitle {font-size:1.1em; color:#000; margin-bottom:22px; font-weight:bold;}
			#content p {width:500px; margin-bottom:20px;}
			#content a, #content a:visited {color:#333 !important; text-decoration:underline;}
				#content a:hover {text-decoration:none; color:#000 !important;}
		#footer {width:960px; font-size:1.1em; color:#615f5f; padding-top:10px; border-top:1px solid #c2c2c2; margin:0 auto;}
			#footer-copy {float:left; padding-left:25px;}
			#footer-info {float:right; padding-right:25px;}
				#footer-info span {font-style:italic;}

/* page specific */
/* -- home -- */
body.home #divider {background: url(../images/divider.jpg) top left no-repeat; width:980px; height:4px; display:block; overflow:hidden; clear:both;}
body.home #content {width:980px; padding:0;}
body.home #rotator {background:url(../images/home/main-slide-shadow.jpg) bottom left no-repeat; width:958px; height:373px; display:block; overflow:hidden; margin:0 auto; padding-bottom:24px;}
body.home #rotator img {border:1px solid white;}
body.home #footer {border:0; width:980px; padding-top:0px;}

/* -- about us -- */
body.aboutus #content {background:url(../images/bg-aboutus.jpg) top right no-repeat;}
body.aboutus h1.posttitle {background:url(../images/header-aboutus.gif) top left no-repeat; width:86px; height:22px; display:block; text-indent:-9998px;}

/* -- portfolio -- */
body.portfolio #content {}
body.portfolio h1.posttitle {background:url(../images/header-portfolio.gif) top left no-repeat; width:85px; height:28px; display:block; text-indent:-9998px;}
body.portfolio h2.posttitle {}


/** -- portfolio: gallery -- **/
/*
.ngg-imagebrowser img {border:0 !important; padding:0 !important; width:auto !important;}
.ngg-imagebrowser-nav {margin:0 !important; width:504px; padding:0 !important;}
div.pic {width:504px;}
.ngg-album-compact p {width:auto !important;}*/

ul#portfolioGallery {}
	ul#portfolioGallery li {background:url(../images/portfolio-thumb-bg.jpg) top left no-repeat; width:217px; min-height:147px; height:auto !important; height:147px; padding:1px 5px 0 4px; margin: 0 3px 50px 0; text-align:center; font-weight:bold; display:inline-block;}
	ul#portfolioGallery li a img {padding-bottom:8px;}
	ul#portfolioGallery li a, ul#portfolioGallery li a:visited {text-decoration:none;}
		ul#portfolioGallery li a:hover {text-decoration:underline;}

/*** -

/* -- our thoughts -- */
body.ourthoughts #content {background:url(../images/bg-ourthoughts.jpg) top right no-repeat;}
body.ourthoughts #content h1 {background:url(../images/header-ourthoughts.gif) top left no-repeat; width:126px; height:29px; display:block; text-indent:-9997px; font-size:2.1em; color:#000; margin-bottom:22px; font-weight:bold;}
body.ourthoughts h2.posttitle a, body.ourthoughts h2.posttitle a:visited, body.ourthoughts h2.posttitle {margin-bottom:0; font-size:1.1em; font-weight:bold; color:#666 !important; text-decoration:none;}
body.ourthoughts p.postdate {color:#999; font-size:.9em;}

/* -- contact us -- */
body.contactus #content {background:url(../images/bg-contactus.jpg) top right no-repeat;}
body.contactus h1.posttitle {background:url(../images/header-contactus.gif) top left no-repeat; width:101px; height:17px; display:block; text-indent:-9998px;}
body.contactus h2#followus {background:url(../images/header-followus.gif) top left no-repeat; width:89px; height:23px; display:block; text-indent:-9998px; font-size:2.1em; color:#000; margin-bottom:22px; font-weight:bold;}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#CCC;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#333;
		color:#fff !important;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/****

Portfolio V2.0

****/

#portfolio_categories {
	text-align: center;
	padding-bottom: 20px;	
}

.portfolio_content {
	padding: 0 20px;
	height: 100%;
	background: url('../images/portfolio/overlay.png');
	position: relative;
}

.portfolio_category {
	width: 464px;
	height: 620px;
	overflow: hidden;
	display:inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	margin:0 1px;
}

.portfolio_cat_title {
	font-size: 30px;
	color: white;
	text-decoration:none;
	text-transform: uppercase;
	padding-top:250px;
	margin-bottom:20px;
	/*CSS3 Only*/
	text-shadow: 1px 1px 0px #333333;
     filter: dropshadow(color=#333333, offx=1, offy=1);
	
}

	.portfolio_cat_title a, .portfolio_cat_title a:active, .portfolio_cat_title a:visited {
		font-size: 30px;
		color: white;
		text-decoration:none;
}

.portfolio_cat_desc {
	
	color: white;
	font-size: 14px;
	padding:0 20px;	
}

	.portfolio_cat_desc a, .portfolio_cat_desc a:active, .portfolio_cat_desc a:visited {
		color: white;
		font-size: 14px;
		text-decoration:none;
	}


.fullsize_link {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;	
}

/* PORTFOLIO GRID */

#portfolio_grid {
	padding: 0 20px;
	padding-bottom: 20px;
	font-size:0; /* hack for inline-block gaps (dirty) */
}

.portfolio_grid_item {
	width: 308px;
	height: 308px;
	overflow:hidden;
	display:inline-block;
	*display: inline;
	zoom: 1;
	position: relative;	
	color: white;
	text-align: center;
	font-size:1em;
	margin:1px;
	vertical-align: top;
	
}

	.portfolio_grid_item_content {
		height: 100%;
		display: none;
	}
	
	.hover, .portfolio_grid_item_content:hover {
		background: url('../images/portfolio/overlay.png');
		display:block;
	}
	
	.portfolio_grid_item_title, .portfolio_grid_item_title a, .portfolio_grid_item_title a:active, .portfolio_grid_item_title a:visited {
		font-size: 24px;
		color: #fff;
		text-decoration:none;
		text-transform: uppercase;
		padding-top:140px;
		/*CSS3 Only*/
		text-shadow: 1px 1px 0px #333333;
		filter: dropshadow(color=#333333, offx=1, offy=1);
	}
	
	.portfolio_grid_item_sub-title, .portfolio_grid_item_sub-title a, .portfolio_grid_item_sub-title a:active, .portfolio_grid_item_sub-title a:visited {
		font-size: 15px;
		color: #fff;
		text-decoration:none;
		font-weight: 300;

	}
	
/* PORTFOLIO SHOWCASE */
#portfolio_showcase {
		width: 930px;
		min-height:620px;
		height: auto !important;
		height: 620px;
		overflow:hidden;
		position:relative;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	
	#portfolio_showcase_content {
		background: url('../images/portfolio/overlay.png');
		color: white;
		padding:20px;
		text-align:center;
		width: 890px;
		min-height:580px;
		height: auto !important;
		height: 580px;
		overflow:hidden;
		position: absolute;
		z-index:1000;

	}
	
	#btn_gallery_close, #btn_gallery_close a, #btn_gallery_close a:active, #btn_gallery_close a:visited {
		color: #fff;
		font-weight:300;
		font-size: 24px;
		text-decoration:none;
		position:absolute;
		top:20px;
		right:10px;
		width:50px;
		height: 50px;
		display: block;	
		text-align: center;
		z-index:1001;
	}
	#portfolio_showcase_content #portfolio_showcase_title {
		font-size: 48px;
		color: #fff;
		text-transform: uppercase;
		padding-top:180px;
		/*CSS3 Only*/
		text-shadow: 1px 1px 0px #333333;
		filter: dropshadow(color=#333333, offx=1, offy=1);
	}
	
	#portfolio_showcase_content #portfolio_showcase_sub-title {
		font-size: 16px;
		color: #fff;
		font-weight: 300;

	}
	
	#portfolio_showcase_content #portfolio_showcase_description {
		width: 570px;
		margin:40px auto 0 auto;
		font-size: 16px;
		color: #fff;
		font-weight: 300;
		line-height: 1.8em;
	}
	
	/* PORTFOLIO GALLERY SLIDES */
	#portfolio_showcase_gallery {
		width: 930px;
		height: 620px;
		overflow:hidden;

	}
	
	
		#prev {
			width:50px;
			height:620px;
			position: absolute;
			top: 0px;
			left: 0px;
			background: url('../images/portfolio/btn_arrow_prev.png') 20px center no-repeat;
			display: block;
			z-index:6;
		}
		
		#next {
			width:50px;
			height:620px;
			position: absolute;
			top: 0px;
			right: 0px;
			background: url('../images/portfolio/btn_arrow_next.png') 20px center no-repeat;
			display: block;
			z-index:6;
		}


	
	
.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

  /* IE 5-7 */
  filter: alpha(opacity=75);

  /* Netscape */
  -moz-opacity: 0.75;

  /* Safari 1.x */
  -khtml-opacity: 0.75;

  /* Good browsers */
  opacity: 0.75;
}