/* cmsms stylesheet: X_kwicks modified: 04/11/17 09:51:27 */
/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background:#000;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 235px;
	height: 474px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
	background: #000 url('/uploads/theex/images/preloader.gif') no-repeat;
	background-position: 118px 237px;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

.kwickshadow {
z-index: 10;
background: url('/uploads/theex/images/kwickshadow.png') repeat-y;
position: absolute;
right: 0px;
height: 474px;
width: 27px;
}




	.slideimage {float:left;padding:0;margin:0;}
	
	
	.slide-minicaption {
	top:50px;
	right:0;
	float:right;
	position:absolute;
	color:#fff;
	padding:10px 10px 10px 15px;
	font-size:12px;
	line-height:18px;
	background:#111;
	width: 165px;

	}
	
	.slide-minicaptiontitle {
		font-size:16px; letter-spacing:0; color:#fff; display:block;
		line-height:23px;

	}
	
	.slidecaption {
	top:50px;
	right:0;
	float:right;
	position:absolute;
	color:#fff;
	padding:15px;
	font-size:12px;
	line-height:18px;
	background:#111;
	width: 370px;

	}
	
	.slidecaption a {color: #119ff7; }
	.slidecaption a:hover {text-decoration:none;}
	

.slidecaptiontitle {
	font-size:26px; letter-spacing:-1px; font-weight:bold; color:#fff; display:block;
	padding-bottom:10px;

}

	.slidecaptiontitle a {
		color:#fff;
	}
	
	.slidecaptiontitle a:hover {
		color:#fff; text-decoration:none;
	}
/* cmsms stylesheet: X_jcarousel_skin modified: 04/11/17 09:51:27 */
.jcarousel-skin-tango {
	background:#EAEAEA;
	margin:10px 0 10px 0;
	border-bottom:1px dotted #D1D1D1;
	border-top:1px dotted #DEDEDE;
}

.jcarousel-skin-tango img {
	width:127px;height:120px;
}

.jcarousel-skin-tango img {
padding:1px;background:#d1d1d1;border:1px solid #B9B9B9;
}

.jcarousel-skin-tango li {
	width:127px;height:120px; 
}

.jcarousel-skin-tango .image {
	background: transparent url('/uploads/theex/images/carousel/hover-image.jpg') no-repeat 2px 2px;
	width:127px;height:120px; 
}

.jcarousel-skin-tango .video {
	background: transparent url('/uploads/theex/images/carousel/hover-video.jpg') no-repeat 2px 2px;
	width:127px;height:120px; 
}

.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-item {
width: 145px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal,.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 600px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal,.jcarousel-skin-tango .jcarousel-item  {

    height: 135px;
}



.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 15px 0 5px 0;
}






.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {

}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    bottom: 65px;
    right: -15px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/uploads/theex/images/carousel/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 65px;
    left: -15px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/uploads/theex/images/carousel/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/* cmsms stylesheet: X_jcarousel modified: 04/11/17 09:51:27 */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* cmsms stylesheet: X_ddsmoothmenu modified: 02/09/21 09:34:26 */
.ddsmoothmenu{
background: none; /*background of menu bar (default state)*/
margin-top:32px;
float:right;
font-size:13px;
letter-spacing:0;
}

.menuphoto img { float:right; }

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

.ddsmoothmenu ul ul {
	border-bottom:10px solid #111;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: none; /*background of menu items (default state)*/
color: #fff;
padding: 8px 10px;

color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{

color:#A7A7A7;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #111;
color:#fff;
}

.ddsmoothmenu ul li a:hover{
background: #747474; /*background of menu items during onmouseover (hover state)*/
color: #fff;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
background: #111;
color:#fff;
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 180px; /*width of sub menus*/
padding: 10px;
margin: 0;
border-top-width: 0;

}

.ddsmoothmenu ul li ul li a:link {
color:#747474;
}

.ddsmoothmenu ul li ul li a:visited {
color:#747474;
}

.ddsmoothmenu ul li ul li a:hover {
color:#fff;
}

.ddsmoothmenu ul li ul li a.selected {
color:#fff;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    display: none;
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass{
    display: none;
    position: absolute;
    top: 12px;
    right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
/* cmsms stylesheet: X_colorbox modified: 04/11/17 09:51:27 */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url('/uploads/theex/images/colorbox/overlay.png') 0 0 repeat;}
#colorbox{}
    #cboxContent{background:#fff; }
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#111;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url('/uploads/theex/images/colorbox/controls.png') -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('/uploads/theex/images/colorbox/controls.png') -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url('/uploads/theex/images/colorbox/loading_background.png') center center no-repeat;}
        #cboxLoadingGraphic{background:url('/uploads/theex/images/colorbox/loading.gif') center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('/uploads/theex/images/colorbox/controls.png') -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
/* cmsms stylesheet: X_skins_shade modified: 04/11/17 09:51:27 */
body{ background: #c0c0c0 url('/uploads/theex/images/texturedbg.jpg') repeat;}
		
/* -------- Page Structure -------- */

#mainpagecontainer{background: #E8E8E8; border-top:8px solid #464646;}
#pagecontainer{ background: #E8E8E8; border-top:8px solid #464646;}

/* -------- Big Saying -------- */

		.mbigbutton a {
			background: #E8E8E8 url('/uploads/theex/images/buttons/mbutton.png') no-repeat;
		}
		.mbigbutton a:hover {
			background: #E8E8E8 url('/uploads/theex/images/buttons/mbutton-on.png') no-repeat;
		}
		
	.morearrow {background: #E8E8E8 url('/uploads/theex/images/buttons/more-arrow.png') no-repeat bottom left;  }
	a.morearrow:hover { background: #E8E8E8 url('/uploads/theex/images/buttons/more-arrow-hover.png') no-repeat bottom left; }
	


/* -------- Text Highlight Marker -------- */

#contents .highlight {
	background:#FFFF99;
}
			

/* -------- Flexible Buttons -------- */

/* Normal Buttons  */

#contents a.button , a.button {
    background: transparent url('/uploads/theex/images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
}

#contents a.button span , a.button span {
    background: transparent url('/uploads/theex/images/buttons/bg_button_span.gif') no-repeat top left;
}

#contents a.button:hover , a.button:hover {
	color:#000;background-position: bottom right;
	cursor:pointer;
}

#contents a.button:hover span, a.button:hover span{
	color:#000;background-position: bottom left;
	cursor:pointer;
}

/* Icon Buttons  */

#contents a.buttonicon , a.buttonicon {
    background: transparent url('/uploads/theex/images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
}


#contents a.buttonicon span , a.buttonicon span {
    background: transparent url('/uploads/theex/images/buttons/bg_button_span.gif') no-repeat top left;

}

	/*------ Search ------*/
	#s {
		border-bottom:1px dotted #D1D1D1;
		background: url('/uploads/theex/images/search-bar.gif') no-repeat left bottom;
		color:#545454;
	}
	
	/* -------- Blog Date, Comments and image styles -------- */
	
	#contents .posted-date { background: #DEDEDE;  }


	
			
/* -------- Sidebar -------- */

			.sidebaropts ul li a { border-bottom:1px dotted #D1D1D1;}
			
			.sidebarpopular ul li.popclear { clear:both;border-bottom:1px solid #D1D1D1;margin-bottom:4px; }


/*=== End of CSS ===*/
/* cmsms stylesheet: X_styles modified: 02/11/21 12:06:17 */
/*
Theme Name: Echoes Wordpress Theme
Theme URI: http://echoes.imaginemthemes.com/wp/
Description: Theme Design by Mondre'
Version: 1.2
Author: Mondre'
Author URI: http://www.imaginemthemes.com/
Tags: fixed width, two columns, widgets

	Echoes Wordpress Theme v1.2
	http://echoes.imaginemthemes.com/wp/

	This theme was designed and built by Mondre,
	you will find him at http://themeforest.net/user/imaginem 
	in Themeforest

*/

/*
begin resets
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
small {
  font-size: 85%;
}
big {
  font-size: 115%;
}

/*
Main Global Layout Settings
*/


*{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%;}
body { 
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    background: #fff;
    color: #000;
}
.bg {
    background: #c0c0c0 url('/uploads/theex/images/texturedbg.jpg');
    font-size: 62.5%;
}
a { outline: none; color: #119ff7; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

/* -------- Page Structure -------- */

#mainpagecontainer{ width: 1035px; margin: 0px auto; padding:0px; margin-top:10px; background: #fff; border-top:8px solid #464646;}
#pagecontainer{ width: 1035px; margin: 0px auto; padding:0px; margin-top:10px; background: #FFF !important; border-top:8px solid #464646;}
#mainpage{ width: 940px; margin: 0px auto; padding-top:30px; background: #FFF; }
#mainpageheader { padding-bottom:20px; height: 70px;}
#gallerypageheader { padding-bottom:20px;border-bottom:1px dotted #D1D1D1;}
#header { padding-bottom:20px; height: 70px; border-bottom:1px dotted #D1D1D1;}
#logo { margin:0;padding:0; margin-top:-20px; }
#breadcrumbs { margin: 0; padding: 0; }
#rss { float:right; position:relative; top:15px; }
#shareThis {margin: .5em 0; }
.twocolumn {width:600px; float:left;}
.noflashtop {margin-top:-50px;}
.topmargin10 {margin-top:10px;}
.topmargin35 {margin-top:35px;}
.pmarginbottom { margin-bottom:25px;}
	
/* -------- Title -------- */

#categorytitle { font-size:22px; color:#7d7d7d; padding:12px 0 12px 22px; margin:0 0 30px 0; border-bottom:1px dotted #D1D1D1; width:918px; background:#FFFFFF;}
#fullwidth-categorytitle { font-size:22px; color:#7d7d7d; padding:12px 0 12px 22px; margin:0 0 20px 0; border-bottom:1px dotted #D1D1D1; width:918px;background:#FFFFFF;}
.subcategorytitle { font-size:26px; color:#111; padding:12px 0 12px 0; margin:0 0 10px 0; font-weight:bold;}
	
/* -------- Mainpage Intro Text -------- */

#introwrap { width:700px;}
#introbig { font-size:22px; font-style:normal; font-weight:bold; letter-spacing:-1px; margin-bottom:15px;}
#introsmall { font-family:Georgia, 'Times New Roman', serif; font-size:16px; font-style:italic; line-height:19px;  color:#969696;}
#twitter {float:right; margin-right:60px;}
	
/* -------- Mainpage Portfolio -------- */

#mportfoliowrap , #contents #mportfoliowrap {
	padding:10px 0 0px 0;
	margin: 25px 0 20px 0;
}
	
.homeportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
.homeportfoliotitle a { color:#3a3a3a; font-weight:bold; }
.homeportfoliotitle a:hover { color:#111; text-decoration:none; }

.mportfoliotitle , #contents .mportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
.mportfoliotitle a , #contents .mportfoliotitle a { color:#3a3a3a; font-weight:bold; }
.mportfoliotitle a:hover , #contents .mportfoliotitle a:hover { color:#111; text-decoration:none; }
.mportfoliobox , #contents .mportfoliobox {width:220px;float:left;}

.mportfolio {}
.mportfolio img , #contents .mportfolio img { width:220px; height:124px;float:left;}
.mportfoliospace , #contents .mportfoliospace { margin-left:20px;}
.mportfoliobg , #contents .mportfoliobg { width:220px; height:124px; float:left; background: #111 url('/uploads/theex/images/hover-media.jpg') no-repeat top left;}
.mportfoliocatbg , #contents .mportfoliocatbg { width:220px; height:124px; float:left; background: #111 url('/uploads/theex/images/hover-category.jpg') no-repeat top left;}
.mportfoliobgvideo , #contents .mportfoliobgvideo { width:220px; height:124px; float:left; background: #111 url('/uploads/theex/images/hover-video.jpg') no-repeat top left;}

.mportfoliowrap-med, #contents .mportfoliowrap-med {
	padding:10px 0 10px 0;
	margin: 25px 0 25px 0;
	}
	
.mportfoliotitle-med, #contents .mportfoliotitle-med { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
.mportfoliotitle-med a, #contents .mportfoliotitle-med a { color:#3a3a3a; font-weight:bold; }
.mportfoliotitle-med a:hover, #contents .mportfoliotitle-med a:hover { color:#111; text-decoration:none; }
.mportfoliobox-med, #contents .mportfoliobox-med {width:300px;float:left;}

.mportfolio-med , #contents .mportfolio-med {}
.mportfolio-med img, #contents .mportfolio-med img { width:300px; height:185px;float:left;}
.mportfoliospace-med, #contents .mportfoliospace-med { margin-left:20px;}
.mportfoliobg-med, #contents .mportfoliobg-med { width:300px; height:185px; float:left; background: #111 url('/uploads/theex/images/hover-media-med.jpg') no-repeat top left;}
.mportfoliocatbg-med, #contents .mportfoliocatbg-med { width:300px; height:185px; float:left; background: #111 url('/uploads/theex/images/hover-media-med.jpg') no-repeat top left;}
.mportfoliobgvideo-med, #contents .mportfoliobgvideo-med { width:300px; height:185px; float:left; background: #111 url('/uploads/theex/images/hover-video-med.jpg') no-repeat top left;}
		
/* -------- Big Saying -------- */

.mbigsaying {
	margin: 30px 0 35px 0;
}
.mbigbutton {
	float:right; width:220px;
}
.mbigbutton span { padding:17px 0 0 65px; }
	
.mbigbutton a {
	float:right;
	background: #fff url('/uploads/theex/images/buttons/mbutton.png') no-repeat;
	width:220px;
	height:46px;
	font-size:18px; font-weight:bold; color:#464646;  
}
.mbigbutton a:hover {
	color:#111;
	text-decoration:none;float:right;
	background: #fff url('/uploads/theex/images/buttons/mbutton-on.png') no-repeat;
	width:220px;
	height:46px;
}
		
		
.mbigtextwrap {
	float:left;
	width:940px;
}
.mbigtextwrap h1 {
	margin: 0; font-size:26px; letter-spacing:-1px; font-weight: normal; color:#424242; /*width: 640px;*/
}
.mbigtextwrap h1 a{
	color:#424242;
}
.mbigtextwrap h1 a:hover{
	color:#111; text-decoration:none;
}
.mbigtextwrap p {
	margin: 0;font-size:18px; letter-spacing:-1px; font-weight:normal; color:#a3a2a2;  /* width: 640px; */
}

	
.mbigmorewrap {
	text-align:center;
	width:940px;
	padding-bottom:15px;
}

.morearrow { padding-top:0px;margin-left:20px;padding-left:27px; background: #fff url('/uploads/theex/images/buttons/more-arrow.png') no-repeat bottom left; width:27px;height:27px; }
a.morearrow:hover { background: #fff url('/uploads/theex/images/buttons/more-arrow-hover.png') no-repeat bottom left; }
	
/* -------- Steps -------- */

#mstepswrap {

	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	
	padding:24px 0 24px 0;
	margin:35px 0 35px 0;

}

.stepblock {
	width:300px;
	float:left;
}
.stepspace {
	margin-right:20px;
}
.stepbullet {
	float:left;
}
.stepcontents {
	width:196px; 
	float:left; margin-left:35px;
}
.steptitle, .stepcontents h1 {
	margin: 0; font-size:24px; line-height: 28px; letter-spacing:-1px; font-weight:normal; color:#424242 !important; padding-bottom:8px;
}
.steptitle a{
	color:#424242;
}
.steptitle a:hover{
	color:#111; text-decoration:none;
}	
.steptext, .stepcontents p {
	margin: 0; font-size:12px; color:#7d7d7d; line-height:1.6;
}
	.steptext a { color:#119ff7; }
	.steptext a:hover { text-decoration:none; }

/* -------- Category Portfolio -------- */
		
.categoryportfoliowrap, #contents .categoryportfoliowrap {
	padding:10px 0 10px 0;
	margin: 5px 0 5px 0;

	}

#mblogwrap {
	padding: 0 0 12px 0;
	margin: 0px 0 35px 0;
	}
.mblogbox {
	width:220px;
	float:left;
	}
.mblogtitle { font-size:18px; color:#3a3a3a; font-weight:bold; margin-bottom:10px;}
.mblogtitle a { color:#3a3a3a; text-decoration:none;}
.mblogtitle a:hover { color:#111; text-decoration:none;}

.mblogtext { font-size:12px; color:#7d7d7d; line-height:1.6;}
.mblogtext a { color:#111; }
.mblogtext a:hover { text-decoration:none; }
.mblogspace { margin-left:20px; }

#midplacement {
	width:100%; margin: 35px 0 25px 0; padding: 0 0 15px 0; border-bottom:1px solid #e3e3e3;
	}
.articlewrap {
	width: 480px; float:left;
}
.articles {}
.articleimage {
	float:left; width:135px; 
}
.articleimage img {
	border:5px solid #b2b2b2;
}
.articleimage img:hover {
	border:5px solid #969696;
}
.articletext {
float:right; width:310px;
font-size:13px; line-height:20px; color:#7d7d7d;
margin-bottom:20px;
}
.articletitle, .articletitle a {
	font-size:18px; font-weight:bold; margin-bottom:5px; color:#5D5D5D;
}
.articletitle a:hover {
	color:#111; text-decoration:none;
}
	
	
#aboutwrap {
	width:940px; border-top:1px solid #e3e3e3; margin-top:10px;
	float:right;
}
.abouttext {
	float:right; font-weight:bold;
	font-size:22px; line-height:20px; color:#464646;
	margin-bottom:5px; margin-top:25px;
	}
.abouthighlight {
	font-size:18px; font-style:normal;line-height:26px; color:#717171;
	margin-bottom:8px;margin-top:15px;font-weight:normal;
	}
.abouttitle, .abouttitle a {
	font-size:16px; font-weight:bold; margin-bottom:5px; color:#5D5D5D;
	}
.abouttitle a:hover {
		color:#111; text-decoration:none;
	}

/* -------- Mainpage button -------- */

.blankbutton { 
	background: #fff url('/uploads/theex/images/blank_button.gif') no-repeat top left; 
	float:right; 
	width:133px; 
	height:31px;
	font-family:georgia, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	padding:7px 0 0 22px;
	margin-top:20px;
	}

.blankbutton a { 
	font-family:georgia, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#111;
	}

.blankbutton a:hover { 
	font-family:georgia, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#0878aa;
	}

/* -------- Portfolio Page -------- */
		
.portfoliopagerows, #contents .portfoliopagerows {
	border-top:6px solid #b2b2b2; 

	padding:0 0 20px 0;
	margin:0;
	}
.portfoliobox , #contents .portfoliobox {width:240px;float:left;}
.portfoliotitle , #contents .portfoliotitle { color:#111; font-size:13px; padding-top:10px; line-height:1.3;}
.portfoliotitle a , #contents .portfoliotitle a { color:#5D5D5D; text-decoration:none; font-weight:bold;}
.portfoliotitle a:hover , #contents .portfoliotitle a:hover { color:#111; text-decoration:none;}
.portfoliocontents , #contents .portfoliocontents { color:#919191; font-size:12px; font-weight:normal; padding-top:10px; line-height:1.3;}
		
		
#recentportfolio, #contents #recentportfolio {
	padding: 10px 0 35px 0; 
	}
.recent-portfolioitem , #contents .recent-portfolioitem { width:620px; float:left;}
.recentportfoliobg, #contents .recentportfoliobg { width:620px; height:383px; float:left; background: #111 url('/uploads/theex/images/recenthover-media.jpg') no-repeat top left;}
.recent-contentblock, #contents .recent-contentblock {width:300px; float:right; padding-top:10px; }
.recent-description, #contents .recent-description {color:#919191; font-weight:normal; padding-right:20px;font-size:13px; color:#7d7d7d; line-height:1.6;}
.recent-highlight , #contents .recent-highlight {color:#747474; font-size:16px; font-weight:normal; padding:0 20px 20px 0;}
.recent-title, #contents .recent-title { color:#5D5D5D; font-size:22px; padding:10px 0 20px 0; font-weight:bold;}
.recent-title a, #contents .recent-title a { color:#5D5D5D; text-decoration:none; }
.recent-title a:hover , #contents .recent-title a:hover { color:#111; text-decoration:none;}


		
/* -------- Title and Blog Contents -------- */

#title { font-size:36px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:45px 0 15px 0; width:600px;}
#titleHighlight { font-size:18px; color:#A2A2A2; font-weight:normal; letter-spacing:0px; margin-top:15px;margin-bottom:15px;line-height:28px; width:600px;}
#fulltitle { font-size:36px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:45px 0 15px 0; width:920px;}
#fulltitleHighlight { font-size:18px; color:#A2A2A2; font-weight:normal; letter-spacing:0px; margin-bottom:15px;line-height:28px; width:920px;}
#subtitle { font-size:22px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin-bottom:15px;}
#gallerycontents { margin-bottom:25px;}
#breadcrumbs { font-size: 70%; }

/* -------- Post Info -------- */

.post-title { font-size:36px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:0 0 15px 0; width:600px;}
.postinfo {font-size:11px; color:#7d7d7d; border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;
			background:#F9F9F9; padding-left:10px; margin-top:25px;
			}
.postinfo p {line-height:0.9;}
.postinfo a, #contents .postinfo a { color:#111; text-decoration:none;}
.postinfo a:hover {color:#000;}
	
	
/* -------- Blog List titles -------- */
	
.list-title , #contents .list-title {  font-size:28px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:0 0 15px 0; width:600px;}
.list-title a , #contents .list-title a { color:#3a3a3a; text-decoration:none;}
.list-title a:hover , #contents .list-title a:hover { color:#000; text-decoration:none;}
	
.videoembed { color:#7d7d7d; font-size:12px; margin-bottom:35px;}
.videoembed a { color:#464646; text-decoration:none; }
.videoembed a:hover { color:#111; text-decoration:none; }

.bigtopimage { margin-bottom:35px;}
	
#contents { font-size:13px; line-height:1.6; color:#7d7d7d; padding-bottom:30px;}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
		}
	
#contents .posttitle { font-size:22px; font-style:normal; color:#111; font-weight:bold; letter-spacing:-1px; margin-bottom:15px;}

/* -------- Blog Content Alignment -------- */

#contents .alignright {float:right; margin-left:15px;}
#contents .alignleft {float:left; margin-right:15px;}
#contents .aligncenter { clear:both; display:block; margin:0px auto;  }
	

/* -------- Blog Date, Comments and image styles -------- */

#contents .datecomment { font-size:10px; font-weight:normal; text-transform:uppercase; letter-spacing:1px; background:#F9F9F9;margin:0 0 20px 0; padding: 6px 0 8px 0; }
#contents .datecomment a { }

#contents .thetags { background: url('/uploads/theex/images/tag.gif') no-repeat left; padding: 0 0 0 15px; font-size:10px; text-transform:uppercase;color:#111; margin-bottom:20px;}
#contents .thetags a { color:#7d7d7d; text-decoration:none; }
#contents .thetags a:hover {  color:#111; }

#contents .posted-date { background: #ECECEC; padding:8px 20px 10px 20px; margin:0;color:#8B8B8B;  }
#contents .posted-date a { color:#111; text-decoration:none; }
#contents .posted-date a:hover { color:#111; }

#contents .postedin { background: url('/uploads/theex/images/drop_box.gif') no-repeat left; padding: 0 0 0 15px; margin: 0 0 0 20px;color:#8B8B8B; }
#contents .postedin a {  color:#464646; text-decoration:none; }
#contents .postedin a:hover {  color:#111; }

#contents span.comments { color:#111; float:right; padding:2px 20px 2px 6px;}
#contents span.comments a { color:#464646; background: url('/uploads/theex/images/comment.gif') no-repeat left;padding: 0 0 0 15px; text-decoration:none;}
#contents span.comments a:hover { color:#111; }

#contents img.image {border:1px solid #A2A2A2;padding:3px;}
#contents img.bigimage {border:none;padding:0;}
#contents .imagecaption {margin-top:-6px;padding:5px 10px 5px 10px;background:#111;color:#fff;font-size:11px;}
#contents em {font-style:italic;}
#contents a {color:#111;text-decoration:underline;}
#contents blockquote{
margin:0 0 22px 5px;
padding:0 15px;
border-left: 5px solid #111;
}

#contents ul, #contents ol{
list-style-position:outside;
margin-left:20px;
}

	
/* -------- Headings -------- */

#contents h1 {font-size:28px;font-weight:bold;color:#111;}
#contents h2 {font-size:24px;font-weight:bold;color:#111;}
#contents h3 {font-size:20px;font-weight:bold;color:#111;}
#contents h4 {font-size:18px;color:#111;}
#contents h5 {font-size:16px;color:#111;}
#contents h6 {font-size:14px;color:#111;}

/* -------- Mini Showcase -------- */

#contents .minishowcasewrap { width:600px;float:left; margin:0 0 20px 0;padding:0; }
#contents .minishowcasewrap .minishowcase { list-style:none; margin:0;padding:0; }
#contents .minishowcasewrap .minishowcase .tileimage { background: url('/uploads/theex/images/page/hover-image.jpg') no-repeat 5px 5px; width:127px;height:120px; }
#contents .minishowcasewrap .minishowcase .tilevideo { background: url('/uploads/theex/images/page/hover-video.jpg') no-repeat 5px 5px; width:127px;height:120px; }
#contents .minishowcasewrap .minishowcase li { float:left; padding:5px;margin:0 5px 10px 5px;background:#d1d1d1;border:1px solid #B9B9B9;}
		
#contents .minishowcasewrap-full { width:900px; padding:0 0 20px 0;margin:0 auto; }
#contents .minishowcasewrap-full .minishowcase { list-style:none; margin:0;padding:0; }
#contents .minishowcasewrap-full .minishowcase .tileimage { background: url('/uploads/theex/images/page/hover-image.jpg') no-repeat 5px 5px; width:127px;height:120px; }
#contents .minishowcasewrap-full .minishowcase .tilevideo { background: url('/uploads/theex/images/page/hover-video.jpg') no-repeat 5px 5px; width:127px;height:120px; }
#contents .minishowcasewrap-full .minishowcase li { float:left; padding:5px;margin:0 5px 10px 5px;background:#d1d1d1;border:1px solid #B9B9B9;}

#contents .photoshowcase {width:127px; height:120px;float:left; }

/* -------- Notice -------- */
#contents .notice {
	background: #FFFFD1 url('/uploads/theex/images/icons/star.png') no-repeat 15px 15px;
	color:#8B6F00;
	padding:15px 15px 15px 55px;
	margin:15px 0 10px 0;
	border:1px solid #FFFF8B;
	border-left:15px solid #FFFF8B;
}

/* -------- Warning -------- */
#contents .warning {
	background:#FF4646 url('/uploads/theex/images/icons/cross.png') no-repeat 15px 15px;
	color:#fff;
	padding:15px 15px 15px 55px;
	border:1px solid #FF0000;
	border-left:15px solid #FF0000;
}

#contents .warning a {
	font-weight:bold;
	color:#fff;
}

/* -------- Green -------- */
#contents .green {
	background:#EDFFD6 url('/uploads/theex/images/icons/green.png') no-repeat 15px 15px;
	color:#0E2A00;
	padding:15px 15px 15px 55px;
	border:1px solid #C7E3B9;
	border-left:15px solid #C7E3B9;
}

#contents .green a, #contents .blue a, #contents .notice a { color: #000; }

#contents .blue {
	background:#D1ECFF url('/uploads/theex/images/icons/blue.png') no-repeat 15px 15px;
	color:#0E2A00;
	padding:15px 15px 15px 55px;
	border:1px solid #74C7FF;
	border-left:15px solid #74C7FF;
}

/* -------- Drop Caps Letter -------- */

#contents .dropcaps {
float:left;
font-size: 300%;
color:#111;
line-height: 0.85em;
margin-right: 0.13em;
margin-bottom:-0.25em;
}
		
/* -------- Text Highlight Marker -------- */

#contents .highlight {
	background:#FFFF99;
}
			
/* -------- Pullquote -------- */

#contents .pullquote-c {
	padding:5px 5px 5px 0;
	margin:10px 10px 5px 0;
	width:100%;
	font-family: georgia;
	font-size:18px;
	font-style:italic;
}

#contents .pullquote-r {
	padding:5px 0 5px 5px;
	margin:10px 0 5px 10px;
	float:right;
	width:250px;
	font-family: georgia;
	font-size:18px;
	font-style:italic;
}

#contents .pullquote-l {
	padding:5px 5px 5px 0;
	margin:10px 10px 5px 0;
	float:left;
	width:250px;
	font-family: georgia;
	font-size:18px;
	font-style:italic;
}

/* -------- Flexible Buttons -------- */

/* Normal Buttons  */

#contents a.button , a.button {
    background: transparent url('/uploads/theex/images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display:inline-block;
    height: 34px;
    margin-right: 6px;
	margin-top:0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#contents a.button span , a.button span {
    background: transparent url('/uploads/theex/images/buttons/bg_button_span.gif') no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 10px 0 10px 18px;
}

#contents a.button:hover , a.button:hover {
	color:#000;background-position: bottom right;
	cursor:pointer;
}

#contents a.button:hover span, a.button:hover span{
	color:#000;background-position: bottom left;
	cursor:pointer;
}

/* Icon Buttons  */

#contents a.buttonicon , a.buttonicon {
    background: transparent url('/uploads/theex/images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display:inline-block;
    height: 34px;
    margin-right: 6px;
	margin-top:0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}


#contents a.buttonicon span , a.buttonicon span {
    background: transparent url('/uploads/theex/images/buttons/bg_button_span.gif') no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 10px 0 10px 18px;
}

#contents a.buttonicon:hover , a.buttonicon:hover {
	color:#000;background-position: bottom right;
	cursor:pointer;
}

#contents a.buttonicon:hover span, a.buttonicon:hover span{
	color:#000;background-position: bottom left;
	cursor:pointer;
}

/* -------- Navigation -------- */

.negmargin {
	margin-top:-35px;
}

.navigationbox { 
	font-size:12px;
	padding:0 10px 20px 0;
	width:600px; float:left;	
}

.navigationbox .navigation { 
	font-size:14px;
}

.navigationbox .navigation a { 
	color:#111;
}

.navigationbox .navigation a:hover { 
	color:#000;
	text-decoration:none;
}

/* -------- Read more -------- */

#contents .readmorebutton { 
font-size:10px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
margin: 20px 0 50px 0;
color:#fff;
background:#272727;
width:140px;

}

#contents .readmorebutton a {
	background: #747474 url('/uploads/theex/images/buttons/readmore.png') no-repeat left; padding: 5px 0 5px 15px;
	display:block;
	text-decoration:none;
	color:#fff;
	}

#contents .readmorebutton a:hover {
	background: #111 url('/uploads/theex/images/buttons/readmore.png') no-repeat left; padding: 5px 0 5px 15px;
	color:#fff;
	display:block;

	}

		
#contents .servicelist ul { 
	list-style-image: 
	url('/uploads/theex/images/tick.gif');
	padding-bottom:20px;
	}
#contents .servicelist ul li { 
	padding-top:5px;
	}
			
#contents .starlist ul { 
	list-style-image: 
	url('/uploads/theex/images/star.gif');
	
	padding-bottom:20px;
	}
#contents .starlist ul li { 
	padding-top:5px;
	}
			

			
/* -------- Typography -------- */
#contents .column1 , #contents .column2, #contents .column3, #contents .column32 { padding-bottom:10px; }
#contents .column1 {width:100%;}
#contents .column2 {width:450px; padding-right:20px;float:left;}
#contents .column3 {width:290px; padding-right:20px;float:left;}
#contents .column4 {width:210px; padding-right:20px;float:left;}
#contents .column32 {width:600px; padding-right:20px;float:left;}

code {font-size:12px;display:block;border:1px solid #eee; padding:10px;margin: 10px 0 0 0; background:#FCFCFC;}
hr {clear:both; height: 1px; border:none; background:#eee; }


			
/* -------- Related Posts -------- */
	
#contents .relatedposts { font-size:13px; color:#7d7d7d; line-height:18px; margin-top:-8px; margin-bottom:10px;padding-top:5px; padding-bottom:30px;padding-top:10px;}
#contents .relatedposts a {text-decoration:none; color:#7d7d7d;}
#contents .relatedposts img { border:1px solid #D1D1D1;padding:3px; margin-right:10px; }
#contents .relatedposts img:hover { border:1px solid #111;}
#contents .relatedposts a:hover { color:#111; text-decoration:none;}
#contents .relatedposts ul { font-size:13px; line-height:18px; list-style:none; line-height:18px;  padding:0;margin:0; }
#contents .relatedposts ul li {  }
#contents .relatedposts ul li.relatedimage { float:left; border:none;}
#contents .relatedposts ul li.relateddesc {  padding-top:10px;}
#contents .relatedposts ul li.relatedclear { clear:both;border-bottom:none;margin-bottom:4px; }
#contents .relatedposts ul li a { padding:6px 0 5px 0; }
#contents .relatedposts ul li a:hover { color:#111; text-decoration:none;}

#sidebarshift {float:right; width:280px; margin-top:30px;padding-bottom:35px;}
#sidebar {float:right; width:290px; margin-top:35px; padding-bottom:35px;}

/*------ Search ------*/
#s, #cntnt01searchinput {
	margin: 0px 0 35px 0;
	width: 252px;
	height: 21px;
	padding: 4px 0 0 25px;
	border:none;
	border-bottom:1px solid #EEEEEE;
	background: url('/uploads/theex/images/search-bar.gif') no-repeat left bottom;
	color:#545454;
}

.search-terms { font-weight:bold; color:#000;}
	
.sidebartitle { font-size:16px; font-style:normal; font-weight:bold; color:#111; letter-spacing:0px; margin-bottom:12px;}
.sidebartextbox { font-size:12px; line-height:20px; color:#7d7d7d; padding-bottom:30px;}
.sidebaropts { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px; margin-bottom:10px;padding-top:5px; padding-bottom:15px;}
.sidebaropts a { color:#7d7d7d;}
.sidebaropts a:hover { color:#111; text-decoration:none;}
.sidebaropts ul { font-size:12px; line-height:18px; list-style:none; line-height:18px; color:#7d7d7d; padding:0;margin:0; }
.sidebaropts ul li {  color:#7d7d7d; }
.sidebaropts ul li a { color:#7d7d7d;padding:6px 0 5px 0;border-bottom:1px solid #EEEEEE; display:block;}
.sidebaropts ul li a:hover { color:#111; text-decoration:none;}
.sidebaropts ul ul li a { color:#7d7d7d; padding-left:15px; }
.sidebaropts ul ul ul li a { color:#7d7d7d; padding-left:30px; }
.sidebaropts ul ul ul ul li a { color:#7d7d7d; padding-left:55px; }

.sidebarpopular { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px; margin-bottom:10px;padding-top:15px; padding-bottom:15px;}
.sidebarpopular a { color:#7d7d7d; }
.sidebarpopular img { border:1px solid #D1D1D1;padding:3px; margin-right:10px; }
.sidebarpopular img:hover { border:1px solid #A2A2A2;}
.sidebarpopular a:hover { color:#111; text-decoration:none;}
.sidebarpopular ul { font-size:12px; line-height:18px; list-style:none; line-height:18px;  padding:0;margin:0; }
.sidebarpopular ul li {  }
.sidebarpopular ul li.popularimage { float:left; border:none;}
.sidebarpopular ul li.populardesc { width:250px;}
.sidebarpopular ul li.popclear { clear:both;border-bottom:1px solid #EEEEEE;margin-bottom:4px; }
.sidebarpopular ul li a { padding:6px 0 5px 0;}
.sidebarpopular ul li a:hover { color:#111; text-decoration:none;}
						
/* -------- Sidebar Portfolio Photos-------- */					
.sidephotospace { margin-right:22px; }
.sidephotowrap { width:280px;float:left; margin:0;padding:0;  }
.sidephotoitem ul { list-style:none; margin:0;padding:0;}
.sidephotoitem ul li { float:left;  margin-bottom:22px; }
.sidephotoimage {width: 70px; height:70px;border:4px solid #2E2E2E; }
.sidephotoimage:hover {border:4px solid #111;  }

/* -------- Sidebar Flickr Set -------- */			
.sideflickrpace { margin-left:10px; }
.sideflickrwrap { width:280px;float:left; margin:0;padding:0;  }
.sideflickritem ul { list-style:none; }
.sideflickritem ul li { float:left; margin-right:10px; margin-bottom:10px; }
.sideflickrimage {width: 70px; height:70px; }
		
/* -------- Testimonial Quote -------- */

.thequote {
	width:280px;
	padding: 0px 0 35px 0px;
	margin: 0;
	}
			
.thequote .quotetitle {
	font-size:18px;
	font-weight:normal;
	color:#3a3a3a;
	padding:15px 0 0 0;
	}
	
.thequote .quotetext {
	font-family: Georgia;
	font-style:italic;
	font-size:15px;
	color:#6e6e6e;
	line-height:22px;
	margin: 22px 0 0 0;
	}
.thequote .quoteauthor{
	font-size:12px;
	font-weight:bold;
	color:#3a3a3a;
	margin: 10px 35px 0 0;
	line-height:normal;
}
.thequote .quotecompany{
	font-size:12px;
	color:#3a3a3a;
	font-weight:normal;
	margin: 0px 35px 0 0;
	}
		
/* -------- Table -------- */
	
table.styletable {
	font-size:11px; text-align:center;
	color:#5D5D5D;
	border: 1px solid #fff;
	border-collapse: collapse;
}
table.styletable th {
	background:#D1D1D1;
	border: 1px solid #fff;
	padding: 8px; width:100px;
}
table.styletable tr {
	background:#E8E8E8;
}
table.styletable td {
	border: 1px solid #fff;
	padding: 8px; width:100px;
}

/*------ AD boxes ------*/				
.ad-box-wrap {
	padding-bottom:20px;padding-top:20px;
}

	.ad-box {
	}

	.ad-box a {
		margin: 2px;padding:5px;display:block;float:left;
	}


/*------ Calendar ------*/
				
#wp-calendar {
	width:100%;
	color:#5D5D5D;
	padding:10px;
	background:#FFFFE8;
	border:1px solid #E8E8E8;
	}
	
#wp-calendar td {
	padding:5px; text-align:center;
	}
	
#wp-calendar td a{
	color:#464646; text-decoration:none;
	}

#wp-calendar td a:hover {
	color:#111;text-decoration:none;
	}

/*------ Comments ------*/

#comments {
	font-size:24px;
	margin:0;
	margin-top:45px;
}

#contents #comment {
	width:100%; border:1px solid #D1D1D1;
	}

#contents ol.commentlist {
	margin:20px 0 0;
	clear:both;
	overflow:hidden;
	list-style:none;
}
#contents ol.commentlist li {
	margin:10px 0;
	line-height:18px;
	padding:10px;
}
	#contents ol.commentlist li .comment-author {
		
	}
#contents ol.commentlist li .comment-author a {
text-decoration:none;
}
#contents ol.commentlist li .comment-author .fn {
color:#000;
}
#contents ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #dddddd;
background:#ededed;
padding:3px;
}
#contents ol.commentlist li .comment-meta{
	font-size:10px;
}
#contents ol.commentlist li .comment-meta a {
	color:#a7a7a7;
	text-decoration:none;
}
#contents ol.commentlist li p {
	line-height:22px;
	margin-top:5px;
}
#contents ol.commentlist li .reply{
	font-size:11px;
}
#contents ol.commentlist li .reply a{
	background:#5D5D5D;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
}
#contents ol.commentlist li .reply a:hover{
	background:#000;
	color:#fff;
}
#contents ol.commentlist li.odd {
	border:1px solid #D1D1D1;
	background:#EEEEEE;
}
#contents ol.commentlist li.even {
	border:1px solid #e5e5e5;
	background:#fff;
}
			
#contents #comment-form {
	margin-top:20px;
}
#contents #comment-form #respond {}
#contents #comment-form #respond h3 {
	font-size:24px;
}
#contents #comment-form #respond #commentform {
	margin:0;
}
#contents #comment-form #respond #commentform label{
	margin-left:10px;
	display:inline;
}
#contents #comment-form #respond #commentform label small {
	font-size:10px;
	color:#a0a0a0;
}
#contents #comment-form #respond #commentform textarea,#comment-form #respond #commentform input {
	margin-bottom:10px;
	padding:5px; 
	margin:0 10px 10px 0;
	background:#f8f8f5;
	border-left:1px solid #d1cec6;
	border-top:1px solid #d1cec6;
	border-right:1px solid #edede8;
	border-bottom:1px solid #edede8;
}
#contents #comment-form #respond #commentform input{
	width:400px;
}
#contents #comment-form #respond #commentform textarea{
	width:560px;
}
#contents #comment-form #respond #commentform input#commentSubmit {
	width:100px;
	padding:5px;
	background:#111;
	border:1px solid #D1D1D1;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

/* End Comments */

/* Contact Form Text Input Styles*/

.contactinfo { width:350px; float:right; padding: 0 0 50px 0;}

.contactmap { color:#111; font-size:11px; background:#E8E8E8; padding:10px;}
	.contactmap a { color:#111; font-size:11px; }

#contactForm { width:550px; float:left; }

	.screenReader { left: -9999px; position: absolute; top: -9999px; }
	.thanks {  border: 1px dotted #FFECDA; margin:50px 50px 50px 0;padding:10px; background:#FFFFE3; width:365px; float:left; }

	/*****Forms*****/
	ol.forms { float: left; list-style: none; margin: 0; width: 545px; padding:25px 0 40px 0;  }
	ol.forms li { 
		clear: both; 
		float: left; 

		position: relative;

	}
	ol.forms li.inputbar { 
		margin-bottom:20px;
	}
	ol.forms label {
		cursor: pointer;
		display: block;
		float: left;
		width: 100px;
	}
	ol.forms input, ol.forms textarea {
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
		border: 2px solid #CCCCCC;
		color:#7d7d7d;
		font: inherit;
		padding: 2px;
		width: 414px;
		font-size: 13px;
	}
	ol.forms textarea { height: 200px;}
	ol.forms input:focus, ol.forms textarea:focus { border: 2px solid #111; }
	.error { color: #f00; }
	ol.forms li .error { font-size: 12px; margin-left: 15px; }
	ol.forms li.textarea .error {

	}
	ol.forms li.screenReader { margin-bottom: 0; }
	ol.forms li.buttons button {
		background: #111;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size:14px;
		overflow: hidden;
		padding: 6px 3px 6px 3px;
		width: 100px;
	}
		ol.forms li.buttons button:hover { color: #fff; }
		ol.forms li.buttons button:active { color: #fff; }
		ol.forms li.buttons, ol.forms li.inline {  width: 460px;  }
		ol.forms li.inline input { width: auto; }
		ol.forms li.inline label { display: inline; float: none;  }


	
	/* -------- Address -------- */
	
	.addressbox { 
		float:right;
		font-size:18px;
		line-height:22px;
		position:relative;
		right:168px; top:40px;
		margin-bottom:100px;
		}
	.addresstitle {
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;margin-left:15px;
	}
	
	.fulladdress {
		color:#464646;
		font-size:14px;
		margin-bottom:10px; 
	}
	
		.fulladdress ul {
			list-style:none;
		}
			.fulladdress ul li {
			}
			
#screenshot{
	position:absolute;
	border:1px double #ccc;
	background:#333;
	padding:2px;
	display:none;
	color:#fff;
	}


/* -------- Footer -------- */

#footer{
background:#000;
}
	
	#footerwrap {
		padding: 40px 0 35px 46px;
		background: #FFFFFF;
		}
	.footerminibox {
		width:147px;
		float:left;
		}
	.footerbox {
		width:200px;
		float:left;
		}
		.aboutimage {float:left; }
		.aboutimage img {padding:0 18px 3px 0; width:80px;height:80px;margin-top:8px;}
	.footertitle { font-size:14px;  margin-bottom:10px; color:#111;}
	.footertitle a { font-size:14px;  margin-bottom:10px; color:#111;}
	.footertitle a:hover { text-decoration:none;}
	.footertext { font-size:12px; line-height:20px;color:#7d7d7d;}
	.footertext a{color:#111;}
	.footertext a:hover {text-decoration:none;color:#000;}
	
	/* -------- Footer list style -------- */
	
	.footer-item h3 { font-size:14px; margin:0;padding:0; color:#111; }
	.footer-item { font-size:12px; color:#7d7d7d;}
	.footer-item a { color:#7d7d7d; }
	.footer-item a:hover {color:#fff; text-decoration:none;}
		.footer-item ul { list-style:none; font-size:12px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}
		.footer-item ul li { font-size:12px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 5px 0;}
		.footer-item ul li a { font-size:12px; color:#7d7d7d; display:block;}
		.footer-item ul li img { margin:0px; padding:0; margin-bottom:-2px; }
		.footer-item ul li a:hover { font-size:12px; color:#000; text-decoration:none;}
	
	/* -------- Footer list style -------- */

	.footerposts { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px;}
		.footerposts ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}
		.footerposts ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 5px 0;}
		.footerposts ul li a { font-size:12px; line-height:18px; color:#7d7d7d;}
		.footerposts ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}
		
	/* -------- Social list -------- */

	.footersocial { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px;}
		.footersocial ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}
		.footersocial ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 3px 0;}
		.footersocial ul li a { font-size:12px; line-height:18px; color:#7d7d7d;}
		.footersocial ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}

	.footerspace { margin-left:20px; padding-left:20px; }
	
	/* -------- Flickr  -------- */

	.flickrfooterspace { margin-left:60px; }

	.footerflickrwrap { width:280px;float:left; margin:0;padding:0; margin-left:80px; }
		.footerflickr ul { list-style:none; }
		.footerflickr ul li { float:left; margin-right:38px; margin-bottom:38px; }
		.footerflickrimage {width: 40px; height:40px; }
		
	/* -------- Footer Address  -------- */
	
	.footerminibox .textwidget { padding-right:15px;}
	.footerminibox .textwidget a { color:#111;}
	.footerminibox .textwidget a:hover { color:#000;}
		
	.footeraddresswrap .textwidget { margin-top:10px; }
	
	.footeraddress .textwidget  {
		font-size:12px;color:#7d7d7d; margin-top:3px;
	}
		.footeraddress .textwidget ul {
			list-style:none; border:none;
		}
			.footeraddress .textwidget ul li {
				font-size:12px; color:#7d7d7d; border:none; 
			}
			
				.footeraddress .textwidget ul li a {
					color:#7d7d7d; display:inline;
				}
				.footeraddress .textwidget ul li a:hover {
					color:#111; text-decoration:none;
				}
		
	/* -------- Copyright style -------- */

	#footerbarwrap {
		padding: 20px 0 20px 35px;
		margin: 0;
		background:#111;
		font-size:12px;
		color:#565656; 
		}
		#footerbarwrap ul {
			font-family:verdana;
			font-size:10px;
			line-height:15px;
			color:#565656;
			list-style:none;margin:0;padding:0;
			}
		#footerbarwrap ul li {
			color:#565656;
			}
		#footerbarwrap ul li a{
			color:#fff;
			}

/*=== PG 100 gride ===*/
.grid_wrapper {
  position:relative;
  margin:.5em 0;
  width: 100%;
  overflow: hidden;
  clear:both;
}

.thumb_150,.thumb_235 {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  background:black;
}

.thumb_150 {
  width: 150px;
  height: 150px;
}

.thumb_235 {
  width: 235px;
  height: 235px;
}

.thumb_235 img{
    z-index:10;    
}

.grid_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  color: #FFF;
  transition:all .3s;
  z-index:10;

}


.grid_overlay:hover{
    background:black;
    background:rgba(0,0,0,0.7);
}

.grid_overlay a {
    color: #FFF !important;
    display: block;
    height: 100%;
    width: 100%;
    position:relative;
    padding-top: 45%;
    opacity:0;
    transition:all .3s;
    text-decoration:none;
    z-index:50;
    background:url(/uploads/images/clear.png);
}

.grid_overlay a:hover{
    opacity:1;
    text-decoration:none;
}

#contents .grid_overlay a{
    text-decoration:none;
}


.pg100 .left{
    float:left;
    width:65%;
    margin-right:5%;
}

.pg100 .right{
    float:right;
    width:30%;
}

.pg100 img{
    width:100%;
    height:auto;
}

.pg100 h1{
    margin-top:0;
    line-height:28px;
}

#contents a.pg100BTN{
    text-decoration:none;
     padding:5px 10px 5px 10px;
    background:#ccc;
    color:black;
    margin-bottom:10px;
}

.portfolio-detail-prev a.pg100BTN{
    float:left;
}


.portfolio-detail-next a.pg100BTN{
    float:right;
}

a.pg100BTN:hover{
    background:#464646;
    color:white !important;
}
.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}
.badge {
    padding-right: 12px;
    padding-left: 12px;
/*    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px; */
}
.badge-important {
    background-color: #C00;
}
.notify-badge {
  position: absolute;
  bottom: 0;
  right: 0;
}
/*=== End of CSS ===*/