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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

@font-face {
    font-family: 'humanist';
    src: url('../font/humanist_777_bt-webfont.eot');
    src: url('../font/humanist_777_bt-webfont-0.eot#iefix') format('embedded-opentype'),
         url('../font/humanist_777_bt-webfont.woff') format('woff'),
         url('../font/humanist_777_bt-webfont.ttf') format('truetype'),
         url('../font/humanist_777_bt-webfont.svg#humnst777_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'humanistlight';
    src: url('../font/Humanist_777_Light_BT.eot');
    src: url('../font/Humanist_777_Light_BT-0.eot#iefix') format('embedded-opentype'),
         url('../font/Humanist_777_Light_BT.woff') format('woff'),
         url('../font/Humanist_777_Light_BT.ttf') format('truetype'),
         url('../font/Humanist_777_Light_BT.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}#pimages img {
	padding: 6px;
	border: 1px solid #CCC;
	display: block;
	float: left;
	margin-top: 20px;
}
#rightDesc  {
	width: 280px;
	margin-left: 655px;
}
#pimages #topImg {
	margin: 0px;
}
.portfolioImg1 {
	margin: 0 18px 10px 0;
}
.portfolioImg2 {
	margin: 0 0px 10px 0;
}
#wrap #mainNarrow #mainContent ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 30px;
	margin-top: 10px;
}
#mainContent ul li .bodyTxt {
	margin-left: 0px;
	margin-top: 5px;
}
.bg1 {
	background: url(../images/newsletter-bg.jpg) no-repeat right 160px;
}
body,
	html {
	margin:0;
	padding:0;
	color:#000;
	}
body {
	background-image: url(../images/page-bgx.jpg);
	background-repeat:no-repeat;
	background-color: #f2f2f2;
	background-position: 50% 0;	/*background-size:100% 843px;*/
}
#mainContent ul .bodyTxt {
	list-style-type: disc;
	margin-left: 0px;
}
#blueBar {
	background-image: url(../images/dark-blue-bar.jpg);
	background-repeat: no-repeat;
	height: 18px;
	clear: both;
}
#header #logo #toprightmenu {
	float: right;
	width: 400px;
	font-size: 12px;
	color: #FFF;
	text-align: right;
	margin: 8px 30px 0 0;
	height: 43px;
		line-height: 43px;
}
	#wrap {
	width:986px;
	margin:0 auto;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	}
	#header {
	padding:0;
	}
#logo {
	background-image: url(/images/outoftheblue-web-design-derby.jpg);
	max-width: 986px;
	height: 112px;
}

	
	h1 {
	margin:0;
	
	font-size: 24px;
	font-family: "humanist",Arial,sans-serif;
font-style: normal;
	display: block;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ABC6DB;
	}
	h2 {
	margin:0;
	
	font-size: 24px;
	font-family: "humanist",Arial,sans-serif;
font-style: normal;
	display: block;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ABC6DB;
	}
h3 {
	font-size: 18px;
	margin-top: 12px;
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: #000;
	font-weight: bold;
}
	#nav {
	height: 56px;
	background-image: url(../images/main-menu.jpg);
	background-repeat: no-repeat;
	width: 702px;
	}
#header #searchDiv {
	width: 284px;
	float: right;
	height: 56px;
	background-image: url(../images/searchbg.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
}
	#nav ul {
		
		height:56px;
		margin:0;
		padding:0;
		float:left;
	}
	#nav ul li {
		display:inline;
	}
	#nav ul li a{
		float:left;
	height:56px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;	
	outline:none;
}

#nav ul li.menu01 a{
	width:104px;
	background:url(../images/main-menu.jpg) no-repeat 0px 0px;
}

#nav ul li.menu01 a:hover{
	width:104px;
	background:url(../images/main-menu.jpg) no-repeat 0px -56px;
}

#nav ul li.menu02 a{
	width:155px;
	background:url(../images/main-menu.jpg) no-repeat -104px 0px;
}

#nav ul li.menu02 a:hover{
	width:155px;
	background:url(../images/main-menu.jpg) no-repeat -104px -56px;
}

#nav ul li.menu03 a{
	width:163px;
	background:url(../images/main-menu.jpg) no-repeat -259px 0px;
}

#nav ul li.menu03 a:hover{
	width:163px;
	background:url(../images/main-menu.jpg) no-repeat -259px -56px;
}

#nav ul li.menu04 a{
	width:133px;
	background:url(../images/main-menu.jpg) no-repeat -422px 0;
}

#nav ul li.menu04 a:hover{
	width:133px;
	background:url(../images/main-menu.jpg) no-repeat -422px -56px;
}

#nav ul li.menu05 a{
	width:140px;
	background:url(../images/main-menu.jpg) no-repeat -555px 0;
}

#nav ul li.menu05 a:hover{
	width:140px;
	background:url(../images/main-menu.jpg) no-repeat -555px -56px;
}



	#main {
	float:left;
	width:650px;
	padding:0px;
	margin: 20px 0px 20px 25px;
	}
	
	#mainhome {
	float:left;
	width:650px;
	padding:0px;
	margin: 20px 0px 20px 25px;
	}
#mainFull {
	float: left;
	width: 938px;
	padding: 0px;
	margin: 20px 0px 20px 25px;
}
#leftSidebar ul li {
line-height:17px;	
}
#leftSidebar ul li a{
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
	#sidebar, #sidebarhome {
	float: right;
	width: 278px;
	padding: 0px;
	margin: 20px 18px 10px 0;
	}
	
	/** html #footer {
		height:1px;
	}*/
#sidebar #snippetsDiv, #sidebarhome #snippetsDiv {
	width: 237px;
	margin: 0 0 0 14px;
	background-color: #DCEEFC;
	background-image: url(../images/snippets-heading.gif);
	background-repeat: no-repeat;
	padding: 40px 8px 12px 10px;
	line-height: 18px;
}
#sidebar .rightDiv, #sidebarhome .rightDiv {
	width: 237px;
	margin: 20px 0 0 14px;
	background-color: #DCEEFC;
	background-repeat: no-repeat;
	padding: 10px 8px 12px 10px;
	line-height: 18px;
}
#sidebar #snippetsDiv p, #sidebarhome #snippetsDiv p {
	font-size: 11px;
	margin-top: 5px;
}
#snippetsDiv h3 {
	font-size: 16px;
	font-weight: bold;
	color: #0C4B87;
	margin: 8px 0 5px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

#snippetsDiv h6 a{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 3px 0 3px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

#sidebar #snippetsDiv strong, #sidebarhome #snippetsDiv strong  {
	font-size: 12px;
	font-weight: bold;
}
.bodyTxt {
	font-size: 13px;
	line-height: 20px;
	margin-top: 12px;
}




#gallery {
	position: relative;
	overflow: hidden;
	padding-bottom: 0px;
	margin-top: 15px;
}
#gallery li {
	float: left;
	width: 204px;
	height: 124px;
	margin-right: 17px;
	overflow: hidden;
	display: block;
}


#gallery li a:hover img {
	opacity: .8;
}

#loginBtns {
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	margin-top: 25px;
	margin-left: 25px;
}
#loginBtns li {
	float: left;
	width: 273px;
	height: 280px;
	padding-right: 30px;
	overflow: hidden;
	display: block;
}

#loginBtns li a:hover img {
	opacity:.8;
}



#icon {
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	margin: 25px 10px 0 32px;
}
#icon li {
	float: left;
	width: 39px;
	height: 39px;
	padding-right: 7px;
	overflow: hidden;
	display: hidden;
}


#icon li a:hover img {
	opacity: .8;
}


/* Footer */

#footer{
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;

	background-image: url(../images/underwater.png);
	background-repeat:repeat-y;
overflow:hidden;	
}

#footerTitles {
	margin-bottom: 12px;
	height:36px;
	background-image:url(../images/footer-top.gif);
	background-repeat:no-repeat;
	background-color:rgba(1,16,30,1.00);
}

.footercol {
	width: 225px;
	margin-left: 10px;
	float: left;
	margin-bottom:12px;
}
#fsm li {
	float: left;
	display: block;
	margin-right: 12px;
}




#footer p { margin:0; }
.footerTxt {
	font-size: 12px;
	color: #D6E9FF;
	line-height: 20px;
	margin-left:13px;
}


#signup {
	width: 90px;
	float: right;
}
.twittertxt    {
	color: #587A9A;
	padding: 25px 10px 20px 10px;
}
.tweet {
	padding:0px 10px 10px 10px;
}
.tweet-status {
	color: #364F77;
	line-height:15px;
	font-size:11px;
}
.tweet-status a:hover{
	color: #000; !important
}
.tweet-status a {
	color: #000; !important
}
.tweet-details {
	color: #999;
	font-size: 10px;
	display:block;
	margin-top:4px;
}
.tweet-details a:link{
	color: #364F77;
}
.addthis_button {
	margin-top: 10px;
}
.emailsn {
	background-color: #F5EEE5;
	border: 1px solid #1E1E1E;
	color:#999;
	margin: 0px;
	padding: 3px;
	width: 145px;
	}
.whitelink a:link {
	color:#FFF;
}
#pageBase {
	background-image: url(../images/base1.png);
	background-repeat: no-repeat;
	height: 60px;
	background-position: 50% 0;
	clear: both;
}
#wrap #sidebar #twitterBG, #wrap #sidebarhome #twitterBG {
	background-image: url(../images/twitter-bg.jpg);
	background-repeat: no-repeat;
	height: 290px;
	width: 278px;
}

#twitterX {padding:20px 4px 20px 14px;}

#wrap #sidebar #twitterBG #twitterContent, #wrap #sidebarhome #twitterBG #twitterContent {
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	height: 190px;
	overflow: hidden;
	padding: 76px 0 0 15px;
}
#searchDiv #search {
	margin-top:0px;
	text-align: right;
	margin-right: 35px;
	display: inline;
}#search #form1 #submitBtn {
	position: relative;
	top: -23px;
	left: -35px;
}
.searchTxtField    {
	width: 200px;
	margin: 0 60px 0 0px;
	padding: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	padding-left: 10px;
}
#mainNarrow {
	float:left;
	width:460px;
	padding:0px;
	margin: 20px 0px 20px 25px;
}
#wrap #header #logo #toprightmenu a {
	color: #FFF;
}

#leftSidebar {
	width: 165px;
	float: left;
	font-size: 12px;
	padding: 20px 0 60px 26px;
	margin: 0;
	color: #666;
}
a:link {
	color: #0C4B87;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0C4B87;
}
a:hover {
	text-decoration: underline;
	color: #0C4B87;
}
a:active {
	text-decoration: none;
}


#homeForm {
	background-color: #ECEFF4;
	padding: 12px;
	margin-top: 20px;
	border-radius: 12px;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#contactForm {
	background-color: #1276AC;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	background-image: url(../images/heading1.gif);
	padding: 55px 10px 10px 10px;
	color: #FFF;
	margin: 0 0 10px 0;
	 /* -moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000 */
}
.txtfields {
	width: 97%;
	padding: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #AAA;
	margin-right:12px;
	margin-top: 2px;
	
}

.slide-nav {
	display:none;
	position:absolute;
	text-align: centre;
	top: 507px;
	z-index: 5000;
	margin-left:480px;
}

.alien {
	width: 28px;
	height: 21px;
	float:right;

}


.slide-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	text-indent: -1000em;
	background-image: url(../images/navbg.png);
	margin: 0 1px;
	padding: 0;
	border-style: none;
}

.slide-nav a:hover, .slide-nav a.activeSlide {
	background-position: 0 -14px;
}
.cycle-slideshow {
	height: 352px;
	width: 658px;
	overflow: hidden;
	background-color: #FFF;
	margin: 0px 0px 20px;
}
.slideshow img { padding: 0px; 
width:658px;height:352px;}
.infobox {
	padding:10px;
	margin-top:20px;
	background: #C1E7FA;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}
.bodyTxt.quoteR {
	font-size: 80%;
	display: block;
	text-align: left;
}

/* Validation for forms */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	/*border: 1px solid #00A8E6;*/
}
input.validation-failed, textarea.validation-failed {
	border: 2px solid #1A7EDB;
	color : #136EB3;
}
input.validation-passed, textarea.validation-passed {
	/*border: 1px solid #00CC00;
	color : #000;*/
	/*background-image:url(bgtick.gif);
	background-position:right;
	background-repeat:no-repeat;*/
}

.telephonenum {
	/*border: 1px solid #00CC00;
	color : #000;*/
	background-image:none; !important
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #1A7EDB;
	color : #FFF;
	font-weight: normal;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.searchForm {
	margin-top:17px;
	
}
#wrap #mainFull #mainContent #rightDesc #drakaForm {
	background: #DEECF5;
	border: 1px solid #6B716F;
	padding: 10px;
}

.quotetop {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px 0;
	width: 100%;
	height: 25px;
	background-image: url(/images/quote.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#sitemap {
	list-style-type: disc;
	list-style-position: inside;
}
#sitemap li ul{list-style-type: disc;
	margin-left: 40px;
	
}
#sitemap li ul li ul{
	margin-left: 20px;
	list-style-type: square;
}

.extLink {
	display: block;
	background-image: url(/images/world.png);
	background-repeat: no-repeat;
	min-height: 25px;
	padding: 10px 0 0 30px;
	margin: 15px 0 0 0;
	background-position: 0 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2E3E5;
}

#tweetRight {
	padding:0 12px;
	background-color:#F8F8F8;
	width:231px;
}
#mainContent .portDiv ul li {
	display: block;
	float: left;
	margin-right: 28px;
	margin-bottom: 0px;
	margin-top: 28px;
	width: 294px;
	height: 333px;
	overflow: hidden;
	border: 0px solid #E6E6E6;
}
#mainContent .portDiv ul .norightmargin {
	margin-right: 0px;
}
#homeForm .formheading {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004E81;
	display: block;
	padding-bottom: 7px;
	font-family: "humanist", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.footerTxt li a {
	color: #679ADB;
}
.footerTxt a {
	color: #D6E9FF;
}
.footerTxt.list li a {
	color: #D6E9FF;
	font-size:11px;
	margin:0;
}


#wrap #footer .footercol .footerTxt .number {
	font-family: 'humanistlight', arial, verdana;
	font-size: 20px;
}



.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
	padding: 0;
	color: #FDFDFD;
	
}


.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#0096F7; color:#fff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.contenthover a.mybutton:hover {
	background-color: #007DCE;
}

#trigger-overlay { display:none; }
	
	.btn1 {
	background:url(../images/web-design-derby-work1.png) no-repeat rgba(0,115,193,1.00) center 15px;

	background-size:70px;
	
		
	
	}
	.btn2 {
	background:url(../images/services-btn.png) no-repeat rgba(0,115,193,1.00) center 15px;

	background-size:70px;	
	
	}
	.btn3 {
	background:url(../images/contact-btn.png)  no-repeat rgba(0,115,193,1.00) center 15px;

	background-size:70px;
margin-right:0!important;
	}
	.captions {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    font-family: "humanist","Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 18px;
    padding: 6px;
    position: absolute;
    text-align: center;
    width: 192px;
	color:#FFFFFF;
}
#mainContent .bodyTxt img {
	width: auto;
	max-width: 100%;
	height: auto;
}





/* iPad [portrait + landscape] */
@media only screen and (max-width: 767px) {
	
}

/* iPhone [portrait + landscape] */
@media only screen and (max-width: 480px) {
	
	#rightDesc  {
	width: 100%;
	margin-left: 0;
}

.bodyTxt {
font-size:14px;	
}
	
	.contenthover h3 {
	font-size:22px;	
}

.contenthover h3,.contenthover p {
	text-align:center;	
	line-height: 1.6em;
}

.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#0096F7; color:#fff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; width:100%; text-align:center;font-size:20px;box-sizing:border-box;margin-top:15px;font-weight:bold;}
.contenthover a.mybutton:hover {
	background-color: #007DCE;
}
	
	#mainContent .portDiv ul li {
	display: block;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 30px;
	width: 100%;
	height: auto;
	overflow: hidden;
	border: 1px solid #E6E6E6;
}

#wrap #mainNarrow #mainContent ul {
    font-size: 16px;
    line-height: 33px;
    list-style-position: outside;
 
    margin-left: 30px;
    margin-top: 10px;
	
}
	#pimages p #topImg {
	width: 100%;
	height: auto;
	border:0;
	padding:0;
}
ul li .work {
	width:100%!important;
	height: auto;
}

	#mainFull {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0;
}
#toprightmenu {
display:none;
}

#sidebar .rightDiv {
	width: 100% !important;
	margin: 0;
	background-color: #DCEEFC;
	background-repeat: no-repeat;
	padding: 10px 8px 12px 10px;
	line-height: 18px;
	box-sizing:border-box;
	margin-bottom:18px;
}

#main { margin:0;padding:0!important; }

#trigger-overlay {
    display: block;
    height: 34px;
    margin: 0 auto;
    position: relative;
    top: 113px;
    width: auto;
}
#mainContent {
	padding:18px;
	box-sizing:border-box;
	width: 100% !important;
	margin-top:0!important;
}

.homecontent {
	padding:0 !important;
}

#mainNarrow {
    width: 100% !important;
	box-sizing:border-box;
	margin:0;
	
}

.quote {
   
    font-size: 16px;
  
    line-height: 23px;
}

#commentForm {
  
    width: 100% !important;
}

.captions {
    background-color:rgba(0,115,193,1.00);
    padding: 14px;
    position: relative !important;
    text-align: center;
    width: 100%;
	float:left;
	box-sizing: border-box;
	font-size:25px;
	
}

	.btn1, .btn2, .btn3 {
	background:none;	
	}

#footer{
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;

	background-image:none;
	background-color:rgba(12,54,92,1.00);
overflow:hidden;	
}

#sidebar {
	float: left;
	width: 100%;
	padding:0 18px;
	margin: 0 !important;
	margin-top:20px;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom:12px !important;
	}
	
	#sidebar img {
	width:100% !important;
	height:auto !important;	
	}
	
	#sidebar > div {
	margin:0 !important;	
	}
	
	#sidebar #snippetsDiv {

    width: 100% !important;
	margin:12px 0 !important;
	box-sizing: border-box;
}
	
	#sidebarhome {
	float: left;
	width: 100%;
	padding:0;
	margin: 0;
	margin-top:0px;
	box-sizing: border-box;
	overflow: hidden;
	}
.footercol {
	width: 100%;
	margin-left: 0;
	float: none;
	margin-bottom:12px;
	text-align:center!important;
}
#wrap #footer .footercol .footerTxt .number {
    font-family: "humanist",arial,verdana;
	display:block;
	padding:10px 0;
    font-size: 32px;
}

#fsm li {
	float: left;
	display: block;
	margin-right: 12px;
}
.icons {
width:190px;
margin:25px auto;	
}

.hidden480 {
display:none;	
}

#logo {
	background-image: url(/images/moblogo.png);
background-position:center top;
height:149px;
border-bottom:solid #FFFFFF 6px;
}
#blueBar {
	display:none;
}

#footerTitles {
	margin-bottom: 12px;
	height:30px;
	background-image:none;
	background-repeat:no-repeat;
	background-color:rgba(1,16,30,1.00);
}

#tweetRight {
	padding:0 20px;
	background-color:#F8F8F8;
	width:auto;
	margin-bottom: 12px;
	
}
#twitterX {padding:0;width:auto;margin:0 17px 17px 17px;box-sizing: border-box;overflow: auto;}

.footerTxt {
    color: #d6e9ff;
    font-size: 15px!important;
    line-height: 30px;
	margin-left:0;
}

#gallery {
    margin-bottom: 0px;
	
}


	#main {
    box-sizing: border-box;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-width: 100%;
    padding: 0 15px;
    width: 100%;
}

#mainhome {
	box-sizing: border-box;
	

    max-width: 100%;
	padding:0px !important;
	margin: 0 !important;
	}
	
	#sidebar {
		display:nonex;
	}
	
	#wrap {
		width:100%;
	}
	#wrap #mainhome .slideshow img {
		width:100%;
		height:auto;
}
	#wrap #mainhome .cycle-slideshow img {
		width:100%;
		height:auto;
}

.slideshow {
	height: auto;
	width: 100%;
	margin:0;
}

.cycle-slideshow {
	height: auto;
	width: 100%;
	margin:0;
}


.slide-nav {
	display:none;
}

#nav {
	display:none;
}
#header #searchDiv {
   display:none;
}

#gallery li {
	
	width: 100%;
	height: auto;
	padding-right: 0px;
	margin-bottom:15px;
	
}
#gallery {
margin:15px;	
}

.bodyTxt.homepage {padding:0 15px;font-size:15px;	text-align:center;line-height:23px;
}


#wrap #main #mainContent #gallery li a img {
width: 100%;
	height: auto;
}
.hidden {
	display:none;
}
.alien { display:none; }

#mainNarrow {
width:720px;
}

.scale {
	width: 100%;
	height:auto;
}

.scale50 {
	width: 100%;
	height:auto;
}

.portfolioImg1 {
	margin: 0 0 40px 0;
}
.portfolioImg2 {
	margin: 0 0px 40px 0;
}
	
}