* { margin: 0; padding: 0; border: none; outline: none; list-style: none; text-decoration: none; }

body { background: #fcfff3;}

.clear { clear: both; line-height: 0; height: 0;}

.right { float: right !important}

h1 { font-family: 'RobotoLtItalic'; color: #50514f; font-size: 20px; line-height: 30px; font-weight: normal}

p, a { font-family: Arial; font-size: 12px; line-height: 18px;}

a { color: #d4574d}
a:hover { text-decoration: underline}

p { color: #363636;}
p span { color: #d4574d}
p.m-bot { margin-bottom: 20px;}

.wrapper { width: 940px; margin: 0 auto;}
#blog { position: relative;}

/*Header*/
	
	a.home { position: absolute; top: 6px; left: 0; display: block; width: 17px; height: 16px; background: url(../images/home.jpg) top left no-repeat}
		img#home-hover { display: none;}
	a.logo { margin: 12px auto; display: block; width: 248px; height: 248px; background: url(../images/logo.jpg) top left no-repeat;}
		img#logo-hover { display: none;}
	.menu { height: 36px; width: 930px; padding: 0 0 0 10px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 }
		.menu ul li { display: inline; }
			.menu ul li a { line-height: 36px; text-align: left; background: url(../images/menu-separator.jpg) center right no-repeat; padding: 0 50px; font-size: 16px; color: #363636; font-family: 'RobotoCnRegular'; text-decoration: none;}
			.menu ul li a:hover { color: #d4574d;}
			.menu ul li.first a { padding-left: 0;}
			.menu ul li.b-last a { background: none; }
			.menu ul li.last a{ float: right; background: none; padding: 0;}

/*Homepage*/
			
	#slides { height: 225px; border-bottom: 1px solid #e0e0e0; position: relative; }
		#slides .slides_container { height: 225px;}
		#slides .main-slide { width: 940px; height: 225px; display: none;}
			.main-slide img.imagine-dr-slider { position: absolute; bottom: 0; right: 0;}
		#slides h1 { margin-top: 65px; max-width: 540px; text-align: left; float: left}
		#slides ul.pagination { text-align: left; position: absolute; left: 0; bottom: 10px; z-index: 100;}
			#slides ul.pagination li { float: left; margin-right: 5px;}
				#slides ul.pagination li a { display: block; width: 15px; height: 15px; font-size: 0px; background: url(../images/pagination.png) center bottom no-repeat }
				#slides ul.pagination li.current a { background-position: center top}
		
		#small-slides { height: 128px !important; width: 186px !important; float: right; background: url(../images/small-slider-bg.jpg) top right no-repeat; padding: 82px 61px 15px 53px; }
			#small-slides img { display: none;}
		
	.home-boxes { border-bottom: 1px solid #e0e0e0; padding: 30px 0 35px 0;}
		.home-boxes .box { float: left; width: 240px; margin-right: 110px }
		.home-boxes .box.last { margin-right: 0 }
			.home-boxes .box h2 { font-family: 'RobotoLtRegular'; font-size: 40px; color: #363636; line-height: 75px; font-weight: normal; text-transform: lowercase;}
			.home-boxes .box p { font-family: Arial; font-size: 12px; color: #363636; line-height: 18px;}
			
	.clients { padding: 0 0 30px 0; border-bottom: 1px solid #e0e0e0;}
		.clients img { float: left; margin-right: 20px;}
		.clients h3 { font-family: 'RobotoLtRegular'; font-size: 20px; line-height: 75px; font-weight: normal; text-transform: capitalize;}
		
	.testimonials { border-bottom: 1px solid #e0e0e0; padding: 0 0 35px 0;}
		.testimonials h3 { font-family: 'RobotoLtRegular'; font-size: 20px; line-height: 75px; font-weight: normal; text-transform: capitalize;}
			.test-slide { width: 940px; display: none;}
				.test-slide img { float: left}
				.test-text { background: url(../images/testimonials-quotes.jpg) bottom right no-repeat; width: 545px; float: right; padding: 0; margin-right: 40px;}
					.test-text .test-text-top { background: url(../images/testimonials-quotes.jpg) top left no-repeat; height: 30px}
					.test-text p { font-family: 'RobotoLtRegular'; font-size: 16px; color: #363636; line-height: 20px; max-width: 490px; font-weight: normal; margin-bottom: 15px; margin-left: 30px; }
					.test-text p.cl-name { font-family: Arial; font-size: 12px; margin-bottom: 0;}
					
/*Internal*/

	.internal-banner { height: 225px; border-bottom: 1px solid #e0e0e0; }
	#work { background: url(../images/work-bg.jpg) bottom right no-repeat}
	#contact { background: url(../images/contact-bg.jpg) bottom right no-repeat;}
		.internal-banner h1 { font-family: 'Conv_Roboto-Thin'; font-size: 72px; line-height: 225px; color: #d4574d; }
		
	.internal-content { padding: 40px 0; border-bottom: 1px solid #e0e0e0;}
		
	.sub-menu { height: 84px; border-bottom: 1px solid #e0e0e0;}
		.sub-menu ul li { float: left; line-height: 85px; margin-bottom: -1px; height: 85px;}
			.sub-menu ul li a { line-height: 84px; text-align: left; background: url(../images/menu-separator.jpg) center right no-repeat; padding: 0 25px; font-size: 20px; color: #363636; font-family: 'RobotoLtRegular'; text-decoration: none;}
			.sub-menu ul li.last a { background: none;}
			.sub-menu ul li.first a { padding-left: 0;}
			.sub-menu ul li.current-menu-item { background: url(../images/sub-menu-active.jpg) center bottom no-repeat}
			.sub-menu ul li.first.current-menu-item { background-position: bottom left;}
			.sub-menu ul li:hover { background: url(../images/sub-menu-hover.jpg) center bottom no-repeat}
			.sub-menu ul li.first:hover { background: url(../images/sub-menu-hover.jpg) left bottom no-repeat}
			
	.project-summary { border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
		.project-box { width: 300px; height: 237px; margin-right: 20px; position: relative; cursor: pointer; float: left}
		.project-box.last { margin-right: 0;}
			.project-box img { display: block}
			.project-box p { font-family: arial; color: #fff; font-size: 11px; line-height: 14px; position: absolute; left: 18px; bottom: 12px; max-width: 265px; z-index: 10; display: none; }
			.project-box:hover p { display: block}
			.project-box a.magnifier { display: none; position: absolute; z-index: 0; left: 0; top: 0; width: 300px; height: 237px; background: url(../images/project-hover.png) top left no-repeat;  }
			
		.project-separator { clear: both; height: 30px; width: 100%;}

	.small-nav { height: 15px;}
	.small-nav a { float: left; width: 9px; height: 15px; }
	.small-nav a.s-prev, .small-nav p.s-prev a { background: url(../images/small-nav-prev.jpg) top left no-repeat}
	.small-nav a.s-next, .small-nav p.s-next a { background: url(../images/small-nav-next.jpg) top left no-repeat}
	.small-nav a:hover, .small-nav p a:hover { background-position: bottom left;}
	.small-nav p { font-size: 0; float: left; height: 15px; line-height: 15px;}
		.small-nav p a { font-size: 0;}
	.small-nav span { float: left; height: 15px; width: 30px; line-height: 15px; background: url(../images/menu-separator.jpg) center center no-repeat}
	
	#work-inner { position: relative}
		#work-inner h1 { text-transform: uppercase}
		#work-inner .small-nav { position: absolute; right: 10px; bottom: 10px;}
		
	.single-project { border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
		.single-project table { margin-bottom: 25px;}
		.single-project td { width: 460px; padding-right: 20px;}
		.single-project td.last { padding-right: 0;}
		
	#gallery, #gallery-single { position: relative;}	
		#gallery-single img { position: relative; z-index: 10;}
		#gallery img { display: none;}
		.gallery-wrap { width: 938px; height: 873px; background: url(../images/gallery-bg.jpg) top left no-repeat; padding: 72px 1px 0 1px; z-index: 10; }	
		#non-web .gallery-wrap { width: 938px; height: 899px; background: url(../images/galler-nonweb-bg.jpg) top left no-repeat; padding: 0 1px;}
		#gallery a.prev { background: url(../images/gallery-prev.jpg) top left no-repeat; display: block; font-size: 0; width: 44px; height: 43px; position: absolute; left: 0; top: 425px; z-index: 10;}		
		#gallery a.next { background: url(../images/gallery-next.jpg) top left no-repeat; display: block; font-size: 0; width: 44px; height: 43px; position: absolute; right: 1px; top: 425px; z-index: 10;}		
		#gallery a.next:hover, #gallery a.prev:hover { background-position: bottom left; }
		.gallery-shadow { background: url(../images/gallery-bg-shadow.png) top left no-repeat; position: absolute; width: 1414px; height: 68px; z-index: 0; bottom: -5px; left: -232px }
		
		.bottom-nav { padding: 35px 0 15px;}
			.bottom-nav .small-nav { float: right}
			.bottom-nav a.back { font-family: arial; font-size: 12px; color: #363636; line-height: 15px; float: left; height: 15px; background: url(../images/small-nav-prev.jpg) top left no-repeat; padding: 0 0 0 12px; }
			.bottom-nav a.back:hover { color: #d4574d; text-decoration: none; background-position: bottom left}
			
	.contact-wrap { border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
		.contact-wrap h3 { font-family: 'RobotoLtRegular'; font-size: 20px; line-height: 75px; font-weight: normal; text-transform: capitalize;}
		.hello { width: 550px; float: left;}
			.hello form { }
				.hello form label { font-family: Arial; font-size: 12px; color: #363636; line-height: 38px; width: 100%; display: block}
				.hello form input.big-input { border: 1px solid #cfcecf; height: 54px; line-height: 54px; padding: 0 10px; width: 528px; background: #ebebeb; margin-bottom: 15px; }
				.hello form input.big-input:focus { background: #fff; }
				.hello form input#captcha { border: 1px solid #cfcecf; background: #ebebeb; width: 101px; height: 53px; float:left; line-height: 53px; padding: 0 10px; }
				.hello form input.captcha:focus { background: #fff; }				
				.hello form textarea { resize: none; width: 528px; height: 137px; border: 1px solid #cfcecf; padding: 10px; background: #ebebeb; margin-bottom: 20px; font-family: arial }
				.hello form textarea:focus { background: #fff;}
				.hello .button { float: right; margin-top: -5px;}
				#refreshCpt { float: left; margin: 12px 0 0 72px;}
		.contact-me { width: 300px; float: right;}
			.contact-me img { margin: 37px 0 25px 0;}
		
	#blog h1 { line-height: 72px; margin-bottom: 35px; }
	#blog .internal-banner { height: auto; border-bottom: none;}
		.blog-menu ul { width: 100%}
			.blog-menu ul li { font-family: 'RobotoCnRegular'; color: #363636; font-size: 16px; line-height: 48px; position: relative; z-index: 100;}
			.blog-menu ul li.first { float: left}
				.blog-menu ul li.first a { font-size: 16px;}
			.blog-menu ul li#categ a { float:left; height: 48px; width: 17px; background: url(../images/category-exit.jpg) center right no-repeat}
			.blog-menu ul li#categ span { float: left;}
			
			.blog-menu ul li.last { float: right; margin-bottom: 15px;}
				.blog-menu ul li ul { position: absolute; top: 33px; right: 0; background: #d4574d; padding: 1px; width: auto; z-index: 100;}
					.blog-menu ul li ul li { line-height: 23px;}
					.blog-menu ul li ul li:hover { background: #fcfff3;}
						.blog-menu ul li ul li:hover a { color: #d4574d}
							.blog-menu ul li ul li a { line-height: 23px; color: #fff; width: 100%; font-family: 'RobotoCnRegular'; font-size: 16px; padding-right: 25px; padding-left: 4px;}
							.blog-menu ul li ul li a:hover { text-decoration: none; color: #d4574d}
					a.sf-with-ul { float: right; padding-right: 55px; height: 23px; background: url(../images/auto-arrow.jpg) top right no-repeat; margin-top: 10px; font-family: 'RobotoCnRegular'; color: #363636; font-size: 16px;}
					a.sf-with-ul:hover { text-decoration: none;}
						a.sf-with-ul span { display: none;}
		
		
		.articles-wrap { padding: 0 0 105px; border-bottom: 1px solid #e0e0e0; position: relative;}
		.articles-wrap#single-post p { margin-bottom: 25px;}	
		
		.article { border-top: 1px solid #e0e0e0; padding: 25px 0;}
			.article h1, .article h1 a { font-family: 'Roboto-Bold'; color: #d4574d; font-size: 20px; line-height: 50px !important; margin: 0 !important;}
            .article h2, .article h2 a { font-family: 'RobotoLtRegular' !important; color: #363636; font-size: 20px; line-height: 50px !important; }
			.article h3 { font-family: 'RobotoLtRegular'; font-size: 16px; line-height: 75px; font-weight: normal; text-transform: capitalize;}
            .article ol.a { font-family: 'Arial'; font-size: 13px; line-height: 24px; list-style-type: decimal;}
            .article ul { font-family: 'Arial'; font-size: 13px; line-height: 24px; list-style-type: square;}
            .article li { font-family: 'Arial'; font-size: 13px; line-height: 24px; list-style-type: square;}
            
            .article p {font-size: 13px; line-height: 24px;}
            .article h1 a:hover { color: #363636; text-decoration: none;}
				.article-meta { margin-bottom: 30px;}
					.article-meta p { color: #b7b7b7}
					.article-meta a , .article-meta span{ color: #363636; font-weight: bold;}
					.article-meta a:hover { color: #d4574d; text-decoration: none}
				
				.post-img-wrap { background: url(../images/post-image-shadow.jpg) bottom left repeat-x; padding: 0 0 3px 0; margin-bottom: 30px; position: relative;}
					.post-img-wrap img { display: block}
					.post-img-wrap img.hover { position: absolute; top: 0; left: 0; display: none;}
					
		#blog .small-nav { position: absolute; bottom: 40px; right: 10px;}
		
		ol.commentlist { border-bottom: 1px solid #e0e0e0;}
		
		.article-comments h1 { font-family: 'RobotoLtRegular';}
			.article-comments h1.title-comments { font-family: 'Roboto-Bold'; line-height: 24px !important; text-transform: capitalize; margin: 0 0 25px 0 !important }
			
		.article-comments p.comment-author { font-family: 'RobotoCnRegular'; font-size: 16px; line-height: 24px !important; margin: 0 !important  }
		.article-comments .comment-text { border: 1px solid #d4574d; padding: 20px 20px 0 20px; margin-bottom: 10px;}
			.article-comments .comment-text p { font-family: 'RobotoLtItalic'; font-size: 20px; line-height: 24px; color: #959595; margin: 0 !important; padding: 0 0 20px 0 }
		.article-comments p.comment-data { text-align: right}
		
	form#commentform { width: 552px;}
		form#commentform label { float: left; line-height: 18px; width: 100%; margin-bottom: 10px;}
		form#commentform input#author, form#commentform input#email { border: 1px solid #cfcecf; height: 54px; line-height: 54px; padding: 0 10px; background: #ebebeb; margin-bottom: 15px; float:left}
			form#commentform input:focus { background: #fff}
		form#commentform textarea { resize: none; height: 137px; border: 1px solid #cfcecf; padding: 10px; background: #ebebeb; margin-bottom: 20px;}
			form#commentform textarea:focus { background: #fff;}
		form#commentform input#captcha { border: 1px solid #cfcecf; background: #ebebeb; width: 101px; height: 53px; float:left; line-height: 53px; padding: 0 10px; }
	form#commentform input.button { float: right;}
	*+html form#commentform input.button { margin-top: -28px}

/*Footer*/
					
	.footer { padding: 35px 0 15px;}
		.footer p { font-family: 'RobotoLtRegular'; font-size: 20px; line-height: 23px; color: #363636; float: left; margin-right: 110px;  }
		.footer .sociable { float: left; height: 23px;}
			.footer .sociable a { float: left; margin-right: 10px; width: 23px; height: 23px;}
			.footer .sociable a:hover { background-position: bottom left;}
				a.tw { background: url(../images/tw.jpg) top left no-repeat}
				a.fb { background: url(../images/fb.jpg) top left no-repeat}
				a.bb { background: url(../images/bb.jpg) top left no-repeat}
				a.feed { background: url(../images/feed.jpg) top left no-repeat}
				a.plus { background: url(../images/plus.jpg) top left no-repeat}
			
	.button { background: url(../images/button.jpg) top left no-repeat; display: block; width: 191px; height: 58px; text-align: center; font-family: arial; font-weight: bold; color: #fff; font-size: 14px; line-height: 59px; text-decoration: none; cursor: pointer;}
	.button:hover { color: #6e0901; text-shadow: 0 1px 1px #ea6e5e; text-decoration: none;}
		.footer .button { float: right; margin: -20px 30px 0 0; }
		
	p.copyright { width: 100%; border-top: 1px solid #e0e0e0; line-height: 40px; }
	*+html p.copyright { margin-top: -40px;}