.big { font-size: 30px; color: #fff; float:right; padding-top: 25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-right:20px; margin-bottom:10px; }

/* IMPORT */

@charset "UTF-8";

/*-------------------------------------content---*/

/*  START OF RESET */

.clear {

	clear: both;

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	width:100%;

	}

/*  END OF RESET */

/*  START OF SHORTCODES, COLUMNS & BUTTONS */

/*  END OF SHORTCODES, COLUMNS & BUTTONS */

/*  START OF STYLES */

#social_bar_wrapper, #bottom_foo3ter_wra3pper {

	background-image:url("../images/topbar_bg.jpg");

	background-repeat:repeat;

	height:47px;

	width:100%;

	}

	

#foo3ter_wra3pper {

	width:100%;

	background-image:url("../images/dark_texture.jpg");

	background-repeat:repeat;

	margin-top: 0px

	}

	

#footer_wrapper h5 {

	font-size: 14px;

	font-family: 'QuicksandBold',sans-serif;

	color: #ffffff;

	text-transform:uppercase;

	padding: 24px 0 00px 0;

	text-align:right;

	clear: both;

	}

	

#foo3ter_wid3get {

	width:35%;

	float:left;

	padding:5% 0% 5% 0;

	}

	

#foo3ter_wid3get img {

	margin-bottom:20px;

	}

	

#foo3ter_wid3get p {

	color:#ababab;

	font-size:10px;

	font-family:'MuliRegular', sans-serif;

	font-weight:normal;

	}

	

.foo3ter_rig3ht {

	padding: 3% 0% 5% 0;

    width: 25%;

	float:right;

	}

	

.foo3ter_rig3ht p {

    margin-top: 23px;

    padding-left: 60px;

	color:#ababab;

	font-size:12px;

	font-family:'MuliRegular', sans-serif;

	text-align: right;

	}

	

.foo3ter_rig3ht ul {

	margin:0;

	padding:0;

	color:#ababab;

	font-size:10px;

	font-family:'MuliRegular', sans-serif;

	text-align: right;

	float: right;

	}

	

.foo3ter_rig3ht li {

	margin:0;

	padding:0;

	list-style:inside none;

	color:#ABABAB;

	line-height: 1.4em;

	}

	

.foo3ter_rig3ht ul li a, ol li a {

	color:#ED8D23;

	text-decoration:none;

	font-family:'MuliRegular', sans-serif;

	}

	

.foo3ter_rig3ht ul li a:hover, ol li a:hover {

	color:#a00101;

	text-decoration:underline;

	}

	

.foo3ter_rig3ht ol {

	margin:0;

	padding:0;

	color:#ababab;

	font-size:10px;

	font-family:'MuliRegular', sans-serif;

	text-align: right;

	float: right;

	}

	

.foo3ter_rig3ht ol li {

	margin:0;

	padding:0;

	list-style:inside decimal;

	line-height: 1.4em;

	}

	

#foo3ter_twe3et {

	float: left;

    padding: 3% 0% 5% 0;

    width: 33%;

	}

	

#bottom_footer {

	padding-top:10px;

	}

	

#bottom_footer img {

	float:left;

	}

	

#bottom_footer p {

	color:#646464;

	font-size:10px;

	font-family:'MuliRegular', sans-serif;

	float:left;

	padding-top:7px;

	padding-left:10px;

	}

	

#bottom_footer a {

	color:#646464;

	font-size:10px;

	font-family:'MuliRegular', sans-serif;

	text-decoration:underline;

	}



#bottom_footer a:hover {

	color:#a1a0a0;

	font-size:10px;

	font-family:'MuliRegular', sans-serif;

	text-decoration:underline;

	}

/*  END OF STYLES */

/*  START OF PORTFOLIO */

/*  END OF PORTFOLIO */

/*  START OF CONTACT & COMMENT */

/****** Post comment styling **/

/*  END OF CONTACT & COMMENT */

/*  START OF ADS, TABS & ACCORDION */

/****

 START EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS

****/

.on {

	background-color: #ED8D23;

	border-left: 4px solid #E3E3E3;

	color: #ffffff;

	}

	

.on2 {

	background-color: #232323;

    width:100%;

	color: #333333;

	}	

	

.over {

	background-color: #ED8D23;

	border-left: 4px solid #E3E3E3;

	color: #ffffff;

	}

/*  END OF ADS, TABS & ACCORDION */

/*  START OF PAGINATION & BREADCRUMB */

/*  END OF PAGINATION */

/*  START OF MENU */

/*  END OF MENU */

/*  START OF SLIDER */	

/*  END OF SLIDER */

/*  START OF SCROLL TO TOP */



#topcontrol {

	right: 45.5% !important;

	bottom: 0 !important;

	}



/*  END OF SCROLL TO TOP */

/*  START OF SOCIAL ICONS */

/*  END OF PORTFOLIO HOVER */

/*  START OF MEDIA QUERIES */





/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (max-width: 768px) {

	

	.embed-container {

		position: relative;

		padding-bottom: 52.25%; /* 16/9 ratio */

		padding-top: 30px; /* IE6 workaround*/

		height: 0;

		overflow: hidden;

		}



	.embed-container iframe,

	.embed-container object,

	.embed-container embed {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		}

	

	img {

		max-width:100%;

		height:auto;

		}

	

	img {

		-ms-interpolation-mode:bicubic;

		}

		

	#slider, #logo_menu_wrapper, #social_bar, #wrapper, #footer, #bottom_footer, #slider_caption_wrapper, .image-grid, #breadcrumb_wrapper, #slider_caption, .blog_excerpt {

		width:95%;

		}

		

	#slider_caption p {

		width:55%;

		line-height:1.2em;

		}

		

	#slider_caption_wrapper {

		background-image:url("../images/feat_img_shadow.png");

		background-repeat:no-repeat;

		background-position:440px 55px;

		width:100%;

		}

		

	.sf-menu li:hover ul, .sf-menu li.sfHover ul {

		top:6.2em;

		}

		

	#top_menu {

		width:75%;

		}

		

	#top2_menu {

		width:75%;

		}

		

	#top_menu a {

		font-size:12px;

		}

		

	#top2_menu a {

		font-size:12px;

		}

		

	#top_menu ul li a span, #top_menu li ul li a {

		font-size:10px;

		}

		

	#top2_menu ul li a span, #top2_menu li ul li a {

		font-size:10px;

		}

		

	.flex-caption {

		width:62%;

		}

		

	p {

		font-size:12px;

		}

		

	.featured_image_portfolio {

		background-image:url("../img/feat_img_shadow3.png");

		background-position:72px 160px;

		background-repeat:no-repeat;

		height:184px;

		}

		

	.featured_content_portfolio {

		width:auto;

		}

		

	#portfolio-bg {

		width:785px;

		}

		

	.image-grid.grid li {

		background-image:url("../img/feat_img_shadow3.png");

		background-position:57px 140px;

		background-repeat:no-repeat;

		height:auto;

		}

		

	.grid li {

		padding-right:44px;

		width:204px;

		}

		

	.view {

		width:204px;

		height:auto;

		}

		

	.view .mask, .view .content {

		width:204px;

		}

		

	.image-grid.grid h5 {

		margin-top:15px;

		}

		

	.view h5 {

		margin-bottom:10px;

		padding:10px 0;

		}

		

	.view p {

		padding:0 20px;

		}

		

	.view a.info {

		left:20%;

		top:43%;

		}

		

	#contact_form textarea {

		width:428px;

		}

		

	.full_width {

		padding:0;

		}

		

	.gallery_image {

		float:left;

		margin-right:35px;

		width:30%;

		}

	

	.gallery_image_last {

		float:left;

		width:30%;

		}

		

	.left_content_wrapper, .right_wrapper {

		width:68%;

		}

		

	.other_post_details_wrapper {

		width:79%;

		}

		

	.right_content_wrapper, .left_wrapper {

		width:25%;

		}

		

	#portfolio_wrapper, #client_wrapper, #recent_post_wrapper {

		width:98%;

		}

		

	.flex-direction-nav {

		display:none;

		}

	

	h5, h5 a {

		font-size: 15px;

		}

	

	h6 {

		font-size: 14px;

		}

	

	#breadcrumb_wrapper h1 {

    	font-size: 16px;

		}

	

	.post_details_date_wrapper {

		width:15%;

		}

		

	

	}



/* Mobile Landscape Size to Tablet Landscape (devices and browsers) */

@media only screen and (max-width: 480px) {



	div#toggleMe{

		display: none;

		}

	

	a.tog{

		display: none;

		}

		

	#top_menu ul {

		display:none;

		}

		

	#top2_menu ul {

		display:none;

		}

		

	#top_menu select {

		visibility:visible;

		width:100%;

		float:none;

		background-color: #fff;

		padding: 5px;

		font-size: 13px;

		border: 1px solid #ccc;

		height: 34px;

		margin:0 auto 20px;

		}

		

	#top2_menu select {

		visibility:visible;

		width:100%;

		float:none;

		background-color: #fff;

		padding: 5px;

		font-size: 13px;

		border: 1px solid #ccc;

		height: 34px;

		margin:0 auto 20px;

		}

		

	.full_width2 {

		padding:0 12px 0 0;

		}

		

	

		

	.left_content_wrapper, .right_content_wrapper {

		width:100%;

		margin-top: 20px;

		}

		

	#contact_form textarea {

		width:386px;

		}

		

	#contact_form li {

		margin-bottom:5px;

		margin-top:10px;

		}

		

	#contact_form input.submit {

		margin-top:0;

		}

		

	.right_content_wrapper {

		margin-top:0;

		}

		

	#foo3ter_wid3get, #foo3ter_twe3et, .foo3ter_rig3ht {

		float:none;

		width:100%;

		}

		

	#footer_wrapper h5, .foo3ter_rig3ht ul, .foo3ter_rig3ht ol {

		text-align:left;

		float:none;

		}

		

	#foo3ter_twe3et ul.tweet_list li {

		padding-left:0;

		}

		

	#contact_form input, textarea {

		width:286px;

		}

		

	#portfolio-bg {

		width:auto;

		}

		

	.image-grid.grid li {

		width:106%;

		}

		

	.grid li {

		padding-right:0;

		}

		

	.view, .view .mask, .view .content {

		width:100%;

		height:100%;

		}

		

	.image-grid.grid h5 {

		margin-bottom:20px;

		margin-top:40px;

		}

		

	.view a.info {

		left:34%;

		top:70%;

		}

		

	.view p {

		padding:20px 20px;

		}

		

	.view img {

		width:100%;

		}

		

	.image-grid.grid li {

		margin-bottom:20px;

		background-position:288px 312px;

		}

		

	.gallery_image {

		margin-right:20px;

		}

		

	.portfolio_right_content_wrapper {

		width:24%;

		}

		

	.portfolio_left_content_wrapper {

		width:70%;

		}

		

	#commentform textarea {

		width:400px;

		}

		

	.left_content_wrapper, .right_wrapper, .right_content_wrapper, .left_wrapper {

		width:100%;

		}

		

	#slider_caption_wrapper {

		display:none;

		}

		

	.one_half, .one_half_first, .two_third, .two_third_first, .one_fourth, .one_fourth_first, .three_fourth, .three_fourth_first, .one_fifth, .one_fifth_first, .two_fifth, .two_fifth_first, .three_fifth, .three_fifth_first, .four_fifth, .four_fifth_first, .one_sixth, .one_sixth_first {

		width:98%;

		clear:both;

		float:none;

		margin-left:0;

		}

		

	.featured_image_portfolio {

		background-image:url("../img/feat_img_shadow3.png");

		background-position:-14px 95px;

		background-repeat:no-repeat;

		height:118px;

		}

		

	#slider_wrapper2 {

		padding-bottom:0px !important;

		}

		

	#foo3ter_twe3et {

		padding:0;

		}

		

	ul.tweet_list li {

		margin-top:0;

		}

		

	#footer_wrapper h5 {

		padding:15px 0 10px;

		}

		

	.comment_wrapper_main {

		width:100%;

		}

		

	.right_wrapper {

		margin-top: 20px;

		}

		

	h6 {

		font-size: 12px;

		}

	

	h2, h2 a {

		font-size: 17px;

		padding: 10px 0 5px

		}

		

	.post_details_date_wrapper {

		width:17%;

		margin-top:17px;

		}

		

	.other_post_details_wrapper {

		width:77%;

		}

		

	#top_logo {

		text-align:center;

		width:100%;

		}

		

	#top_menu {

		width:100%;

		float:none;

		}

		

	#top2_menu {

		width:100%;

		float:none;

		}



	}

	

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (max-width: 320px) {



	.featured_image_portfolio {

		background-image:url("../img/feat_img_shadow3.png");

		background-position:-55px 55px;

		background-repeat:no-repeat;

		height:85px;

		}

		

	.full_width2 {

		padding:0 8px 0 0;

		}

		

	.gallery_image, .gallery_image_last {

		width:28%;

		}

		

	.portfolio_left_content_wrapper {

		padding-bottom:20px;

		margin-top:20px;

		width: 100%;

		}

		

	.left_content_wrapper {

		margin-top:20px;

		}

		

	.portfolio_right_content_wrapper {

		width:100%;

		float:none;

		}

		

	.portfolio_details_info, .portfolio_details_skills, .portfolio_details_client {

		line-height:1.2em;

		margin-bottom:0;

		}

		

	.accordionButton {

		width:93%;

		}

		

	#commentform input[type="text"], #commentform textarea, #contact_form input, textarea, #contact_form textarea, #contact_form {

		width:275px;

		}

		

	#contact_form {

		padding:25px 0 0;

		}

		

	.commentlist, #commentform label {

		width:100%;

		} 

		

	h2, h2 a {

		font-size: 17px;

		padding: 10px 0 5px

		}

		

	h6 {

		font-size: 12px;

		}

		

	.post_details_date_wrapper {

		width:100%;

		margin:17px 0 0 0;

		padding:0;

		text-align:left;

		}

		

	.other_post_details_wrapper {

		width:100%;

		margin:0;

		}

		

	.post_date {

		font-size: 10px;

		display:block;

		margin-bottom: 10px;

		margin-top: 5px;

		float:left;

		margin-right:10px;

		}

	

	.post_comments {

		font-size: 10px;

		display:block;

		margin-bottom: 10px;

		margin-top: 5px;

		float:left;

		margin-right:10px;

		}

	

	.post_tags {

		font-size: 10px;

		display:block;

		margin-bottom: 10px;

		margin-top: 5px;

		}

	

	.post_author {

		font-size: 10px;

		display:block;

		margin-bottom: 10px;

		margin-top: 5px;

		}

	

	.post_cats {

		font-size: 10px;

		display:block;

		margin-bottom: 10px;

		margin-top: 5px;

		}



	}





/*  END OF MEDIA QUERIES */