div#content-work
{
	min-height: 213%;
	width: 99%;
	margin-top: 22px;
	background-image: url(url);
	background-color: #000000;
	margin-bottom: 59px;
	

}

div#content-work div.content-item
{
	background-repeat: repeat;
	background-position: 0% 0 no-repeat;
	width: 117%;
	min-height: 100%;
	margin-top: -4px;
	margin-right: auto;
	margin-left: 19%;
	margin-bottom: 91px;
	padding: 0 0 200px 0;
	color: #06055F;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #010101;
}

div#work-wrapper
{
	width: 438px;
	margin-top: -49px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 220px 0 0 0;
	background-color: rgba(243,245,245,0.21);
}


div.work-section
{
	clear: both;
	padding: 20px 0 0 0;
	color: #091F66;
	width: 46%;
	margin-top: -194px;
}

div.work-section h2
{
	float: left;
	font-size: 16px;
	width: 180px;
	padding: 0 20px 0 0;
	line-height: 26px;
	background: transparent url(../img/body-lines.png) 0 0 repeat-y;
	font-weight: bold;
	color: #13096A;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	margin-top: -12px;
}

div.work-section ul
{
	width: 400px;
	float: left;
	xbackground: transparent url(../img/body-lines.png) 0 0 repeat-y;
	color: #072E97;
	margin-bottom: -40px;
	margin-top: -5px;
}

div.work-section li
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 87%;
	margin-top: 18px;
}
#content #content-work .content-item {
	margin-top: -48px;
}


div.work-section li a
{
	font-size:						13px;
	color:							#000;
	text-decoration:				none;
	font-weight:					bold;
	display:						block;
	text-indent:					3px;
	min-height:						26px;
	line-height:					26px;
	background:						transparent url(../img/work-highlight.png) 0 -26px no-repeat;

}


div.work-section li a:hover
{
	color: #0A2780;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	margin-top: -7px;
}

div.work-section li a img
{
	xdisplay:						block;
	position:						absolute;
	right:							0;
	bottom:							10px;
	border:							3px solid #222;
	display:						none;
}

div.work-section li a:hover img
{
	display:						block;
}


div#portfolio-detail
{
	position:						fixed;
	top:							0;
	left:							0;
	height:							100%;
	width:							100%;
	overflow:hidden;
	display:						none;
}

div#detail-bg
{
	position:						absolute;
	top:							0;
	left:							0;
	height:							100%;
	width:							100%;
	background:						#fff;
	opacity:						0;
}

div#detail-content
{
	position:						absolute;
	left:							0;
	top:							0;
	width:							100%;
	height:							100%;
}


div#clouds{
	position:						absolute;
	top:							-608px;
	left:							50%;
	background:						transparent url(../img/clouds.png) 50% 0 no-repeat;
	width:							404px;
	height:							168px;
	margin:							0px 0 0 -202px;
}

div#fade1{
	position:						absolute;
	top:							0;
	left:							0;
	background:						transparent url(../img/fade-left.png) 0 0 repeat-y;
	width:							50px;
	height:							100%;
}

div#fade2{
	position:						absolute;
	top:							0;
	right:							0;
	background:						transparent url(../img/fade-right.png) 0 0 repeat-y;
	width:							50px;
	height:							100%;
}

div#detail-nav
{
	position:						absolute;
	left:							0;
	top:							0;
	z-index:						3;
	width:							100%;
	height:							100%;
}

a#close-btn
{
	text-indent:					-9000px;
	overflow:						hidden;
	display:						block;
	position:						absolute;
	top:							25px;
	right:							50px;
	background:						transparent url(../img/close.png) 50% 50% no-repeat;
	width:							60px;
	height:							60px;

}
a#next-btn{
	text-indent:					-9000px;
	overflow:						hidden;
	display:						block;
	position:						absolute;
	top:							50%;
	right:							-100px;
	background:						transparent url(../img/arrow-right.png) 50% 50% no-repeat;
	width:							100px;
	height:							100px;
	margin:							-50px;
}

a#prev-btn{
	text-indent:					-9000px;
	overflow:						hidden;
	display:						block;
	position:						absolute;
	top:							50%;
	left:							-100px;
	background:						transparent url(../img/arrow-left.png) 50% 50% no-repeat;
	width:							100px;
	height:							100px;
	margin:							-50px;
}

div#detail-masthead
{
	width:							250px;
	margin:							25px 0 25px 100px;
	z-index:						9999;
}

div#detail-masthead h1
{
	font-size:						18px;
	margin:							10px 0 5px 0;
	background:						#fff;
}

div#detail-masthead h2
{
	height:							13px;
	font-size:						13px;
	background:						#fff;
}



div#detail-masthead a
{
	display:						block;
	font-weight:					normal;
	font-size:						13px;
	text-decoration:				none;
	color:							#666;
	margin:							3px 0 0 0;
	padding:						6px 0 0 0;
	height:							13px;
}

div#detail-masthead h2.link a{
	width:							111px;
	height:							13px;
	background:						#fff url(../img/visit-website-btn.gif) 50% 50% no-repeat;
	text-indent:					-900px;
	overflow:						hidden;
	display:						block;
}

div#detail-masthead a:hover
{
	color:							#000;
}

div#detail-items
{
	padding:						0 0 0 0;
	width:							8000px;
}

div.detail-item
{
	margin:							20px
	width:							100%;
	text-align:						center;
}

div.inline-video
{
	margin:							70px 0 0 0;
}

div.video-button
{
	position:relative;
}
.gridContainer.clearfix {
}





@media (max-width: 480px){
div.work-section li 
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 101%;
	margin-left: -52px;
}
div#work-wrapper 
{
	width: 413px;
	margin-top: 0;
	margin-right: auto;
	margin-left: 1%;
	margin-bottom: 0;
	padding: 220px 0 0 0;
}
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #380FDC;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
}
div#work-wrapper 
{
	width: 420px;
	margin: 0 auto 0 auto;
	padding: 220px 0 0 0;
}
div.work-section li 
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 110%;
	margin-left: 0px;
}
#content-work .content-item .img-responsive {
	width: auto;
	margin-top: -8px;
	margin-bottom: -15px;
	background-color: #000000;
}
#content #content-work .content-item {
	margin-left: 3px;
}
div#content-work div.content-item 
{
	background-repeat: repeat;
	background-position: 0 0 no-repeat;
	background-color: #fff;
	width: 100%;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 200px 0;
	color: #06055F;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(../images/white%20word%20bg5.jpg);
}










}

@media (min-width: 481px){
div.work-section li 
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 87%;
}
div#work-wrapper 
{
	width: 420px;
	margin-top: 31px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 220px 0 0 0;
}
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #470A7B;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
}
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #380FDC;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
	width: auto;
}
#content-work .content-item .img-responsive {
	width: auto;
	margin-top: -8px;
	margin-bottom: -15px;
	background-color: #000000;
}
#content #content-work .content-item {
	margin-left: 3px;
}
div#content-work div.content-item 
{
	background-repeat: repeat;
	background-position: 100% 96px;
	background-color: #fff;
	width: 100%;
	min-height: 100%;
	margin-top: 33px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 0 0 200px 0;
	color: #06055F;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(../images/white%20word%20bg5.jpg);
}









}

@media (min-width : 957px ){
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #F7D808;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
	width: auto;
}
#content-work .content-item .img-responsive {
	width: auto;
	margin-top: -25px;
	margin-bottom: -15px;
	background-color: #000000;
}
.gridContainer.clearfix {
}













}

@media (max-width: 359px){
div.work-section li 
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 74%;
	margin-left: 91px;
}

.work-section h2 {
	margin-left: 143px;
}
.navbar-brand {
	margin-left: 93px;
}

#content #content-work .content-item {
	margin-left: 18px;
}

div#work-wrapper 
{
	width: 436px;
	margin-top: 0;
	margin-right: auto;
	margin-left: -7%;
	margin-bottom: 0;
	padding: 220px 0 0 0;
}
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #380FDC;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
	width: 98%;
	margin-left: 20px;
}
div#content-work div.content-item 
{
	background-repeat: repeat;
	background-position: 50% 0 no-repeat;
	background-color: #fff;
	width: 100%;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 200px 0;
	color: #06055F;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(../images/white%20word%20bg5.jpg);
}
div#content-work 
{
	min-height: 213%;
	width: 96%;
	margin-top: 22px;
	background-image: url(url);
	background-color: #000000;
	margin-bottom: 59px;
	margin-left: 12px;
	

}






}
.high1 {
}
body {
	background-position: 64% 55%;
	background-repeat: repeat;


}

.work-items ul h2 {
	height: 28px;
	padding-top: 11px;
	padding-bottom: 5px;
	margin-top: -27px;
}


@media (min-width:768px){
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #380FDC;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
	width: auto;
}
#content-work .content-item .img-responsive {
	width: auto;
	margin-top: -25px;
	margin-bottom: -15px;
	background-color: #000000;
}
#content #content-work .content-item {
	margin-left: 3px;
	background-color: #000000;
}
div#content-work div.content-item 
{
	background-repeat: repeat;
	background-position: 50% 0 no-repeat;
	background-color: #fff;
	width: 100%;
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: 0%;
	margin-bottom: 0;
	padding: 0 0 200px 0;
	color: #06055F;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-weight: bold;
	font-size: 1.2em;
}
body {

}
#content #content-work .content-item {
}
div.work-section li 
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 110%;
}
.work-items ul h2 {
	margin-top: -33px;
}








}

@media (max-width : 280px ){
div.work-section li 
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 74%;
	margin-left: 58px;
}
#content-work .content-item .img-responsive {
	width: 107%;
	height: auto;
}

.work-section h2 {
	margin-left: 125px;
}
.navbar-brand {
	margin-left: 93px;
}
#content #content-work .content-item {
	margin-left: 26px;
}
div#work-wrapper 
{
	width: 438px;
	margin-top: 0;
	margin-right: auto;
	margin-left: -11%;
	margin-bottom: 0;
	padding: 220px 0 0 0;
}
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #0265FF;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
	width: 98%;
	margin-left: 20px;
}
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #380FDC;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
	width: 101%;
	margin-left: 9px;
}
#custom-bootstrap-menu2 .container-fluid .navbar-header {
	margin-left: 0px;
}

div#work-wrapper 
{
	width: 438px;
	margin-top: 0;
	margin-right: auto;
	margin-left: -11%;
	margin-bottom: 0;
	padding: 220px 0 0 0;
}
#content #content-work .content-item {
	margin-left: 30px;
}
.work-section h2 {
	margin-left: 125px;
}
.gridContainer.clearfix .navbar.navbar-default {
	background-color: #380FDC;
	margin-bottom: 7px;
	margin-top: 3px;
	height: auto;
	padding-top: 2px;
	color: #FFFFFF;
	width: 101%;
	margin-left: 9px;
}
div.work-section li 
{
	position: relative;
	list-style: none;
	min-height: 26px;
	background: transparent url(../img/line.png) 0 0 no-repeat;
	color: #0F318F;
	width: 74%;
	margin-left: 58px;
}












}