/* @import url("https://fonts.googleapis.com/css?family=Brawler"); */
/*===================================================================

		TABLE OF CONTENTS		
		
		1. RESET
		o
		2. TABLES
		3. MISC
		4. BACKGROUND PATERNS
			  LEFT SIDE
			  RIGHT SIDE
		5. NAVIGATION
		6. HOME
			  SLIDER
				CYCLE - SLIDER
				CYCLE - SLIDER NAVIGATION
				ANYTHING - SLIDER
				ANYTHING SLIDER - NAVIGATION
				SLIDER NAV BUTTONS
			  BOXES
			  BOXES GRID
			  BUTTONS
			  TWITTER
			  ALIGNMENT
		7. ABOUT	
			  TOGGLE PANELS
			  LISTS
			  BOX ICONS PREVIEW
		8. PORTFOLIO
		9. BLOG
			  BLOG COMMENTS
	   10. CONTACT
			  SOCIAL LINKS
			
================================================*/			
			
/*
background-color: #FFFFFF; /*white 255,255,255
color: #579dcf; /*blue light 87,157,207
color:#ffcc33;  /*orange 255,204,51

*/	
			
			
			
			
/********************BEGIN RESET********************/

html, body, p, div, img, h1, h2, h3, h4, h5, li, ul, ol, dl, dd, dt, form, pagele, td, tr, blockquote, iframe
{
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:separate;
	border-spacing:0px;
}

* :focus { outline: 0; }

.alignleft
{
	float: left;
	margin-right: 15px;
}

.alignright
{
	float: right;
	margin-left: 15px;
}

/*******************END RESET**************************-*/

@font-face
{
	font-family: 'Bebas';
	src: url('fonts/BebasNeue-webfont.eot');
	src: local('¢'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#webfontAGQ6uv7S') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clear { clear: both; }

html, body, #right { height: auto; }

html, body
{
	height: 100%;
	width: 100%;
}

#left{

height:60px;
width:750px;
position:fixed;
top:0;
left:0;	
	
	}
	#left
{
	width:750px;
	position: fixed;
	z-index:3;
}
#leftplus{

height:60px;
width:100%;
position:fixed;
top:0;
left:750px;	
	z-index:2;
	}

body
{
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 20px;
	background-color: #FFFFFF; /*white 255,255,255*/
}

body,td,th {
	color: #747474; /*grey 116,116,116*/
}

h1, h2, h3, h5
{
	font-family: Bebas, Arial, sans-serif;
	font-weight: normal
}

h1
{
	font-size: 50px;
	line-height: 40px;
	color: #579dcf; /*blue light 87,157,207*/
	text-shadow: 1px 1px #1e1e1e; /*grey ultradark 30,30,30*/
}

h2
{
	font-size: 36px;
	color: #2b2b2b; /*grey17 vdark 43,43,43*/
}

h3
{
	color: #616161; /*grey38 dark 97,97,97*/
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 10px;
}

h4
{
	font-family: Bebas, Tahoma, Arial, sans-serif;
	color: #579dcf; /*blue light 87,157,207*/
	font-size: 20px;
	font-weight: normal;
}

h5 { font-size: 22px; }

h6
{
	font-family: Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 0.5px;
}

a
{
	color: #579dcf; /*blue light 87,157,207*/
	text-decoration: none;
}
.homestatnum
{
	color: #579dcf; /*blue light 87,157,207*/
	font-size:1.2em;
	font-weight:bold;
	text-decoration: none;
}
.lefthomelink, .righthomelink
{
	color: #747474; /*grey 116,116,116*/
	font-size:1.3em;
	font-weight:bold;
	text-decoration: none;
}
a.lefthomelink, a.righthomelink
{
color: #747474; /*grey 116,116,116*/
	font-size:1.3em;
	font-weight:bold;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/********************BEGIN TABLES*****************/	
table
{
	width:100%;
	text-align: left;
	border-collapse: collapse;
}

th
{
	color: #579dcf; /*blue light 87,157,207*/
	background: #f2f2f2;
	text-align: left;
}

thead, th, tfoot { font-weight: normal; }

th, td, caption
{
	padding: 7px;
	border-bottom: 1px dashed #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
}

tr.even td { background: #f2f2f2; }

.nobottomblues{border-bottom: 0px;}
.blueeu{color: #579dcf; /*blue light 87,157,207*/}
caption
{
	color: #579dcf; /*blue light 87,157,207*/
	border-collapse: collapse;
}

/*****************END TABLES************************/	

#clients table
{
	
}

/*******************BEGIN MISC*********************/

.separator-noline
{
	margin-bottom: 30px;
	margin-top: 0px;
	border: none;
}

.separator-line
{
	border: none;
	background: #eaeaea;
	height: 7px;
	margin-bottom: 30px;
	margin-top: 0px;
	
}

blockquote
{
	background: url(img/quotes.png) no-repeat;
	font-size: 13px;
	font-style: italic;
	padding-left: 40px;
	margin: 20px 0 20px 20px;
}

.author
{
	text-align: right;
	font-size: 12px;
	font-style: normal;
	color: #579dcf; /*blue light 87,157,207*/
}

abbr, acronym { border-bottom: 1px solid #929292; }

del { color:#929292; /*lightgrey 146,146,146*/}

pre, code, tt
{
	font-family: 'lucida console', monospace;
	color:#929292; /*lightgrey 146,146,146*/
}

ol li { font-size: 12px; }

/*****************END MISC ************************/



#right
{
	width: 100%;
	background-color: #ffffff; /*white 255,255,255*/
	float:none;
	
}

/*=== BACKGROUND PATTERNS
==================================================*/

/*=== LEFT SIDE
==================================================*/
.grid-left { background: url(img/backgrounds/left/grid.png) repeat #2b2b2b; ; }

.plates { background: url(img/backgrounds/left/platesBlue.png) no-repeat 100% 0%  #FC3; /*orange 255,204,51*/}

.noise { background: url(img/backgrounds/left/noise.jpg) repeat; }

/*=== RIGHT SIDE
	==================================================*/

	.lines-1 { background: url(img/backgrounds/right/lines.png) repeat; }

.lines-2 { background: url(img/backgrounds/right/lines-2.png) repeat; }

.square-grid { background: url(img/backgrounds/right/square-grid.png) repeat; }

.square-grid-big { background: url(img/backgrounds/right/square-grid-big.png) repeat; }

.cross { background: url(img/backgrounds/right/cross.png) repeat; }

.cross-big { background: url(img/backgrounds/right/cross-big.png) repeat; }

#content
{
	width: 610px;
	padding: 0 20px;
}

.pagerollbottom{
	margin-bottom:900px !important;
}
.pagenorollbottom
{
	margin-bottom: 100px !important;
}
.page
{
	margin-bottom: 900px;
	width: 700px;
	padding: 90px 10px 30px 30px;
}

.logo-image { float: left; }

#logo
{
	padding: 0px 0 0 45px;
	position: fixed;
	top: 10px;
	left: 730px;
	/*background: url(img/logo.png) no-repeat center left;*/
	margin-bottom: 10px;
	index: 1;
	z-index: 5;
	visibility: visible;/*display:none;*/
	overflow:visible;
}

#logo h1 a:hover { text-decoration: none; }

#logo p
{
	color: #747474; /*grey 116,116,116*/
	font-size: 12px;
	font-family: Arial, sans-serif;
	text-shadow: 1px 1px #1e1e1e;
	text-transform: uppercase;
	text-align: right;
}


#uncontaxt p{color: #747474; /*grey 116,116,116*/}
#copyright
{
	position: absolute;
	right: 30px;
	bottom: -10px;
	font-size: 11px;
	color: #747474; /*grey 116,116,116*/
	margin-bottom: 0;
	display:none;
}

.page h2
{
	text-align: right;
	line-height: 36px;
}
.page h2.home
{
	text-align: right;
	line-height: 28px;
}

.sub-title
{
	border-bottom: 7px solid #eaeaea;
	margin-bottom: 30px;
	font-size: 12px;
	color: #8c8c8c; /*grey 140,140,140*/
	display: block;
	text-transform: uppercase;
	text-align: right;
	padding-bottom: 10px;
}

.page-content
{
	width: 610px;
	padding: 30px 10px 30px 30px;
}

/*=== NAVIGATION
==================================================*/

ul#navigation
{
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family:Brawler;*/
	font-weight:700;
	text-align:left;
	list-style:none;
	display:inline-block;
	margin: 15px 30px 10px 30px;
	index:10000;
}

ul#navigation li
{
	display:inline;
	padding-right: 45px;
}
ul#navigation li.last
{
	padding-right:0px;	
}

ul#navigation li a
{
	font-size: 28px;
	line-height: 32px;
	text-align: left;
	text-shadow: 1px 1px #1e1e1e;
	color: #f7f7f7; /*almost white 247,247,247*/
	font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	list-style-image: none;
	list-style-type: none;
}

.logoarrow { font-size:.7em; }

.unwhite { color: #f7f7f7; /*almost white 247,247,247*/ }

.unblack { color: #000; }

.unorange { color:#ffcc33;  /*orange 255,204,51*/ }

ul#navigation li a span#bl { color: #000; }

ul#navigation li a span.wh { color: #f7f7f7; /*almost white 247,247,247*/}

.leftlogo
{
	font-size:40px;
	line-height: 40px;
	color:#000;
}
/*	
font-family: Arial Black, Gadget, sans-serif;
font-size: 44px;
	line-height: 46px;
	text-align: right;
	text-shadow: 1px 1px #1e1e1e;
	color: #f7f7f7; /*almost white 247,247,247
}
*/
.logotype { font-family: Arial Black, Gadget, sans-serif; }

ul#navigation li a:hover, ul#navigation li a.active
{
	color: #579dcf; /*blue light 87,157,207*/
	text-decoration: none;
	

	
	/*font-family: Brawler;*/
}

/*
ul#navigation li a:hover > ul#navigation li a span.bl{
	color: #579dcf; /*blue light 87,157,207*//*
	text-decoration: none;
}*/
ul#navigation li a#lgo
{
	font-size:44px;
	line-height: 42px;
	font-family: Arial Black, Gadget, sans-serif;
}

/*
ul#navigation li a.logotype:hover, ul#navigation li a.logotype:active{
	color: #579dcf !important; /*blue light 87,157,207*//*
	text-decoration: none;
}
*/

ul#navigation li a#lgo:hover, ul#navigation li a#lgo:active { /*color: #f7f7f7;*/
	}

ul#navigation li a#lgo:hover, ul#navigation li a#lgo:hover > ul#navigation li a span#bl { color: #f7f7f7; /*almost white 247,247,247*/ }

ul#navigation li a#lgo:active, ul#navigation li a#lgo:active > ul#navigation li a span#bl { color: #f7f7f7; /*almost white 247,247,247*/ }

/*
ul#navigation li a.logotype:hover,ul#navigation li a.logotype:active > span span{
	
	color: #579dcf !important; /*blue light 87,157,207*//*
	}
*/
/*=== HOME
==================================================*/

/*====SLIDER
=======================================================*/
.featured
{
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

/*====CYCLE - SLIDER
=======================================================*/
.cycle
{
	height: 285px;
	background: url(img/slider-shadow.png) no-repeat bottom center;
}

#slider-cycle
{
	width: 610px;
	height: 263px;
	overflow: hidden;
}

#slider-cycle li { position: relative; }

.caption
{
	color: #747474; /*grey 116,116,116*/
	left: 15px;
	bottom: 15px;
	padding: 15px;
	position: absolute;
	background: url(img/backgrounds/right/square-grid.png) repeat #e7e7e7 /*white-grey 231,231,231*/;
	width: 60%;
}

.caption h3 { color: #579dcf; /*blue light 87,157,207*/ }

.caption p { padding-bottom: 0px; }

#slider-cycle li
{
	width: 610px;
	height: 263px;
	overflow: hidden;
	display: block;
}

/*====CYCLE - SLIDER NAVIGATION
=======================================================*/

#slider-cycle-nav
{
	position: absolute;
	index: 99;
	bottom: 36px;
	right: 15px;
}

#slider-cycle-nav li
{
	display: block;
	float: left;
	margin-left: 3px;
}

#slider-cycle-nav li a
{
	cursor: pointer;
	display: block;
	width: 37px;
	height: 36px;
	text-indent: -99999px;
}

#cycle-prev { background: url(img/slider-arrows.png) no-repeat left bottom; }

#cycle-prev:hover { background: url(img/slider-arrows.png) no-repeat left top; }

#cycle-next { background: url(img/slider-arrows.png) no-repeat right bottom; }

#cycle-next:hover { background: url(img/slider-arrows.png) no-repeat right top; }

/*=====================================================================*/

/*====ANYTHING-SLIDER
=======================================================*/

#slider
{
	width: 610px;
	height: 224px;
	overflow: hidden;
}

#slider li
{
	width: 610px;
	height: 224px;
	overflow: hidden;
	display: block;
}

/*====ANYTHING - SLIDES CONTENT
=======================================================*/

.slide-img
{
	float: left;
	margin-right: 30px;
}

.slide-text
{
	float: left;
	width: 408px;
}

.slide-text h3
{
	font-size: 30px;
	color: #579dcf; /*blue light 87,157,207*/
	line-height: 30px;
	margin: 20px 0;
}

.slide-text .button
{
	float: right;
	margin-top: 10px;
}

/*====SLIDER NAV BUTTONS
=======================================================*/
#prev-button, #next-button, .arrow
{
	display: none;
	position: absolute;
	top: 94px;
	index: 1000;
	text-indent: -9999px;
}

#prev-button, .back { left: 0px; }

#next-button, .forward { right: 0px; }

#prev-button a, #next-button a, .arrow a
{
	display: block;
	position: relative;
	width: 37px;
	height: 36px;
}

#prev-button a, .back a { background: url(img/slider-arrows.png) no-repeat left bottom; }

#next-button a, .forward a { background: url(img/slider-arrows.png) no-repeat right bottom; }

#prev-button a, .back a:hover { background: url(img/slider-arrows.png) no-repeat left top; }

#next-button a, .forward a:hover { background: url(img/slider-arrows.png) no-repeat right top; }

/*=====================================================================*/


.slogan
{
	font-family: Bebas, Arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #616161; /*grey38 97,97,97*/
	margin: 30px 0 15px 0;
}
.sloganhome
{
	font-family: Bebas, Arial, sans-serif;
	font-size: 22px;
	line-height: 26px;
	color: #616161; /*grey38 97,97,97*/
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.sloganhome a{
	font-family: Bebas, Arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
	margin: 0px 0 0px 0;
	}
.slogan a:hover
{
	text-decoration: none;
	color: #515151; /*grey  81,81,81*/
}
#wecomein{
	position:relative;	
	float:right;
top: -20px;
left:10px;
width: 280px;	
	}
	#message{
	float:left;
width:700px;	
	}
	
	#wecomecontainer
	{
	
	float:left;
width:700px;	

	}
	
	#hometxtcontainer{
	position: relative;
	background-color: #FFFFFF;
	width: 1000px;
		}
/*====BOXES
=======================================================*/
.boxes { width: 610px; }

.boxes img { margin-bottom: 10px; }

p { padding-bottom: 15px; }

.boxes h3 { margin-bottom: 0; }

.box-title { margin-bottom: 10px; }

.box-icon
{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-top: 1px;
}

p.subtitle
{
	margin: -6px 0 10px;
	font-size: 11px;
	color: #8c8c8c;
	display: block;
	padding-bottom: 0;
	line-height: 11px;
}

/*====BOXES GRID
=======================================================*/
.one-third
{
	float: left;
	width: 190px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.two-third
{
	float: left;
	width: 400px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.one-half
{
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	width: 295px;
}

.all-width{margin:0px;padding:0px; width:100%}
.full-width { margin-bottom: 15px; }

.last { margin-right: 0px; }

/*====BUTTONS
=======================================================*/
.boxes a, .post-more-link, .button
{
	font-size: 11px;
	color: #f7f7f7; /*almost white 247,247,247*/
	padding: 3px 7px;
	background: #579dcf; /*blue light 87,157,207*/
	display: inline-block;
	margin-bottom: 15px;
}

.boxes a:hover, .post-more-link:hover, .button:hover
{
	background: #8c8c8c;
	text-decoration: none;
}

/*====TWITTER
=======================================================*/
#twitter-feed { margin-bottom: 15px; }

ul.tweet_list { list-style: none; }

ul.tweet_list li
{
	margin-bottom: 15px;
	background: url(img/twitter.png) no-repeat 0px 7px;
	padding-left: 25px;
}

.tweet_text
{
	display: block;
	margin-bottom: 3px;
}

.tweet_time a
{
	font-size: 11px;
	font-style: italic;
}

/*====ALIGNMENT
=======================================================*/

.left
{
	float: left;
	width: 255px;
	margin-right: 20px;
}

.right
{
	float: right;
	width: 255px;
	margin-left: 20px;
}

.image-left
{
	float: left;
	margin: 6px 15px 0px 0px;
}

.image-right
{
	float: right;
	margin: 6px 0px 0px 15px;
}

/*=== ABOUT
==================================================*/


/*====TOGGLE PANELS
=======================================================*/

.toggles { margin-bottom: 0px; }

.toggle-header
{
	border-bottom: 1px dashed #d1d1d1;
	padding-bottom: 15px;
}

.toggle-container h4
{
	float: left;
	color: #747474; /*grey 116,116,116*/
	text-decoration:none;
}

.toggle-header a
{
	float: right;
	text-transform: uppercase;
	font-size: 11px;
}

.toggle-top a.istitle
{
	color: #747474; /*grey 116,116,116*/
	color:#579DCF /*blue 87,157,207*/
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	
}

.toggle-top a.iscontent
{
	color: #747474; /*grey 116,116,116*/
	line-height:20px;
	text-decoration:none;
	
}
.isinline{margin:0px;padding:0px;}

.toggle-content { margin-top: 15px; }

.toggle-content .isinline{margin:0px;padding:0px;}

.toggle-link
{
	background-image:url(img/chevtoggle15x30.png);
	height: 20px;
	width: 40px;
	padding-right:20px;
}
	
.nobot{border-bottom:none 0px;padding-top:20px;}
.workhead{padding:7px; background-color:#ccc;}
.workfoot{margin-bottom:14px; margin-top:0px; border-bottom: 1px dashed #c1c1c1;}
.workfoot{background:none;font-size:0px;color:#ffffff;border-bottom: 1px solid #c1c1c1;}
.workfootshade{padding:0px 0px 0px 2px; background-color: rgb(234,234,234);}
.workfootshade{display:none;}

.uline{border-bottom: 1px dashed #c1c1c1;}
.untoggle-link
{
	background: url(img/chev_up13.png) no-repeat bottom right;
	height: 20px;
	width: 33px;
	font-weight:bold;
	padding-right:15px;
}
a.untoggle-link:hover{text-decoration:none;}
.endtoggler{
	margin-top:10px;
	margin-bottom:30px;
}
.toggle-open { background-repeat: no-repeat; background-position:top right; }

.toggle-close { background-repeat: no-repeat; background-position: bottom right;}
.chevposup { background: top right no-repeat; }
.chevposdown { background: bottom right no-repeat; }
.chevposmid { background: center right no-repeat; }
.chev15{
	background-image:url(img/chevtoggle15x30.png);
}
.chev20{background-image:url(img/toggle.png);}
.chev10x30{background-image:url(img/chevtoggle10x30.png);padding-right:13px;}
.nochev{background-image:url(img/nochev.png);padding-right:13px;}
.chev10{background-image:url(img/chevtoggle10x20.png);}
.chevup10{background: center right no-repeat url(img/chev_up10.png);padding-right:13px;}
/*.chev10{background-image:url(img/chevtoggle10x20.png);}*/

.eznest{
font-size:1em;
}

.workcontenthead{
	font-weight: bold;
	color: #000000;
}
.worktitle{
	font-weight: bold;
	font-size: 1.2em;
}


/*====LISTS
=======================================================*/
ul.custom-list
{
	list-style: none;
	margin-bottom: 15px;
}

ul.custom-list li, ol.custom-list li { margin-bottom: 5px; }

ol li { list-style: decimal inside none; }

.check li
{
	background: url(img/bullets/check.png) no-repeat 0px 7px;
	padding-left: 18px;
}

.exclamation li
{
	background: url(img/bullets/exclamation.png) no-repeat 0px 6px;
	padding-left: 15px;
}

.arrows li
{
	background: url(img/bullets/arrow.png) no-repeat 0px 6px;
	padding-left: 15px;
}

.square li { list-style: square inside none; }

.disc li { list-style: disc inside none; }

/*====BOX ICONS PREVIEW
=======================================================*/
.box-icons-preview { list-style: none; }

.box-icons-preview li
{
	display: inline;
	margin: 0px 8px;
}

/*=== PORTFOLIO
==================================================*/


#portfolio-content
{
	width: 630px;
	/*height: 630px;
	overflow: hidden;*/
	position: relative;
}

/*
	if Javascript is on, these classe will be disabled
*/

/*begin*/
.js-off-overflow { overflow: visible !important; }

.js-off-position { position: relative !important; }

/*end*/


.portfolio-nav { list-style: none; }

.portfolio-nav li { display: inline; }

.portfolio-nav li a
{
	font-size: 11px;
	margin-right: 10px;
	color: #fff;
	background: #8c8c8c;
	padding: 6px 10px;
}

.portfolio-nav li a:hover
{
	background: #579dcf;
	text-decoration: none;
}

.portfolio-nav li a.current { background: #579dcf; }

ul.portfolio-thumbs
{
	index: 0;
	list-style: none;
	overflow: hidden;
}

ul.portfolio-thumbs li
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

ul.portfolio-thumbs a
{
	display: block;
	width: 190px;
	height: 190px;
	overflow: hidden;
}

.overlay
{
	font-size: 11px;
	line-height: 16px;
	background: #2b2b2b;
	position: absolute;
	top: 190px;
	left: 0;
	index: 5;
	width: 150px;
	height: 150px;
	padding: 20px;
}

.overlay p { padding-bottom: 0px; }

.overlay h5
{
	font-family: Bebas, Arial, sans-serif;
	font-size: 22px;
	color: #579dcf; /*blue light 87,157,207*/
	font-weight: normal;
	margin-bottom: 20px;
}

ul.portfolio-thumbs li .zoom-btn, ul.portfolio-thumbs li .play-btn
{
	padding: 5px;
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

ul.portfolio-thumbs li .zoom-btn { background: url(img/zoom.png) center no-repeat #579dcf; }

ul.portfolio-thumbs li .play-btn { background: url(img/play.png) center no-repeat #579dcf; }

ul.portfolio-thumbs li .zoom-btn:hover, ul.portfolio-thumbs li .play-btn:hover { background-color: #8c8c8c; }

/*=== BLOG
==================================================*/
.blog-post { margin-bottom: 15px; }

.post-title h3
{
	font-size: 30px;
	line-height: 30px;
}

.post-title h3 a { color: #616161; }

.post-title h3 a:hover
{
	color: #414141;
	text-decoration: none;
}

.post-metadata p
{
	font-size: 11px;
	padding-bottom: 0px;
}

.post-metadata
{
	border-top: 1px dashed #d1d1d1;
	border-bottom: 1px dashed #d1d1d1;
	padding: 4px 0;
	margin-bottom: 15px;
}

.post-content img
{
	margin-bottom: 10px;
	border: 1px solid #d1d1d1;
	padding: 4px;
}

.post-content
{
	clear: both;
	margin-bottom: 30px;
}

.post-more-link { margin-bottom: 0px; }

/*====BLOG COMMENTS
=======================================================*/
.comments-section { padding-bottom: 30px; }

.comments-section h3
{
	text-align: right;
	font-size: 26px;
	font-family: Bebas, Arial, sans-serif;
	color: #616161;
	margin-bottom: 30px;
}

.comments-section ul { list-style: none; }

.comment { margin-bottom: 15px; }

.avatar
{
	float: left;
	margin-right: 15px;
	border: 1px solid #e1e1e1; /*white 255,255,255*/
	padding: 4px;
}

.comment-text
{
	float: left;
	width: 493px;
	background: #f7f7f7;
	padding: 15px;
	border: 1px solid #e1e1e1; /*white 255,255,255*/
	position: relative;
}

.comment-text small
{
	margin-bottom: 10px;
	display: block;
}

.comment-text cite { color: #579dcf; /*blue light 87,157,207*/ }

.comment-reply-link
{
	position: absolute;
	top: 15px;
	right: 15px;
}

#comments-form { margin: 30px 0 100px 0; }

/*=== CONTACT
==================================================*/

#google-map
{
	margin-bottom: 15px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #d1d1d1;
}

form { width: 400px; }

.textbox, .wpcf7-form input[type="text"], .wpcf7-form textarea
{
	color: #747474; /*grey 116,116,116*/
	width: 262px;
	margin-bottom: 15px;
	padding: 6px;
	background-color: #f7f7f7; /*almost white 247,247,247*/
	border: 1px solid #e1e1e1; /*white 255,255,255*/
	font-family: inherit;
	font-size: inherit;
}

label
{
	padding-top: 6px;
	float: left;
	width: 70px;
	overflow:hidden;
}

#message, #comment, .wpcf7-form textarea
{
	height: 135px;
	width: 316px;
}

#submit, #post-comment, .wpcf7-form .wpcf7-submit
{
	margin-left: 70px;
	margin-bottom: 15px;
	float: left;
	cursor: pointer;
	font-family: inherit;
	font-size: 11px;
	color: #fff;
	background: #db7030;
	padding: 6px 10px;
	border: none;
}

#submit:hover, #post-comment:hover, .wpcf7-form .wpcf7-submit:hover { background: #8c8c8c; }

#message-outcome, .wpcf7-response-output
{
	border: none !important;
	padding: 0 !important;
	clear: both;
	margin: 0 0 0 70px !important;
}

span.wpcf7-not-valid-tip
{
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	color: #ce0101;
	font-size: 10px !important;
	clear: both !important;
	display: block !important;
	left: 0 !important;
	margin-top: -10px;
	margin-left: 70px;
	padding: 0 !important;
	position: static !important;
	top: 0 !important;
	width: auto !important;
}

.social-networks { padding-top: 10px; }

.social-links { list-style: none; }

.social-links li
{
	display: inline;
	margin-right: 6px;
	text-indent: -9999px;
}

.social-links li a
{
	display: inline-block;
	margin-bottom: 6px;
	width: 25px;
	height: 25px;
	overflow: hidden;
}

/*=== SOCIAL LINKS
==================================================*/

	.facebook a { background: url(img/social/facebook.png) no-repeat top center; }

.facebook a:hover { background: url(img/social/facebook.png) no-repeat bottom center; }

.blogger a { background: url(img/social/blogger.png) no-repeat top center; }

.blogger a:hover { background: url(img/social/blogger.png) no-repeat bottom center; }

.delicious a { background: url(img/social/delicious.png) no-repeat top center; }

.delicious a:hover { background: url(img/social/delicious.png) no-repeat bottom center; }

.deviant a { background: url(img/social/deviant.png) no-repeat top center; }

.deviant a:hover { background: url(img/social/deviant.png) no-repeat bottom center; }

.digg a { background: url(img/social/digg.png) no-repeat top center; }

.digg a:hover { background: url(img/social/digg.png) no-repeat bottom center; }

.flickr a { background: url(img/social/flickr.png) no-repeat top center; }

.flickr a:hover { background: url(img/social/flickr.png) no-repeat bottom center; }

.forrst a { background: url(img/social/forrst.png) no-repeat top center; }

.forrst a:hover { background: url(img/social/forrst.png) no-repeat bottom center; }

.lastfm a { background: url(img/social/lastfm.png) no-repeat top center; }

.lastfm a:hover { background: url(img/social/lastfm.png) no-repeat bottom center; }

.linkedin a { background: url(img/social/linkedin.png) no-repeat top center; }

.linkedin a:hover { background: url(img/social/linkedin.png) no-repeat bottom center; }

.myspace a { background: url(img/social/myspace.png) no-repeat top center; }

.myspace a:hover { background: url(img/social/myspace.png) no-repeat bottom center; }

.reddit a { background: url(img/social/reddit.png) no-repeat top center; }

.reddit a:hover { background: url(img/social/reddit.png) no-repeat bottom center; }

.rss a { background: url(img/social/rss.png) no-repeat top center; }

.rss a:hover { background: url(img/social/rss.png) no-repeat bottom center; }

.share a { background: url(img/social/share.png) no-repeat top center; }

.share a:hover { background: url(img/social/share.png) no-repeat bottom center; }

.skype a { background: url(img/social/skype.png) no-repeat top center; }

.skype a:hover { background: url(img/social/skype.png) no-repeat bottom center; }

.stumble a { background: url(img/social/stumble.png) no-repeat top center; }

.stumble a:hover { background: url(img/social/stumble.png) no-repeat bottom center; }

.technocrati a { background: url(img/social/technocrati.png) no-repeat top center; }

.technocrati a:hover { background: url(img/social/technocrati.png) no-repeat bottom center; }

.tumblr a { background: url(img/social/tumblr.png) no-repeat top center; }

.tumblr a:hover { background: url(img/social/tumblr.png) no-repeat bottom center; }

.twitter a { background: url(img/social/twitter.png) no-repeat top center; }

.twitter a:hover { background: url(img/social/twitter.png) no-repeat bottom center; }

.vimeo a { background: url(img/social/vimeo.png) no-repeat top center; }

.vimeo a:hover { background: url(img/social/vimeo.png) no-repeat bottom center; }

.yahoo a { background: url(img/social/yahoo.png) no-repeat top center; }

.yahoo a:hover { background: url(img/social/yahoo.png) no-repeat bottom center; }







/*/////////////////////////////
EZ Add-on and custom formatting
/////////////////////////////*/

.ten { font-size:10px; }

.twelve { font-size:12px; }

.fourteen { font-size:14px; }

.sixteen { font-size:16px; }

.eight { font-size:8px; }

.dark { font-weight:bold; }

.orange { color:#ffcc33;  /*orange 255,204,51*/ }

.darko
{
	/*font-weight:bold;*/
	color:#ffcc33;  /*orange 255,204,51*/
	color:#AFA081;	/*brown 175,160,129*/
}

.gry { color:#666; }

.darkg
{
	color:#666;
	font-weight:bold
}

div.sidelinks{
/*font-size:18px;	*/
margin-top:10px;
	}

div#uncontaxt h4 {
font-size: 1.2em;	
	
	}
.callrbox{
position:fixed;
left:930px;
top:125px;
margin-right:0px;
margin-top:0px;
width:160px;

	}
	.linkbox{
position:fixed;
left:940px;
top:75px;
margin-right:0px;
margin-top:10px;
/*width:160px;*/
text-align:right;
	}
.ezlogo
{
	
  


  font-family: 'Baumans' !important ;
  font-style:  normal;
  font-weight: 400;
list-style-type: none;
font-size: 54px;
/*margin-bottom: 1em;
  line-height: 1.4em;*/

	/*font-size: 36px;
	font-weight: bold;
	color:#000;
	color: #579dcf; /*blue light 87,157,207*/
	*/
}

.ezlogolil
{
	font-family: 'Baumans' !important ;
	font-size:14px;
	color:#000;
}

.ezlogoarrows
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #F60;
}

.ezlogoarrows2
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #000;
}
.eznav{
/*font-size:.7em;	*/
line-height:25px;
	}
	.ezopen{
	font-size: 1em;
	color: #616161;
	color: rgb(43,43,43);
	font-weight: bold;
	}
.eztag
{
	font-family: 'Brawler', serif;
	color: #666;
	font-weight: bold;
}
.eznavtag
{
	font-family: 'Brawler', serif;
	color: #2B2B2B  /*gray 43,43,43);
	/*font-weight: bold;
	float:right;
	text-transform:lowercase;
	font-size: 18px;
	line-height:16px;*/
}
.ezBIGDOT{ font-size: 2em; }


.navlogo
{
	color:#000;	
	text-shadow:none;

}
.ezheadertag { font-size: 20px;; float:right; color:#666; }

.ezcontenttag { font-size: 15px; }



.ezTextline
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

.ezorangehlite
{
	font-family: Arial, Helvetica, sans-serif;
	color: #F60;
}

.ezoneplusone
{
	color: #E6E6E6;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bolder;
}

.ezsmallerarrows { font-size: small; }

.eztextarrows
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 13px;
	color: #333;
}

.ezdark
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
.ezlogotext
{
	font-family: 'Baumans' !important ;
	color: #000;
	text-align: left;
}
.emailun{font-size:larger;}
.ezsmally { font-size: 10px; }

.ezhidden { display: none !important; }
.ezinvis{
   /* display: none;*/
    visibility:hidden;
  /*height:20px;*/
  
}


	.home.blog #right #about p strong {
	font-size: 18px;
}
    .ssssssaddress {
	color: #000000;
}
    .servicecstitle {
	font-size: 14px;
}

.logo {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#000;
	display:block;
}
.logoarrows {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #F60;
}

.logoarrows2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #000;
}
.tag {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}
.Textline {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.orangehlite {
	font-family: Arial, Helvetica, sans-serif;
	color: #F60;
}
.oneplusone {
	color: #E6E6E6;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bolder;
}
.Textline .logoarrows {
}
.smallerarrows {
	font-size: small;
}
.textarrows {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 13px;
	color: #333;
}
.biopic{float:left; padding:5px;border:0px;margin-left:75px;margin-right:35px;}
                      

.dark {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
.smally {
	font-size: 10px;
}

.vt{}

.ezclients{width:30%;float:left;margin-bottom:10px; }
.ez9{width:9%;}
.ezfade{
	color: #F8FAFA; /*fadewhite 248,250,250*/
	font-size: 245px;
	font-stretch: semi-condensed;
	/*font-stretch: extra-expanded;*/
	font-variant: normal;
	font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	position: absolute;
	top: 68px;
	overflow: visible;
	z-index: 0;
	height: 108px !important;
	width: 900px;
	white-space: nowrap;
	/*clip: rect(0,0,20,0);*/
}
.ezbottoms{
	color: #F8FAFA; /*fadewhite 248,250,250*/
	font-size: 200px;
	/*font-stretch: extra-expanded;*/
	font-variant: normal;
	font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	position: absolute;
	top: 340px;
	overflow: visible;
	z-index: 0;
	height: 108px !important;
	width: 700px;
	white-space: nowrap;
}
.bgaddr{
	background:#FFFFFF !important; z-index: 2;}
#evolver{
	position: relative;
	top: -30px;
	/* [disabled]clip: rect(auto,auto,auto,auto); */
	overflow: hidden;
	z-index: 1;
	}
#separatortitle{
	position: absolute;
	top: 310px;
	overflow: visible;
	height: 7px;
	width: 700px;
	z-index: 2;
	visibility: visible;
}
.unbodyaccent {
	font-weight: bolder;
	color: #579dcf; /*blue light 87,157,207*/
}

.home.blog #right #work table tbody tr .all-width .toggle-container.all-width #featuredprojects table tbody tr td .toggle-container.all-width .toggle-content.isinline .unbodyaccent { font-style: italic; }
#homeblockr {
	background-color: #FFFFFF !important;
	width: 1000px;
	height: 190px;
	z-index: 2;
}
.problempos {
	padding-top: 0px;
	padding-right: 0px;
	

}
/*#outsidecall {visibility:visible;}*/.mininote {
	font-size: 9px;
}
.orangeHlite {
	color: #ffcc33;  /*orange 255,204,51*/
}
.minime{font-size:.8em;}
.issectionbar{margin-top:30px;padding-right:25px !important;text-align:right;background: url(img/chevRightnew.png) 99% center no-repeat; background-color:#242A31 !important; }
.issectionlink{color:#bfbfbf;font-weight:bold; font-size:14px;}
.issectionlink:hover{color:#eff7e8; text-decoration:none;}
.toggle-content, .toggle-top a { font-size: 14px; }
#Autocadworktd,#Autocadfeatworktd{ 
	background: url(/images/AutoDeskFade.png) no-repeat center ; 
}
#Autodeskworktd{ 
	background: url(/images/GearsManufactureTrans.png) no-repeat top right ; 
}
#Suzukiworktd{ 
	background: url(/images/motocycleslide2.png) no-repeat center ; 
}
#JamBaseworktd{
	background: url(/images/jambase_headlinersDL.png) no-repeat center ;
}
#ExcessAccessworktd{ 
	background: url(/images/EAalltall.png) no-repeat center ; 
	background-clip:content-box;
}
#MatterOfTrustworktd{ 
	background: url(/images/EAalltall.png) no-repeat top left ;
}
#NewCourseworktd{ 
	/*background: url(/images/newcourseGreeLady.jpg) no-repeat top left ; */
	background: url(/images/newcourseKidFace.jpg) no-repeat top left ;
	/*background: url(/images/newcourseLuciLights.jpg) no-repeat top left ; */
	background: url(/images/newcourseSonHug.jpg) no-repeat top left ; 
	/*background: url(/images/newcourseSmilers.jpg) no-repeat top left ;*/
	/*background: url(/images/newcourseWhyWOmen.jpg) no-repeat top left ; */

}
#GrowCommunityworktd{ 
	background: url(/images/growcar.png) no-repeat top right ; 
}
#GrowCommunitysocialtd{ 
	background: url(/images/growsocial.png) no-repeat top left ; 
}
#fobangoworktd{ 
	background: url(/images/fobangohomepage.png) no-repeat center ; 
}
#Moodysworktd{ 
	background: url(/images/moodysclocks.png) no-repeat center ; 
}
#AtlasLiftTechworktd{ 
	background: url(/images/atlasers.png) no-repeat center ; 

	
}
#PainPillODworktd{ 
	background: url(/images/painpillodbig.png) no-repeat top right ; 
}
#Wingpointworktd{ 
	background: url(/images/wingpoint.png) no-repeat top right ; 
}
#OpenLegalworktd{ 
	background: url(/images/openlegallibrary.png) no-repeat top right ; 
}
#BirchPsychiatricServicesworktd{ 
	background: url(/images/birchface.png) no-repeat top right ; 
}
#BladeRunnersworktd{ 
	background: url(/images/bladerunners.png) no-repeat top right ; 
}


.backclear{ 

	/*background-image:none !important;*/
	background-position: 100% 1000px !important;
	/*visibility:hidden;*/
	/*color:#ffffff; */
}


/* DYNAMIC View / Close toggler text   */

a.directtoggle-link.iscontent.isview {


	color: #e58108;
	font-weight: bold;
	font-size: 0;
}


a.directtoggle-link.iscontent.isview:after {

	content: "View";
	color: #e58108;
	font-weight: bold;
	font-size: 1rem !important;
}


a.directtoggle-link.iscontent.isview.toggle-close:after {


	content: "Close";
}






/*make content-box for background*/
#work div.toggle-container div.toggle-content table tbody tr td.nobottomblues{
	
	background-clip:content-box;
	padding-bottom:22px !important; 
	padding-top:0px !important; 
	padding-left:0px !important;
	padding-right:0px !important;
	}
#work div.toggle-content div.workfoot{
	margin-bottom:0px;
	}

#uncontaxtmob{
	display:none;	
	}

/* #Media Queries
================================================== */
 
/* Smaller than standard 960 (devices and browsers) 
@media only screen and (max-width: 959px) {}
 
/* Tablet Portrait size to standard 960 (devices and browsers) 
@media only screen and (min-width: 768px) and (max-width: 959px) {}
 
/* All Mobile Sizes (devices and browser) 
@media only screen and (max-width: 767px) {}
 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 
@media only screen and (min-width: 480px) and (max-width: 767px) {}
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 1080px) {

#left{

height:60px;
width:100%;
position:fixed;
top:60px;
left:0;	
z-index:3;
	}

#leftplus{

height:60px;
width:100%;
position:fixed;
top:0;
left:0px;	
	z-index:2;
}

#right{/*top:120px;*/}
	#logo
{
	padding: 0px 0 0 45px;
	position: fixed;
	top: 10px;
	left: 0px;
	/*background: url(img/logo.png) no-repeat center left;*/
	margin-bottom: 10px;
	index: 1;
	z-index: 5;
	visibility: visible;/*display:none;*/
	overflow:visible;
}
#uncontaxt{
display:none;	
}
#uncontaxtmob{
	display:block;	
	position: fixed;
	top: 20px;
	left: 365px;
	color:white;
	font-size:16px;
	}
#uncontaxtmob a {

	color:white !important;

	}

.page
{

	margin-top: 60px;
}
#home{
	margin-top: 0px
	}

ul#navigation
{
	/*
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family:Brawler;
	font-weight:700;
	text-align:left;
	list-style:none;
	display:inline-block;
	margin: 15px 30px 10px 30px;
	index:10000;
	*/
	margin-left:40px;
}

ul#navigation li
{
	display:inline;
	padding-right: 55px;
}
ul#navigation li.last
{
	padding-right:0px;	
}

ul#navigation li a
{
	/*font-size: 18px;*/
	line-height:normal;
	text-align: left;
	
}



	}