@charset "utf-8";

/*-----------------------------------------/Volumes/Macintosh%20HD/El%20Portfolio/Nilscraft%20Construction/5%20Production%20Ready/spring-2014/css/style_white.css-------------

	Theme Name: WATT PHOTO STUDIO - version 1.0
	Type: Layout css
	Author: unlimitDesign
	Author URI: http://themeforest.net/user/udfrance

/*------------------------------------------------------

	CSS TOB: 

	1. COMMONS
	2. STRUCTURAL
		i.gobal wrapper
		ii.header
		iii.body/pages
		iv.footer
	3. TYPO & LINKS
	4. GENERIC ELEMENTS
		i.buttons
		ii.columns
		iii.media
		iv. lists
		v.blockquotes
		vi.dropcaps

		
---------------------------------------------------------*/


/*--------------------------------------------------------
	1.COMMONS
--------------------------------------------------------*/



/*--------------------------------------------------------
	2.STRUCTURAL ELEMENTS/SKELETON
--------------------------------------------------------*/

	/*----------------------------
	i.-- Global
	-----------------------------*/

	body{background:#a5835c url(../images/nilscraft-site-bg.jpg) repeat; background-attachment:fixed; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#363636;}
	.background-pattern{background: #fff url(../images/patterns/pattern-2.png) repeat; background-attachment:fixed;}
	.background-overlay-pattern{background: url(../images/patterns/raster.png) repeat; background-attachment:fixed;}
	#wrapper{}

	
	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
	/*dropdown header*/
	/*#dropdown-header-container{}*/
	#header-top #content {background:#000;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);}
	#header-top ul.header-widgets {overflow:hidden;color:#999;}
	#header-top ul.header-widgets h6{color:#fff;}
	#header-top #content  ul.header-widgets li .post span a{font-weight: bold; text-transform:uppercase; color:#fff;}
	#header-top #content  ul.header-widgets li .post span a:hover{color:#02cc9f; text-decoration:none;}
	#header-top #content  ul.header-widgets .widget-featuredproject .media_holder {background:url(../images/ui/loader2.gif) center center no-repeat;}
	
	/*main header*/
	#header{background:#fff url(../images/paper-texture-bg.jpg) repeat; box-shadow:0px 0px 12px #1b1b1b; -webkit-box-shadow: 0px 0px 12px #1b1b1b; -moz-box-shadow: 0px 0px 12px #1b1b1b; border-top: 6px solid #a5835c;}
	/*#header #logo{}*/
	#header #slogan{ font-size:13px; line-height:15px;color:#666;border-left:1px solid #666;}
	#header #more-less{background: url(../images/ui/corner_but_bkg.png) right 0 no-repeat;}
	#header #more-less .more {background:url(../images/ui/more.png) 0 0 no-repeat;}
	#header #more-less .less {background:url(../images/ui/less.png) 0 0 no-repeat;}
	
		
		/* main menu
		-----------------------------*/
		
		/*#nav{}*/
		#nav li a{font-size:18px; text-decoration:none; color:#a5835c; font-weight:normal;}
		#nav li a:hover,#nav li a.active{text-decoration:none;color:#363636;}
		#nav-marker{background:#000;}
		/*#nav li a:hover{}*/
		/*#nav li a.active {}*/
	
		
		/* sub menu
		-----------------------------*/
		
		#nav ul.submenu {background:rgb(46,46,46);filter: alpha(opacity=85); /* For IE8 and earlier */;background:rgba(46,46,46,0.85); font-size:12px;/*box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);*/-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;}
		#nav ul.submenu li{/*border-bottom:1px solid #f4f4f4;border-top:1px solid #eee;*/}
		#nav ul.submenu li:first-child{border-top:none;}
		#nav ul.submenu li:last-child{border-bottom:none;}
		#nav ul.submenu li a{text-transform: none;color:#FFF; font-weight:normal; font-size: 12px;}
		#nav ul.submenu li a:hover{text-decoration:none; font-size:12px; color:#a67c52;}
		#nav ul.submenu li a.active{color:#a67c52;}
		/*#nav li:hover ul{}*/


	
	
	/*----------------------------
	iii.-- Body / Pages 
	-----------------------------*/
	
	
		/* page wrappers
		-----------------------------*/
		
		#mainBody{background:#fff url(../images/paper-texture-bg.jpg) repeat; box-shadow:0px 0px 12px #1b1b1b; -webkit-box-shadow: 0px 0px 12px #1b1b1b; -moz-box-shadow: 0px 0px 12px #1b1b1b;}
		
			/*layout*/
			.content,.content-full-width,.sidebar{}
		
		#featureContainer-slider-home {background: #bba389; box-shadow:0px 0px 12px #1b1b1b; -webkit-box-shadow: 0px 0px 12px #1b1b1b; -moz-box-shadow: 0px 0px 12px #1b1b1b;}	
		
		
		/* general pages
		-----------------------------*/
		
		/*page large title*/	
		.page-title{text-align:center;border-top:5px solid #666;}
		.page-title h1.pageHeading{font-size:40px;color:#000;}
		.page-title h1.pageHeading.left{text-align:left;}
		.page-title h1.pageHeading.right{text-align:right;}
		.page-title h1.pageHeading.center{text-align:center;}
		.page-title.folio-index{background:url(../images/ui/_div_1.png) bottom left repeat-x;}
		
		/*sidebar styling*/
		#sidebar ul {list-style:none;font-size:12px;color:#999;}
		#sidebar ul span{font-weight:bold; color:#666;}
		
		/*client logos*/	
		ul#logo_list a img{filter:alpha(opacity=75);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);opacity: 0.75;}
		ul#logo_list a:hover img{filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
		
		
		/*widget-twtter*/
		/*.tweet,.query {}*/
		.tweet_list {background-color: none;}
		.tweet_list .awesome,.tweet_list .epic {text-transform: uppercase;}
		.tweet_list .tweet_time{font-weight:bold;}
		.tweet_list .tweet_text{font-weight:normal;color:#999;}
		.tweet_list li {border-bottom:1px dotted #ccc;}
		.tweet_list li a{font-style:italic;}
		.tweet_list .tweet_even {background-color: none;}
		.tweet_list .tweet_avatar {border:1px}
		
		
		
		/* folio specific
		-----------------------------*/
		
			/*filter-menu
			-----------------------------*/
			#filter-menu{border-bottom:1px dotted #ccc;}
			#filter-menu span{font-weight:bold;}
			ul.filter-list li{border-right:1px dotted #ccc;}
			ul.filter-list li:last-child{border-right:none;}
			ul.filter-list li.active a{color:#000;}
			ul.filter-list li a{text-decoration:none;}
			
			
			/*filter-content
			-----------------------------*/
			.folio-list .divisor{border-bottom:1px dotted #ccc;}
			
		
			/* fancybox
			-----------------------------*/
			
			#fancybox-outer {background: #000;}
			#fancybox-content {border: 0px solid #000;}
			#fancybox-left-ico {background-image: url(../images/ui/fancybox.png)}
			#fancybox-right-ico {background-image: url(../images/ui/fancybox.png)}
			#fancybox-close {background: transparent url(../images/ui/fancybox.png) -40px 0px;}
			#fancybox-title-over {background: url(../images/ui/transparent_bkg.png) repeat;}
			#fancybox-title,.fancybox-caption-title{font-size:13px;font-style:italic; color:#fff;}
			.fancybox-num{font-size:11px;color:#fff;}
			.fancybox-caption-txt{font-size:11px;color:#ccc;}
		
			
			/*folio spec
			-----------------------------*/
			
			.folio-spec { font-style: italic;font-size: 12px;line-height: 20px; color:#999; background:}
			.folio-spec span {font-weight:bold; color:#666;}
			.folio-spec .review {background:url(../images/ui/review_tipo.png) bottom center no-repeat; }
			.folio-spec .review p{background:#f4f4f4;color:#666;}
			.folio-spec .review p span{font-family:"Times New Roman", Times, serif;font-style:italic; font-weight:normal;color:#999;}
			.folio-spec ul {border-bottom:1px dotted #999;}
			.folio-spec ul li a {color:#999; text-decoration:none;}
			.folio-spec ul li a:hover {color:#999; text-decoration:underline;}
			.folio-spec  .projectNav{text-align:center;border-bottom:1px dotted #999;}
			.folio-spec  .projectNav span{font-weight:normal;color:#999;}
			.folio-spec  .projectNav a {text-decoration:none;}
			.folio-spec  .projectNav a.projectPrev{background:url(../images/ui/folio_prev.png) no-repeat; color:#999;}
			.folio-spec  .projectNav a.projectNext{background:url(../images/ui/folio_next.png) top right no-repeat; color:#999;}
			.folio-spec  .projectNav a.projectPrev:hover, .folio-spec  .projectNav a.projectNext:hover{text-decoration: none;}
			
		
		
		/* blog specific
		-----------------------------*/
		
		.post-type-1{border-bottom:1px dotted #ccc;}
			
			/* layout common
			-----------------------------*/
			
			.dateContainer-1 .dateMonth,.dateContainer-1 .dateDay,.dateContainer-1 .dateYr {font-family: Bebas Neue;}	
		
			
			/* layout 1 specific
			-----------------------------*/
			
			.dateContainer-1{background:#000;color:#fff;/*border-top:5px solid #000;border-bottom:1px dotted #ccc; color:#000;*/}
			.dateContainer-1 .dateMonth{font-size:27px;height:20px;line-height:20px; text-transform:uppercase;}
			.dateContainer-1 .dateDay{font-size:40px;height:33px;line-height:33px;}
			.dateContainer-1 .dateYr{font-size:18px;height:13px;line-height:13px; text-transform:uppercase;letter-spacing:1px;}
			.dateContainer-1 .comment-no{font-size:12px; text-transform:uppercase; border-top:5px solid #fff;letter-spacing:1.5px;}

			
			/* entry spec
			-----------------------------*/
			
			.entrySpec{text-align:left;}
			.entrySpec p{font-size:11px;}
			.entrySpec p span {font-weight:bold;color:#666; }
			
			
			/* comment list
			-----------------------------*/
			
			/*#comments }*/
			ul.comment-list li{border-bottom:1px dotted #ccc; font-size:12px;}
			ul.comment-list li a{font-size:11px;}
			ul.comment-list li .comment-date {font-size:12px;color:#666;font-weight:bold;}
			ul.comment-list li .comment-name {font-size:14px;color:#999;font-weight:bold;}
			ul.comment-list li.last{border:none;}
			ul.comment-list li ul li{border-top:1px dotted #ccc; border-bottom:none;}
			
			
			/* pagination
			-----------------------------*/
			
			#pagination ul li a {background: url(../images/ui/pagination_buts.png) 0 0 no-repeat;}
			#pagination ul li a.active{background-position: 0px -10px}

		
		/* contact specific
		-----------------------------*/
		
			
			/* maps
			-----------------------------*/
				
			/*#map_canvas{}*/
				
			
			
			/* forms
			-----------------------------*/
				
			.field,.tarea,.formReset{ font-family:Arial, Helvetica, sans-serif;border:1px solid transparent;font-size:12px; border:1px solid #959595; color:#b0b0b0;}
			.field:focus,.tarea:focus,.formVerify{background:#f9f9f9; border:1px solid #eee; color:#a17142; outline:none;}
			.formLoader{/*background:  no-repeat;*/}
	
	
	/*----------------------------
	vi.-- footer 
	-----------------------------*/
	
		#footer {background: #252525; opacity: 0.85;}
		#footer p{color: #f8f8f8;}
		
		/* footer top
		-----------------------------*/
		#footer #footer-top{}
		#footer #footer-top p{margin:0 10px;font-size: 12px;}
		#footer #footer-top .media_holder {background:url(../images/ui/loader2.gif) center center no-repeat;}
		#footer #footer-top ul.list li span{background:#000;}
		#footer-top .one_third {border-right: 1px dotted #a5835c;}
		
		/* main footer
		-----------------------------*/
		#footer #footer-bottom{color: #f8f8f8; line-height:16px; border-top: 1px solid #a5835c;}
		#footer #footer-bottom a{font-size:11px; text-decoration:none;}
		#footer #footer-bottom a:hover{}
		
		.copyright {float: left; width: 50%;}
		.attribute {float: right; width: 50%; text-align: right;}
	
		/* social
		-----------------------------*/
		#facebook{background:url(../images/icons/social_all.png) 0 0 no-repeat;}
		#twitter{background:url(../images/icons/social_all.png) -22px 0 no-repeat;}
		#skype{background:url(../images/icons/social_all.png) -44px 0 no-repeat;}
		#forrst{background:url(../images/icons/social_all.png) -66px 0 no-repeat;}
		#googleplus{background:url(../images/icons/social_all.png) -88px 0 no-repeat;}
		#flickr{background:url(../images/icons/social_all.png) -110px 0 no-repeat;}
		#myspace{background:url(../images/icons/social_all.png) -132px 0 no-repeat;}
		#vimeo{background:url(../images/icons/social_all.png) -154px 0 no-repeat;}
		#dribble{background:url(../images/icons/social_all.png) -176px 0 no-repeat;}
		#linkedin{background:url(../images/icons/social_all.png) -198px 0 no-repeat;}
		#digg{background:url(../images/icons/social_all.png) -220px 0 no-repeat;}
		.footer-info {float: left;color: #FFF;margin-top: 10px;}
		.social-icon {float: right;margin-top: 10px;}
		.social-icon a {margin-right: 20px;}
		.social-icon a:hover {opacity: 0.6;}
		
		
		
		/* to top
		-----------------------------*/
		
		#toTop{background: url(../images/ui/corner_but_bkg.png) 0 0 no-repeat;}
		#toTop #arrow{background:url(../images/ui/to_top_arrow.png) 0 0 no-repeat; }
	

/*--------------------------------------------------------
	3. TYPOGRAPHY & LINKS
--------------------------------------------------------*/
	
	
	/* typo
	-----------------------------*/
	
	h1,h2,h3,h4,h5,h6{font-family: 'Open Sans','Helvetica Neue', Arial, sans-serif; width:auto;}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#a5835c;font-family: 'Open Sans','Helvetica Neue', Arial, sans-serif; width:auto;}
	h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#02cc9f;font-family: 'Open Sans','Helvetica Neue', Arial, sans-serif; width:auto;}
	h1{font-size:40px; color: #9e0b0f;}
	h2{font-size:34px; color: #8a8a8a;}
	h3{font-size:26px;}
	h4{font-size:20px;}
	h5{font-size:18px; font-weight:600; color: #a5835c;}
	h6{font-size:16px; text-transform: uppercase; margin-bottom: 10px;}
	p{font-size:18px; line-height:28px; color:#363636; font-weight: 300;}
	strong {font-weight: 700;}
	.subhead {color:#666666; font-family: 'Open Sans','Helvetica Neue', Arial, sans-serif; font-size: 18px; margin: -30px 0 15px 0;}
	.contact-info {margin: 15px 0 5px 0;}
	strong.contact-header {margin: 0 10px 10px 0;}
	
	

	/* links styling
	-----------------------------*/
	a{color:#a5835c;text-decoration:none;}
	a:hover{color:#a5835c; text-decoration: underline;}
	a.r-more{background-image: url(../images/ui/read_more.png);background-repeat:no-repeat; font-size:12px;}
	a.r-more:hover{text-decoration: none;}
	a.reply{background-image: url(../images/ui/reply.png);background-repeat:no-repeat; font-size:12px; text-transform:uppercase;}
	a.reply:hover{text-decoration: none;}
	a.fbLink,a.fbLink:visited {font-family:'Open Sans','Helvetica Neue', Arial, sans-serif;color:#02cc9f;font-size:12px;}
	a.fbLink:hover{font-size:12px; color:#02cc9f; text-decoration:none;}
	
	
	

/*--------------------------------------------------------
	4. GENERIC ELEMENTS
--------------------------------------------------------*/


	/*----------------------------
	i.--standard buttons
	-----------------------------*/
	
	
	.button { background-color: #222; color: #fff !important;text-decoration: none !important;text-decoration:none; white-space: nowrap;}
	.button:hover{text-decoration:none;}

	
		/* sizes
		-----------------------------*/	
		
		/*ref to style.css*/
		
	 
		/* colors
		-----------------------------*/	
		
		.button.theme {background-color: #8c6239; color:#fff;}
		.button.theme:hover{background-color:#c48a50; color:#fff;}
		.button.teal {background-color: #00ccff; color:#fff ;}
		.button.teal:hover{background-color:#18c6f1;color:#fff;}
		.button.navy {background-color: #3a74a1;}
		.button.navy:hover{background-color:#2e648d;}
		.button.red {background-color: #f31616;}
		.button.red:hover {background-color: #e21616;}
		.button.magenta {background-color: #bb1a61;}
		.button.magenta:hover {background-color: #9e1652;}
		.button.orange {background-color: #ff9600;}
		.button.orange:hover {background-color: #f09411;}
		.button.yellow {background-color: #ffcc00;}
		.button.yellow:hover {background-color: #fdb10d;}
		.button.green {background-color: #8db513;}
		.button.green:hover {background-color: #7b9e10;}
		
		
		/* effects
		-----------------------------*/	
		
		.button.shadow{/*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);*/}
		.button.rcorners{-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;}
		.button.txtshadow{text-shadow:0px 1px 1px #000;}
		.button.txtemboss{text-shadow:0px -1px 0px #666;}
		.button.shading{background-image: url(../images/ui/button_shading.png)!important; background-repeat:repeat-x;}
	

	/*----------------------------
	ii.--columns
	-----------------------------*/
	
	/*ref to style.css*/

	/*----------------------------
	iii.--standard highlights
	-----------------------------*/
	
	.highlight{background:#000;color:#fff;}
	.underline{border-bottom:1px solid #666;}
	
		
		/* highlight effect
		-----------------------------*/	
		
		.highlight.italic{font-style:italic;}
		.highlight.bold{font-weight: bold;}
		
		
		/* highlight colors
		-----------------------------*/	
		
		.highlight.theme {background-color: #02cc9f;}
		.highlight.gray {background-color: #666;}
		.highlight.teal {background-color: #3ec3e4;}
		.highlight.navy {background-color: #3a74a1;}
		.highlight.red {background-color: #f31616;}
		.highlight.magenta {background-color: #bb1a61;}
		.highlight.orange {background-color: #ff9600;}
		.highlight.yellow {background-color: #ffcc00;}
		.highlight.green {background-color: #8db513;}
		
		
		/* underline effect
		-----------------------------*/	
		
		.underline.solidLine{border-bottom-style:solid;}
		.underline.dottedLine{border-bottom-style:dotted}
		.underline.dashedLine{border-bottom-style:dashed;}
		
		
		/* underline colors
		-----------------------------*/	
		
		.underline.theme {border-bottom-color: #02cc9f;}
		.underline.gray {border-bottom-color: #666;}
		.underline.teal {border-bottom-color: #3ec3e4;}
		.underline.navy {border-bottom-color: #3a74a1;}
		.underline.red {border-bottom-color: #f31616;}
		.underline.magenta {border-bottom-color: #bb1a61;}
		.underline.orange {border-bottom-color: #ff9600;}
		.underline.yellow {border-bottom-color: #ffcc00;}
		.underline.green {border-bottom-color: #8db513;}
		

	/*----------------------------
	v.-- media framing/shadows
	-----------------------------*/
	
	
	.media_holder{background:url(../images/ui/loader.gif) center center no-repeat;}
	
	/* wrappers
	-----------------------------*/	
	
	/*ref style.css*/
	
	
		/* alignments
		-----------------------------*/
		
		/*ref style.css*/
		
		
		
		/* rollover
		-----------------------------*/
		._rollover{background: url(../images/patterns/rollover.png) repeat;}
		
		
		
		/* wrappers
		-----------------------------*/
		
		/*ref style.css*/

		
		
		/* frames and borders
		-----------------------------*/	
		
		._border_top_thick,._border_bottom_thick {background:#000;}
		
		
		/* hover containers & icons
		-----------------------------*/	
		
		/*._hoverIcon{}*/
		._hoverIcon .view-image, .view-video,.view-full{background: url(../images/icons/hover_icons.png) 0 0 no-repeat;}
		._hoverIcon .view-image{background-position: 0 0;}
		/*._hoverIcon .view-image:hover{background-position:0 -30px;}*/
		._hoverIcon .view-video{background-position:-30px 0;}
		/*._hoverIcon .view-video:hover{background-position:-30px -60px;}*/
		._hoverIcon .view-full{background-position:-60px 0px;}
		/*._hoverIcon .view-full:hover{background-position:-60px -60px;}*/
		
		
		
		/* theme captions 
		-----------------------------*/
		
		/*caption type 1 - type: catchPhrase*/
		/*.caption-1{}*/
			
			/*size variations*/
			.caption-1 .mainTitle-sizeXSmall,.caption-1 .mainTitle-sizeSmall,.caption-1 .mainTitle-sizeMedium,.caption-1 .mainTitle-sizeLarge {font-family:'Roboto Slab', serif; font-weight: 300; text-align:center;}
			.caption-1 .mainTitle-sizeLarge{ font-size:90px;}
			.caption-1 .mainTitle-sizeMedium{font-size:70px; margin-bottom: 5px; padding:25px 0;text-shadow: 3px 3px 0px rgba(0,0,0,0.5);}
			.caption-1 .mainTitle-sizeSmall{font-size:50px;}
			.caption-1 .mainTitle-sizeXSmall{font-size:30px;background: url(../images/gallery-divider.png) no-repeat;text-indent: -2000px;margin:0 0 12px 225px;}
			.caption-1 .subTitle{font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:24px; text-align:center; text-transform: none;letter-spacing:1px;text-shadow: 3px 3px 0px rgba(0,0,0,0.3);}
			.caption-1 a {color: inherit;text-decoration:none;}
			.caption-1 a:hover {color:inherit; text-decoration:none;}
			.caption-1 .mainTitle-sizeMedium a:hover {text-decoration: none; opacity: 0.7;}
			
			/*color variations*/
			.caption-1.white {color:#fff;}
			.caption-1.gray  {color:#999;}
			.caption-1.black {color:#000;}
		
		
		/*caption type 2 type: Brief*/
		
		.caption-2{background: url(../images/ui/transparent_bkg.png) repeat;color:#fff;text-align:left;}
		.caption-2 .mainTitle{font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:18px;text-transform:uppercase; }
		.caption-2 p{font-size:12px; color:#ccc; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;}
		.caption-2 a{color:#02cc9f !important;text-decoration:none;}
		.caption-2 .credit{font-size:12px;text-transform:uppercase;border-top:5px solid #fff;}
		
		/*indication text*/	
		.caption-3 p{font-size:12px;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;font-style:italic;}
		
	
	/*----------------------------
	vi.--lists
	-----------------------------*/
	
	ul.list li{background:background: url(../images/ui/icons/list_icons_theme.png) 0 0 no-repeat; font-size:14px; }
	ul.list li span{background:#fff;}
	
		/* list colors
		-----------------------------*/	
		
		ul.list li.theme{background: url(../images/icons/list_icons_theme.png) no-repeat;}
		ul.list li.gray{background: url(../images/icons/list_icons_gray.png) no-repeat;}
		ul.list li.teal{background: url(../images/icons/list_icons_teal.png) no-repeat;}
		ul.list li.navy{background: url(../images/icons/list_icons_navy.png) no-repeat;}
		ul.list li.red{background: url(../images/icons/list_icons_red.png) no-repeat;}
		ul.list li.magenta{background: url(../images/icons/list_icons_magenta.png) no-repeat;}
		ul.list li.orange{background:url(../images/icons/list_icons_orange.png) no-repeat;}
		ul.list li.yellow{background:url(../images/icons/list_icons_yellow.png) no-repeat;}
		ul.list li.green{background:url(../images/icons/list_icons_green.png) no-repeat;}
		
		
		/* list style
		-----------------------------*/	
		
		ul.list li.arrow{background-position: -20px -20px;}
		ul.list li.arrow2{background-position: -40px -40px;}
		ul.list li.plus{background-position: -60px -60px;}
		ul.list li.minus{background-position: -80px -80px;}
		ul.list li.check{background-position: -100px -100px;}
		
	
	/*----------------------------
	vii.-- content lists
	-----------------------------*/
		
	ul.content-list li{border-bottom:1px dotted #ccc;}
	
		ul.content-list li:last-child{border:none;}
		ul.content-list li .media_holder{margin:0px 20px 5px 0;border:3px solid #eee;}
		ul.content-list li h6 {}
		ul.content-list li .function span{font-size:12px; font-style:italic; color:#999;}
		
	
	/*----------------------------
	viii.--blockquotes
	-----------------------------*/
	
	blockquote.bq-1{border-left:5px solid #c69c6d; font-style: italic;/* background: rgb(198,156,109)  for IE8 and earlier ;filter: alpha(opacity=10); /* For IE8 and earlier */; background: rgba(198,156,109,0.1); padding: 15px 15px 15px 10px;}
	blockquote.bq-2{background:url(../images/ui/blockquote_type-2.png) top left no-repeat;}
	
		/* styling
		-----------------------------*/	
		
		blockquote.bq-1 p {color:#977E62; font-family: 'Roboto Slab', serif;font-size: 18px;line-height: 28px;}
		blockquote.bq-1 p.clientRef {font-family: 'Open Sans', Helvetica, sans-serif; font-size:14px; font-weight: 400; color:#483d30;float: right;}
		
		
		blockquote.bq-2 p {color:#666; font-family: Arial, Helvetica, sans-serif; overflow:hidden;font-size: 18px;line-height: 24px; letter-spacing:1px;}
		blockquote.bq-2 p.clientRef {font-family: 'Open Sans', Helvetica, sans-serif; font-size:14px; text-align:right; color:#999;}
		
	
		/* positioning
		-----------------------------*/	
		
		/*ref style.css*/
		
	
	/*----------------------------
	ix.-- drop caps
	-----------------------------*/	
	
	.dropcap-clean,.dropcap-square,.dropcap-circle,.dropcap-border{font-size:58px; font-family: 'Roboto Slab', serif; text-align:center; font-weight: 300;}
	.dropcap-circle{background:#000; color:#fff;font-style:italic; font-weight:bold;-webkit-border-radius: 100px;-moz-border-radius: 100px; border-radius: 100px; }
	.dropcap-square{color: #5c5c5c;line-height: 28px;}
	.dropcap-border{font-family: Arvo;color:#000;border-right:1px solid #999;}
	.dropcap-clean	{font-family: Arvo;color:#999;}
	.dropcap-underline{ font-size: 45px; line-height: 40px;text-align:center;font-family: "Times New Roman", Times,serif;border-bottom:3px solid #999; color:#000;}
	.dropcap-square-focus{background:#000;font-family: 'Roboto Slab', serif;color:#fff; font-size:30px;}
	
		
	
	/*----------------------------
	x.--divs
	-----------------------------*/	
		
	.div-simple {border-top:1px transparent;border-bottom:1px solid #e5e5e5;}
	.div_pattern-1{background:url(../images/ui/_div_1.png) repeat-x;}
	
		/*div styles*/
		.dotted{border-bottom:1px dotted #ccc;}
		.dashed{border-top-style:dashed;border-bottom-style:dashed;}