/*



Theme Name: Beta



Description: Designed by <a href="http://www.cebocampbell.com">Cebo Campbell</a>.



Author: Cebo Campbell.



Version: 1.1



*/











/* ---------------------------------------------- CSS RESETS



-------------------------------------------------------------- */











html, body, div, span, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



abbr, address, cite, code,



del, dfn, em, img, ins, kbd, q, samp,



small, strong, sub, sup, var,



b, i,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td,



article, aside, canvas, details, figcaption, figure, 



footer, header, hgroup, menu, nav, section, summary,



time, mark, audio, video, button, textarea, a {



  	background: transparent;



	background: none;



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	text-decoration: none;



	font-weight: normal;



	font-family:"Arial", "Helvetica"



	font-size: 16px;



}                  



article, aside, details, figcaption, figure,



footer, header, hgroup, menu, nav, section { 



    display:block;



}

strong {font-weight:bold;}

blockquote, q { quotes:none; }



blockquote:before, blockquote:after,



q:before, q:after { content:''; content:none; }



ins { background-color:#ff9; color:#000; text-decoration:none; }



mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }



del { text-decoration: line-through; }



abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }



hr { display:block; height:1px; border:0; border-top:1px solid #ccc; padding:0 0 1.5em 0; }



input, select { vertical-align:middle; }







/* End of Reset CSS */







#supersized img {

	max-width: none !important;

}







input:invalid, textarea:invalid {



    -moz-box-shadow: 0px 0px 5px red; 



 -webkit-box-shadow: 0px 0px 5px red; 



         box-shadow: 0px 0px 5px red;



}



.no-boxshadow input:invalid, 



.no-boxshadow textarea:invalid {  }







/* By default the selection color is pink */



::-moz-selection{ background: #468ab1; color:#fff; text-shadow: none; }



::selection { background:#468ab1; color:#fff; text-shadow: none; }



.ie7 img { -ms-interpolation-mode: bicubic; }















ul, ol, p {



	padding: 0 0 1.5em 0;



}







ul, ol {



	list-style: none;



}







ul li {



	list-style: none;



}







p {



	font-family: Helvetica;



	color: #4c4c4c;



	font-size: 14px;



	line-height: 20px;	



}







small {



  	color: #4C4C4C;



    display: block;



    margin-bottom: 10px;



}



a {



	color: #ed1c24;



	font-family: 'PT Sans', sans-serif;



}



article {



	padding: 0 0 30px 0;



}



article blockquote {



	border-left: 5px solid #ed1c24;



	font-family: Helvetica;



	color: #555555;



	font-size: 13px;



	line-height: 22px;



	padding: 15px 0 15px 30px;



	margin: 5px 0 10px 30px;



}



article ul {



	/*margin-left: 20px;*/



}



article ul li {



	padding: 5px;



	list-style: square;



	font-family: Helvetica;



	color: #ebe0b5;



	font-size: 13px;



	line-height: 22px;



}







article ol {



	margin-left: 20px;



}



article ol li {



	padding: 5px;



	list-style-type: decimal;



	color: #ebe0b5;



	font-size: 13px;



	line-height: 22px;



	font-family: Helvetica;



}











/* remember to define focus styles! */



:focus {outline: 0;}







img {border:0;}



a img {border:0}







/* Float Definitions -----------------------------------------------------------*/







.clear {clear:both;} 







.right {float: right;} 







.left {float: left;}







.alignright {float: right;margin: 0 0 2px 7px;}



.alignleft {float: left;margin: 0 7px 2px 0;}







img.left, img.alignleft {float: left;margin: 0 15px 7px 0;}







img.right, img.alignright {float: right;margin: 0 0 7px 15px;}







.post img.aligncenter, .attachment img.aligncenter { display:block; margin: 0 auto; text-align: center; }







.nopad {



	padding: 0px !important;



}



.nomargin {



	margin: 0px !important;



}



.noborder {



	border: none !important;



}







@font-face {



    font-family: 'MyriadProRegular';



    src: url('fonts/MyriadPro-Regular.otf');



    font-weight: normal;



    font-style: normal;



}















@font-face {



	font-family: 'MyriadProBoldIt';



    src: url('fonts/MyriadPro-BoldIt.otf');



    font-weight: normal;



    font-style: normal;



}







h1 {



	color: #515151;



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



	font-weight:bold;



    margin: 0 0 10px;



    padding: 15px 10px 20px 0px;



    position: relative;



    font-size: 30px;



}







h2 {



	color: #515151;



	font-size: 32px;



	line-height: 36px;



	text-shadow: 1px 1px 0 #fff;



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



	margin: 10px 0;



	font-weight:bold;



}







h3 {



	color: #515151;



	font-size: 22px;



	line-height: 30px;



	text-shadow: 1px 1px 0 #fff;



	font-family: 'PT Sans', sans-serif;



	margin: 15px 0;



	



}







h4 {



	color: #000;



	font-size: 18px;



	line-height: 30px;



	padding: 0;



	text-shadow: none;



	font-weight:bold;



    font-family: 'PT Sans',Arial,sans-serif;;



}







h5 {



	color: #000;



	font-size: 18px;



	line-height: 30px;



	font-family: 'PT Sans',Arial,sans-serif;



	margin: 10px 0;



	font-weight:bold;



}











h6 {



	color: #000;



	font-size: 32px;



	line-height: 36px;



	text-shadow: 1px 1px 0 #fff;



	font-family: 'PT Sans',Arial,sans-serif;



	margin: 10px 0;



}



/*



    // ========================================== \\



   ||                                              ||



   ||               BASE CSS STYLES                  ||



   ||                                              ||



    \\ ========================================== //



*/







body {



	background: url(images/bg.png);



	margin: 0;	



	position: relative;



	font-family: 'PT Sans',Arial,sans-serif;



}



#pageheader {



	min-height: 120px;



}



#pageheader nav li a {



	display: block;



	position: relative;



}



#pageheader nav li a:hover:before {







}



nav div {



	position: relative;



}



/*----------------------- icons*/

[class^="icontop-"],
[class*=" icontop-"] {
  display: inline-block;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 23px;
  vertical-align: text-top;
  background-image: url("images/all-images3.png");
  background-repeat: no-repeat;
}

.icontop-facebook{
background-position:0px 0px;
width:35px;
height:35px;
}

.icontop-twitter{
background-position:-35px 0px;
width:35px;
height:35px;
}

.icontop-google{
background-position:-71px 0px;
width:35px;
height:35px;
}

.icontop-bubble{
background-position:0px -35px;
width:35px;
height:35px;
}

.icontop-arrow{
background-position:-37px -35px;
width:28px;
height:44px;
}

.icontop-logo{
background-position:0px -80px;
width:100px;
height:41px;
}


nav div .contact {



	position: relative;



	top: 30px;



}



nav {



	position: relative;



	position: fixed;



	left: 50%;



    margin-left: -500px;



    top: 0px;	



    width: 1000px;



    min-height: 115px;



    z-index: 9999;



    opacity: 1\0/ !important; /* IE 8-9 */



	zoom: 1;



}



nav.subhead {



	position: relative;



	left: inherit;



	margin: auto;



	zoom: 1;



	*left: 0;



}



nav .nav-primary {



 	float: right;



    position: relative;



    right: 0;



    top: 72px;



    max-width: 800px;



}



nav .nav-primary li {



	float: left;



	margin: 0 13px;



	position: relative;



	line-height: 40px;



}



nav .nav-primary li a {



	font-size: 23px;



	text-transform: uppercase;



	color: #333;	



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



	font-weight:bold;



}



nav .nav-primary li a:hover {



	color: #ed1c24;



}







nav .subnav {



	position: relative;



	left: 0;



    margin-left: 0px;



    top: 0px;



    margin: auto;	



    width: 1000px;



    min-height: 200px;



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



	font-size:20px;



}







nav li .sub-menu {



	position: relative;



	position: absolute;



	opacity: 0;



	filter: alpha(opacity=[0..100]);



	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



	z-index: 999999;



	top: 30px;



	left: 50%;



	margin-left: -80px;



	width: 160px;



	background: #fff;



	text-align: center;



	border: 1px solid #D9D9D9;



	padding: 0;



	zoom: 1;



	display: none;



}



nav li .sub-menu:before {



	border-bottom: 10px solid #fff;



    border-left: 10px solid transparent;



    border-right: 10px solid transparent;



    top: -10px;



    content: "";



    height: 0;



    left: 50%;



    margin-left: -5px;



    z-index: 99999;



    position: absolute;



    width: 0;







}



nav li:hover .sub-menu {



	display: block;



}



nav li .sub-menu li {



	position: relative;



	width: 160px;



	margin: 0;



	border-bottom: 1px solid #D9D9D9;



}



nav li .sub-menu li:hover {



	background: #ed1c24;



}



nav li .sub-menu li:hover a {



	color: #fff;



}



nav li .sub-menu li ul {



	opacity: 0;



	position: absolute;



	right: 0px;



	top: -2px;



	width: 160px;



	background: #ebebeb;



	text-align: center;



	border: 1px solid #fff;



	padding: 0;



	z-index: 9999;



}



nav li .sub-menu li:hover ul li a {



	color: #333333;



}



nav li .sub-menu li:hover ul li:hover a {



	color: #fff;



}







nav span {



     display: none; 



     position: relative;



	 position: absolute;



	 border: 1px solid #D9D9D9;



	 top: 15px;



	 right: 15px;



	 width: 360px;



	 background: #fff;



		border-radius: 5px;



		-moz-border-radius: 5px;



		-webkit-border-radius: 5px;



			-khtml-border-radius: 5px;



	color: #a1a1a1;



	height: 20px;



	margin-bottom: 25px;



		overflow: hidden;



	padding-top: 10px;



	width: 200px;



    }



    nav span:before {



    	content: '';



    	border-right: 1px solid #D9D9D9;



    	position: absolute;



    	right: 30px;



		width: 2px;



		height: 100%;



		z-index: 999999;    



		top: 0;	



    }



    nav span:after {



    	content: '';



    	background: url(images/select.png) no-repeat transparent;



	    height: 15px;



	    position: absolute;



	    right: 8px;



	    top: 9px;



	    width: 20px;



	    z-index: 999999;



    }



nav select {



	background: none;



    border: medium none;



    width: 180px;



}



#menu-header-nav .current-menu-item a {



	color:#ed1c24 !important;



}



.logo {



	position: absolute;



	left: 0;



	top: 4px;



}



.subhead .logo {



	position: relative;



	float: left;



}



.logo img {



	max-width: 400px; /*420*/



}



.projectnav ul li {



	display:inline-block;



	list-style:none;



	margin:0;



	padding:0;	



}



.projectnav {



	background: #eee;



	padding:0;



	float: left;



	width: 70%;



	position: relative;	



}



.projectnav:after {



	border-bottom: 20px solid transparent;



	border-left: 23px solid #eee;



	border-top: 20px solid transparent;



	content: "";



	height: 0;



	position: absolute;



	right: -21px;



	top: 0;



	width: 0;	



}







.projectnav ul {



	padding:0 !important;



	font-size:0;



	/*border:1px solid #c8c8c8;*/



}



.projectnav a {



	color: #515151;



	display: block;



	float: left;



	text-transform: uppercase;



	font-family: Helvetica;



	font-size: 12px;



	vertical-align: middle;



	margin: 0;



	padding: 12px 15px;	



}



.projectnav a:hover {



	color: #fff !important;



	background: #F30;



}



.lownav #menu-project-nav li.selected {



	background: #F30;



}



.lownav #menu-project-nav li.selected a {



		color: #fff;



}



.lownav .socials  {



    margin: 0;



    position: relative;



    text-align: left;



    width: 20%;



}

.lownav .socials a ,.socials a {
display:inline-block;
*display:inline;
top:0;
margin-right:10px;
-webkit-transition: all.3s linear;  
    -moz-transition: all .3s linear;  
    -o-transition: all .3s linear;  
    -ms-transition: all .3s linear;  
    transition: all .3s linear;
}

.lownav .socials a i ,.socials a i{
opacity:0.5;
top:0px;
position:relative;
-webkit-transition: all.3s linear;  
    -moz-transition: all .3s linear;  
    -o-transition: all .3s linear;  
    -ms-transition: all .3s linear;  
    transition: all .3s linear;
}
.lownav .socials a.trigger ,.socials a.trigger {
float:right;
}

.lownav .socials a:hover i  ,.socials a:hover i{
opacity:1;
top:-4px;
}

.breadcrumnav {

	width: 30%;

	margin:10px 0 0 13px;

	float: left;

}

.breadcrumnav a {

	margin-right:5px;	

}

.lownav {



	margin: auto;



    min-height: 42px;



    width: 1000px;   



}







.lownav .lefty {



	float: left;



	padding: 5px 0 0 0;



	width: 900px;



}







.lownav .lefty a {



	margin: 0 5px;



	min-height: 24px;



	padding-right: 10px;



	line-height: 24px;



	font-size: 12px;



	position: relative;



	display: block;



	float: left;



}



.lownav .lefty span {



	display: block;



    float: left;



    font-size: 12px;



    line-height: 24px;



    margin: 0 5px;



    min-height: 24px;



    padding-right: 10px;



    position: relative;



    color: #515151;



    font-family: 'PT Sans';



}







.lownav .lefty a:hover {



	color: #ed1c24;



}



.lownav .lefty a:hover:before {



	border-left: 4px solid #555;



}



.lownav .righty {



	float: right;



	width: 300px;



	height: 24px;



    margin: 0;



    padding: 4px 0 0 0px;



    position: relative;



    text-align: right;



}







.righty:before {



	background: none !important;



	display: none;



}







.widecontainer {



	width: 100%;



	background: url(images/bg.png);



	position: relative;



	z-index: 9;



}



.topshadow {



	background: url("images/topshadow.png") repeat-x scroll 0 0 transparent;



    height: 14px;



    left: 0;



    position: absolute;



    top: -14px;



    width: 100%;



}



.container {



	width: 1000px;



	margin: auto;



	padding: 10px 10px 30px 0;



}







#wider {



	width: 100% !important;



	max-width: 1000px !important;



	margin: auto;



	padding: 0 0 30px 0px;



}



.wider {



	width: 100% !important;



	max-width: 1280px !important;



	min-width: 1000px !important;



	margin: auto;



}



.teamwide {



	width: 100% !important;



	max-width: 1280px !important;



	min-width: 700px !important;



	margin: auto;



}



.primary {



	position: relative;



  -webkit-animation: le-fade .5s 0 1 ease-out;



  -moz-animation: le-fade .5s 0 1 ease-out;



 	width: 95%;



  margin: auto;



}







#smartbar:after {



    background: url("images/bottomshadow.png") repeat-x scroll 0 0 transparent;



    bottom: -14px;



    content: "";



    height: 14px;



    left: 0;



    position: absolute;



    width: 100%;



}



#smartbar:before {



    background: url("images/topshadow.png") repeat-x scroll 0 0 transparent;



    content: "";



    height: 14px;



    left: 0;



    position: absolute;



    top: -14px;



    width: 100%;



}



#smartbar {



	width: 100%;



	position: relative;



	top: 10px;



	margin: 0 0 10px 0;



	background: url(images/smartbar_re.png) repeat;



	height: 70px;



	z-index: 99;



}



#widenav {



	position: relative;



	max-width: 1000px;



	margin: auto;



	padding:  0px 0 0 0;



}



#widenav li {	



	padding: 8px 15px 8px 25px;



	text-align:center;	



	*float: left;



	*width: 290px;



}



#widenav li:nth-child(3)  {



	background: none;



}



#widenav li h2 {



	font-size: 22px;

    font-family: 'PT Sans', sans-serif;

	color: #333;

	text-transform:uppercase;



	vertical-align:middle;



}



#widenav li h2 .word5, #widenav li h2 .wordlast {



	color: #ed1c24;



}





.contacthead {



	width: 100%;



	height: 100px;



	background: #fff;



	position: relative;



	top: -500px;



	z-index: 999;



}



.contacthead:after {



    background: url("images/bottomshadow.png") repeat-x scroll 0 0 transparent;



    bottom: -14px;



    content: "";



    height: 14px;



    left: 0;



    position: absolute;



    width: 100%;



}



.primary h1 {



    color: #FFFFFF;



    font-family: 'PT Sans';



	font-weight:bold;



    font-size: 40px;



    line-height: 75px;



    text-align: right;



    display: inline;



    padding: 7px 0px 7px 0;



    background-color: #000;



    position: relative;



    text-shadow: none;



    margin: 0;



    text-transform: uppercase;



    box-shadow: -14px 0px 0 #000000, 14px 0px 0 #000000; 



    -webkit-box-shadow: -14px 0px 0 #000000, 14px 0px 0 #000000;



    -moz-box-shadow: -14px 0px 0 #000000, 14px 0px 0 #000000;



}



.primary span {



	background: #000;



	display: block;



	height: 100px;



	width: 30px;



}



.primary h1 .wordlast {



	font-family: 'PT Sans';



	font-weight:bold;



}







/* Header */



.primary-header {



  height: 528px;



  /* Background image is defined in the post */



  background-position: top center;



  background-attachment: fixed;



  overflow: hidden;



  position: relative;



}







.trigger-container {



	position: relative;



	max-width: 870px;



	margin: auto;



	top: 230px;



}



.primary-header .trigger {



 	background: none;



    display: block;



    float: right;



    padding: 10px 20px 2px;



    position: absolute;



    right: -10px;



    bottom: 1px;



    width: 30px;



}







.hellobox {



	padding: 20px 20px 10px 20px;



	background: #ed1c24;



	position: relative;



	position: absolute;



	width: 425px;



	bottom: -145px;



	left: -2px;



}



.hellobox p {



	color: #fff;



}



/* Contains the time, title and subtitle for an article */



.primary {



  position: relative;



  top: 0px;



  margin: auto;



  text-align: right;



  padding-right: 15px;



  margin-left: -15px;



}



.art-time,



.art-title,



.art-subtitle {



  text-align: center;



  text-transform: uppercase;



}



.art-time {



  font-size: 14px;



  line-height: 1.8;



  letter-spacing: 4px;



}



.art-title {



  font-size: 100px;



  line-height: .9;



  letter-spacing: -2px;



  width: 100%;



}



.art-subtitle {



  margin-top: 4px;



  font-size: 14px;



  line-height: 1.3;



  letter-spacing: 4px;



}







/* If small header, make few adjustments */



.small .art-title {



  font-size: 70px;



  line-height: 65px;



}



.small.primary {



  top: 320px;



}







.filter-bars {



	margin: 15px 0 0 0;



}



.filter {



	background: #fff;



	padding: 0px 20px 0 0;



	float: left;



	margin:15px 0 15px 10px;



	width: 65%; /*77.5 before */



	position: relative;



}



.filter a {



 	color: #515151;



    display: block;



    float: left;



	text-transform:uppercase;



    font-family: Helvetica;



    font-size: 12px;



	vertical-align:middle;



    margin: 0;



    padding: 12px 15px;



}



.filter a.selected {



	color: #fff;



	background: #ed1c24;



}



.filter a:hover {



	color: #fff;



	background: #ed1c24;



}



.filter:before {



	border-bottom: 20px solid transparent;



    border-left: 20px solid #FFFFFF;



    border-top: 20px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    right: -20px;



    top: 0;



    width: 0;



}



.socials  {



 	background: none repeat scroll 0 0 #FFFFFF;



    float: right;



    height: 21px;



    margin: 15px 15px 15px 0;



    padding: 5px 10px 13px 5px;



    position: relative;



    text-align: left;



    width: 20%;



}



.socials:before {



	border-bottom: 20px solid transparent;



    border-right: 20px solid #FFFFFF;



    border-top: 20px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    left: -20px;



    top: -1px;



    width: 0;



}



.lownav .socials:before{



	border-bottom: 20px solid transparent;



	border-right: 23px solid white;



	border-top: 20px solid transparent;



	content: "";



	height: 0;



	position: absolute;



	right: -21px;



	top: 0;



	width: 0;	



}



.lownav .socials:before {



	border-bottom: 21px solid transparent;



	border-right: 22px solid #fff;



	border-top: 20px solid transparent;



	content: "";



	height: 0;



	position: absolute;



	right: -23px;



	top: 0;



	width: 0;	



}







.socials img {



	margin: 0 4px;



	width: 35px;



	position: relative;



	opacity: 0.5;



}







.pagecontainer {



	padding: 0px;



	margin: 0;



	background: #fff;



	position: relative;



}



.pagecontainer:before {



	content: '';



	background: url(images/topshadow.png) repeat-x;



	height: 14px;



	width: 100%;



	left: 0;



	position: absolute;



	top: -14px;



}



.widecontainer:before {



	content: '';



	background: url(images/topshadow.png) repeat-x;



	height: 14px;



	width: 100%;



	left: 0;



	position: absolute;



	top: -14px;



}



.pagecontainer:after {



	content: '';



	background: url(images/bottomshadow.png) repeat-x;



	height: 14px;



	width: 100%;



	left: 0;



	position: absolute;



	bottom: -14px;



}



.lined:before {



 	border-bottom: 1px solid #D9D9D9;



    top: 42px;



    content: "";



    height: 2px;



    left: 0px;



    position: absolute;



    width: 100%;



}







.hello {



	padding: 15px 0;



	border-bottom: 1px solid #D9D9D9;



	width: 1000px;



	margin: 15px auto 15px;



}



.hello h3 {

	text-align: center;

}



.content, .topcontent {



 	/*border-left: 1px solid #D9D9D9;



    border-right: 1px solid #D9D9D9;*/



    height: 105%;



    margin: 4px auto;



    padding: 10px 5px 10px 20px;



    position: relative;



    max-width: 975px;



}

.topcontentbg {

	background:url(images/black-linen.png) repeat;	

}

.content:before {



	content: '';



	width: 2px;



	



	height: 100%;



	top: 0px;



	left: 66.7%;



	position: absolute;



}

.contenttop:before {border-right:0}

.content article {



    float: left;



    position: relative;



    width: 63.5%;



}



article iframe {



	border: 0;



}



.content article h1 {



	color: #ed1c24;



}



.content aside {



	float: right;



	width: 30.45%;



	padding: 10px;



}



.content {clear:both;margin-top:10px}



.contents {



	clear: both;



	border-right:1px solid #D9D9D9;



	border-left:1px solid #D9D9D9;



	max-width: 975px;



	padding:10px 5px 10px 20px;



}



.video-container {



    position: relative;



    padding-bottom: 56.25%;



    padding-top: 30px; height: 0; overflow: hidden;



}







.video-container iframe,



.video-container object,



.video-container embed {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



}







aside h4 {



	color: #ed1c24;



	font-family: 'PT Sans';



	font-size: 22px;



	margin: 15px 0;



}



aside h5 {



	color:#555;	



}



.projectinfo {



	background: #EFEFEF;



	padding: 10px;;



	position: relative;



	top: -21px;



	z-index: 4;



	border-bottom: 1px solid #D9D9D9;



	border-left: 1px solid #D9D9D9;



	border-right: 1px solid #D9D9D9;



}



.contacto .projectinfo {



	display: none;



}



.projectinfo .date {



    color: #333333;



    font-family: 'PT Sans';



    font-size: 24px;



    margin: 0 0 3px;



    padding: 0;



    position: relative;



    width: 100%;



    text-align: center;



}



.projectinfo .captain {



	display: block;



	float: none;



	display: block;



    float: none;



    line-height: 27px;



    margin: 10px 0 13px 16px;



    padding: 10px 15px;



    width: 215px;



    position: relative;



    bottom: inherit;



    right: inherit;



}



.projectinfo .captain a {



    font-family: 'PT Sans'; 



	font-weight:bold;



	font-size: 22px;



	color: #fff;



}







.mega {



	font-family: 'PT Sans'; 



	border-bottom: 1px solid #D9D9D9;



    left: 0px;



    margin: 0 0 30px;



    padding: 0 0px 10px 0px;



    position: relative;



    width: 100%;



}



.mega .wordlast {



	font-family: 'PT Sans';



	font-weight:bold;



}







article ul.postlings{



	margin: 0;



	padding: 0 0 5px 0;



}



article ul.postlings li {



	list-style: none;



	border-bottom: 1px solid #D9D9D9;



	padding: 15px 0;



	margin: 0 0 10px 0;



	min-height: 130px;



	position: relative;



}



article ul.postlings li:before {



	height: 2px;



	width: 20px;



	content: '';



	border-bottom: 1px solid #D9D9D9;



	position: absolute;



	bottom: -1px;



	left: -20px;



}



article ul.postlings li img {



    margin: 0 0 15px;



    max-width: 100%;



}



article ul.postlings li h3 {



	font-family: 'PT Sans';



	font-size: 17px;



	margin: 2px 0;



	line-height: 17px;



	font-weight:bold;



}



article ul.postlings li .type {



	margin: 0;



	box-shadow: none;



	margin: 0 8px 8px 0px;



	padding: 8px 6px 0px 6px;



	background: #ddd;



	float: left;



	height: 29px;



	width: 16px;



}



article ul.postlings li .type img {



	margin: 0;



	box-shadow: none;



	width: 18px;



}



.readmore {



    bottom: -1px;



    display: block;



    padding: 5px 10px;



    position: absolute;



    right: -29px;



    font-family: 'PT Sans';

	

		color:#fff;

	background: rgb(242,130,89); /* Old browsers */

background: -moz-linear-gradient(top, rgba(242,130,89,1) 1%, rgba(229,57,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,130,89,1)), color-stop(100%,rgba(229,57,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28259', endColorstr='#e53900',GradientType=0 ); /* IE6-9 */	

border:1px solid #cd2a02;



}



.readmore:hover {

	cursor:pointer;

	background: rgb(239,111,64); /* Old browsers */

background: -moz-linear-gradient(top, rgba(239,111,64,1) 0%, rgba(216,18,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,111,64,1)), color-stop(100%,rgba(216,18,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6f40', endColorstr='#d81200',GradientType=0 ); /* IE6-9 */	

cursor:pointer;	

}



article .seeall {



	color: #fff;



	background: #ed1c24;



    display: block;



    float: left;



    font-family: Helvetica;



    font-size: 12px;



    height:14px;



    line-height: 17px;



    margin: 0px;



    padding: 10px 95px 10px 15px;



    position: relative;



    margin: 10px 0;



}



article .seeall span {



	font-weight:bold;



	font-family: 'PT Sans';



}



article .seeall:hover {



	color: #fff;



	background: #ed1c24;



}



article .seeall:before {



	border-bottom: 17px solid transparent;



    border-left: 17px solid #ed1c24;



    border-top: 17px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    right: -17px;



    top: 0;



    width: 0;



}



article .seeall:hover:before {



	color: #fff;



	border-left: 17px solid #ed1c24;



}







article h1 {



	color: #ed1c24;



	border-bottom: 1px solid #D9D9D9;



    font-family: 'PT Sans';



    margin: 0 0 30px;



    padding: 15px 30px 20px 0px;



    position: relative;



    width: 100%;



    font-size: 30px;



}







article h1:before {



    border-bottom: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 2px;



    left: -20px;



    position: absolute;



    width: 20px;



}



article h1 .wordlast {



	font-weight:bold;



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



}



article h2 {



	color: #555555;



	font-weight:bold;



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



	font-size: 26px;



	margin: 15px 0;



}



article h3 {



	padding-top:30px;



	color: #555555;



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



	font-size: 46px;



	margin: 5px 0 15px 0;



}



article h4 {



	color: #333333;



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



	font-size: 32px;



	margin: 15px 0;



}



article h5 {



	color: #999999;



	font-weight:bold;



	font-family: 'PT Sans';



	font-size: 22px;



	margin: 15px 0;



}



article h6 {



	color: #333333;



	font-family: 'PT Sans';



	font-size: 20px;



	font-weight:bold;



}



article ul li {



	color: #ed1c24;



}



article ol li {



	color: #ed1c24;



}



article .authorbox {



 	background: none repeat scroll 0 0 #F4F4F4;



    border-bottom: 1px solid #D9D9D9;



    border-top: 1px solid #D9D9D9;



    left: -20px;



    padding: 20px 40px;



    position: relative;



    width: 95%;



    margin: 10px 0 -11px 0;



    min-height: 70px;



}



article .authorbox img {



	float: left;



	margin: 0 10px 7px 0;



}



article .authorbox h5 {



	font-size: 14px;



    line-height: 28px;



    margin: 0;



}



article .authorbox p {



	padding: 0px 0 10px 0;



}







article .page_authorbox {



 	background: none;



    border-bottom: 1px solid #D9D9D9;



    left: -20px;



    padding: 20px 40px;



    position: relative;



    width: 95%;



    min-height: 180px;



    margin: -20px 0px 15px 0;



}



article .page_authorbox img {



	float: left;



	margin: 0 10px 7px 0;



}



article .page_authorbox h5 {



	font-size: 14px;



    line-height: 28px;



    margin: 0;



}



article .page_authorbox p {



	padding: 0px 0 10px 0;



}







section h5 a {



	color: #999999;



	font-weight:bold;



	font-family: 'PT Sans';



	font-size: 22px;



	margin:0;



	padding:0;



}



.addthis_default_style  {



	background: none repeat scroll 0 0 #F4F4F4;



    border-right: 1px solid #D9D9D9;



    border-top: 1px solid #D9D9D9;



    margin: 10px 0 -10px -20px;



    padding: 10px 0 9px 28px;



    width: 285px;



}



.twitter-share-button {



	width: 93px !important;



}



 #prevslide, #nextslide {



 	z-index: 9999999 !important;



 }



/*



    // ========================================== \\



   ||                                              ||



   ||                   SIDEBAR                    ||



   ||                                              ||



    \\ ========================================== //



*/



/*Client Review*/

aside p {font-family: 'PT Sans',Arial,sans-serif;color:#5b5b5b;}

.review_outer_para {



	float: left;



	background: url(images/66.png) top left no-repeat;	



}



.review_inner_para {



	background: url(images/99.png) bottom right no-repeat;



	margin-bottom:15px;



}



/*Facebook*/



 .facebookInner {



    height:250px;



    overflow:hidden;



  }



  .facebookbox {



	margin: 15px 0;



	padding-bottom: 15px;



	border-bottom: none;  



  }



.searchcontainer {



	border-bottom: 1px solid #D9D9D9;



    margin: 0 0 30px;



    padding: 0 10px 10px 0åpx;



    position: relative;



    width: 100%;



}



.searchform {



	position: relative;



}



.searchcontainer input {



	padding: 4px 4px 4px 15px;



	width: 93%;



	font-size: 14px;



	height: 30px;



	border: 1px solid #D9D9D9;



}



.search-btn {



	background: url(images/search_bg.png) no-repeat;



	height: 32px;



	width: 32px;



	position: absolute;



	right: 16px;



	top: 4px;



}



.sidewidgets {



	position: relative;



	padding-bottom: 15px;



	border-bottom: 1px solid #d9d9d9;



}



.sidewidgets:before {



    border-bottom: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 2px;



    position: absolute;



    width: 16px;



}



.sidewidgets:after {



    border-bottom: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 2px;



    position: absolute;



    width: 16px;



}



.sidewidgets h2 {



	font-weight:bold;



	font-family: 'PT Sans';



	font-size: 22px;



}



.sidewidgets ul li {



	 padding: 10px 0;



}



.sidetabs {



	position: relative;



	padding-bottom: 15px;



	border-bottom: 1px solid #d9d9d9;



}



.sidetabs:before {



    border-bottom: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 2px;



    left: -16px;



    position: absolute;



    width: 16px;



}



.sidetabs:after {



    border-bottom: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 2px;



    right: -16px;



    position: absolute;



    width: 16px;



}








.tabcontain a {



	color: #ffba00;



}



.tabcontain li p {



	color: #cfcfcf;



}



.quote {



	color: #fff;



	font-family: 'PT Sans';



	font-size: 24px;



	line-height: 36px;



	font-weight: lighter;



}



.quoter {



	color: #fff;



	font-family: 'PT Sans';



	font-size: 13px;



	line-height: 18px;



	padding: 20px 0 0 0;



	margin: 10px 0 0 0;



	font-weight: lighter;



}



a.slicker {



	color: #333;



	font-size: 11px;



}



.slicker a:before {



    border-bottom: 16px solid transparent;



    border-left: 16px solid #FFFFFF;



    border-top: 16px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    right: -16px;



    top: 0;



    width: 0;



}



.slicker a {



    background: none repeat scroll 0 0 #FFFFFF;



    color: #515151;



    display: block;



    font-family: 'PT Sans';



    font-size: 14px;



    height: 11px;



    line-height: 13px;



    margin: 15px 0 10px;



    max-width: 100px;



    padding: 10px 15px;



    position: relative;



}



#tab1 .avatar {



	border: 2px solid #fff;



	float: left;



	margin: 5px 8px 5px 0;



}



.tweetbox {



	margin: 15px 0;



	position: relative;



	padding-bottom: 15px;



	border-bottom: 1px solid #d9d9d9;



}



.tweetbox:before {



    border-bottom: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 2px;



    left: -16px;



    position: absolute;



    width: 16px;



}



.tweetbox:after {



    border-bottom: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 2px;



    right: -16px;



    position: absolute;



    width: 16px;



}



.tweet_list li {







	position: relative;



	margin: 20px 0;



}



.tweet_list li a {



	color:#ed1c24;



}







.tweet span {



	font-family: Helvetica;



	color: #4c4c4c;



	font-size: 13px;



	line-height: 22px;	



}



.tweet_list {



	padding: 0;



}



.followbird {



   	background: url("images/twitterside.png") no-repeat scroll left center transparent;



    color: #ed1c24;



    display: block;



    font-family: 'PT Sans';



    margin: 15px 0px;



    padding: 4px 4px 4px 53px;



}







.followbird span {



	font-weight:bold;



	font-family: 'PT Sans';



}























/* -----------------------------------------------------------------   Project Page Gallery ---------- */



















#carousel-gallery {



	width: 100%;



	margin: 0;



	padding: 15px 0;



	background: #EFEFEF;



	overflow: hidden !important;



}		



#carousel-gallery .touchcarousel-wrapper {



	overflow: visible;



	margin-left: 0px;



}







#carousel-gallery .arrow-icon.left {



	left: 25px;				



}



#carousel-gallery .arrow-icon.right {



	right: 25px;			



}



#carousel-gallery .arrow-holder {



	width: 60px;	



}



#carousel-gallery  .scrollbar-holder {



	bottom: 6px;



}







.touchcarousel-item span {



	position: absolute;



	bottom: 20px;



	left: 20px;



	background: url(images/expand.png) no-repeat;



	height: 25px;



	width: 25px;



	z-index: 99999;



	display: none;



}		



#carousel-gallery li:hover span {



	display: block;



}



.touchcarousel-item span a {



	display: block;



	width: 25px;



	height: 25px;



}



/*========================================================= Responsive area ======= */







/* ==== Thumbnails ==== */











.socialbar {



	position: absolute;



	top: 200px;



	background: #fff;



	display: block;



	padding: 4px;



	right: 0;



	z-index: 999;



}







.socialbar img {



	margin: 0 3px;



	width: 23px;



	float: left;



	position: relative;



	opacity: 0.5;



}



#thumbnails ul li .socialbar a {



	width: inherit;



	display: inline;



	background: none;



}



#thumbnails {



	margin: 0px auto 20px;



	overflow: visible !important;



	width: 970px;



}



#thumbnails ul {



    padding : 0px 0 10px 0;



    max-width: 970px;



    margin: auto;



}



#thumbnails ul li {



    border: 1px solid #D9D9D9;



    display: inline-block;



    margin: 9px;



    position: relative;



    width: 300px;



    *display: inline; 



    _height: 30px;



    height: 376px;



}







#thumbnails .shadow {



	position: absolute;



	bottom: -18px;



	left: 4px;



	max-width: 100%;



	zoom: 1;



	*bottom: -15px;



}



@-moz-document url-prefix() { 



	#thumbnails .shadow {



		bottom: -20px;



	}



}



#thumbnails .shadow img {



	max-width: 100%;



}



#thumbnails ul li a, #thumbnails ul li a img, #thumbnails ul li a span { display : block; }
#thumbnails ul li a img {width:100%;height:auto;}


#thumbnails ul li a {



    background : #0c0d0d;



    width : 300px;



    position : relative;



    overflow : hidden;



}



#thumbnails ul li .title {



    background : #fff;



    opacity: 1 !important;



    height : 30px;



    overflow: hidden;



    padding : 10px 20px 30px 14px;



    position: relative;



    position: absolute;



    width: 266px;



    opacity: 1 !important;



    bottom: 0;



}



#thumbnails ul li.hover .title {



	z-index: 99999999;



	opacity: 1 !important;



	overflow: visible;



}



#thumbnails ul li .title p {



    color: #ed1c24;



     font-family: 'PT Sans';



     max-width: 220px;



     min-height: 15px;



     padding: 0 0 20px 0;



}



#thumbnails ul li .arrowlink a {



	background: transparent;



	width: 28px;



	height: 44px;



}







.arrowlink {



   	background: none repeat scroll 0 0 transparent;



    border-left: 1px solid #D9D9D9;



    bottom: -1px;



    height: 60px;



    padding: 11px 8px 0 11px;



    position: absolute;



    right: 0px;



    width: 28px;



    z-index: 9999999;



}







#thumbnails h4 {



	color: #5151;



	font-weight:bold;



	font-family: 'PT Sans';



	font-size: 15px;



	line-height: 18px;



	margin-bottom: 3px;



	max-width: 220px;



	color: #515151;



}



article #thumbnails h4 {



	margin: 0 0 3px 0;



}



article #thumbnails {



	width: 650px; 



	margin: auto;



}



article #thumbnails ul li {



	padding: 0;



	list-style: none;



	font-family: inherit;



	line-height: inherit;



}



.seeall {



	color: #515151;



    display: block;



    float: left;



    font-family: 'PT Sans';



    font-size: 18px;



    height:14px;



    line-height: 14px;



    padding: 10px 95px 10px 15px;



    background: #fff;



    position: relative;



	margin-left:10px;



}



.seeall span {



	font-weight:bold;



	font-family: 'PT Sans';



}



.seeall:hover {



	color: #fff;



	background: #ed1c24;



}



.seeall:before {



	border-bottom: 17px solid transparent;



    border-left: 17px solid #FFFFFF;



    border-top: 17px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    right: -17px;



    top: 0;



    width: 0;



}



.seeall:hover:before {



	color: #fff;



	border-left: 17px solid #ed1c24;



}



/* ------------------ FLY OUT ------------------ */







.contactpanel {



	background: #d8d8d8;



	display: none;



	height: 100%;



	position: fixed;



	top: 0;



	left: 0;



	width: 100%;



	z-index: 99999999;



}







	.contactpanel .container {



		display: block;



		margin: auto;



		width: 720px;



	}







	.contactpanel .linecontact {



		margin: auto;



		width: 720px;



	}







		.linecontact .linecontact01 {



			background:



				url(graphics/line.png)



				no-repeat



				scroll;



			margin-left: -733px;



			position: absolute;



 			top: 0;



			width: 740px;



			height: 740px;



		}







		.linecontact .linecontact02 {



			background:



				url(graphics/line.png)



				no-repeat



				scroll;



			position: absolute;



			margin-left: 130px;



 			top: 0;



			width: 25px;



			height: 25px;



		}







		.linecontact .linecontact03 {



			background:



				url(graphics/line.png)



				no-repeat



				scroll;



			position: absolute;



			margin-left: 306px;



 			top: 0;



			width: 88px;



			height: 88px;



		}







	.contactpanel .logo {



    	font-size: 24px;



    	margin: 20px 0 10px 0;



    	text-align: center;



    	position: relative;



	}



    .contactpanel .logo img {



    	max-width: 300px;



    }



    	sup {



			font-size: 11px;



			position: relative;



			bottom: 9px;



			vertical-align: 0;



		}







	.contactpanel h2 {



        color: #fff;



		font-family: 'PT Sans';



		font-size: 20px;



		line-height: 30px;



		text-shadow: none;



		margin-bottom: 25px;



		



    }



    .contactpanel a.close {



    	background: #333;



        color: #fff;



        display: block;



        float: right;



        position: relative;



        top: -20px;



        right: -20px;



		font-weight:bold;



       	font-family: 'PT Sans';



        font-size: 20px;



        height: 25px;



        padding-top: 3px;



        text-align: center;



        width: 28px;



        -webkit-transition-property: color, background;



 		-webkit-transition-duration: 300ms, 300ms;



 		-webkit-transition-timing-function: linear, ease-in;



		-moz-transition-property: color, background;



 		-moz-transition-duration: 300ms, 300ms;



 		-moz-transition-timing-function: linear, ease-in;



    }



	.captain {



		position: absolute;



		bottom: -45px;



		right: 16px;



		*right: -12px;



		zoom: 1;



	}



	.inquiryform {



		position: relative;



		



	}



    .contactpanel a:hover.close {



    	background: #ff0000;



    }







    /* ----- FORM ----- */







	textarea, input, select {



		color: #a1a1a1;



		resize: none;



	}







	textarea:focus, input:focus, select:focus { 



		color: #333;



	}



	.singulartext, .primaryinputs {



		margin-left: -9px;



	}



	.primaryinputs {



		margin-left: 0;



	}



	.primaryinputs span {



		display: block;



		margin: 0 9px 0 0;



    	width: 229px;



		float: left;



	}



	article .primaryinputs span {



		display: block;



	    float: left;



	    margin: 0;



	    width: 205px;



	}



	.primaryinputs span input {



		width: 205px;



		padding: 10px;



		border: 1px solid #ddd;



	}



	article .primaryinputs span input {



		width: 175px;



		padding: 10px;



		border: 1px solid #ddd;



	}



	.primaryinputs span label {



		font-size: 12px;



		font-family: 'PT Sans';



		color: #333;



	}



	



	.singulartext span {



		display: block;



		width: 220px;



		margin: 0 9px;



		float: left;



	}



	.singulartext span label {



		font-size: 12px;



		font-family: 'PT Sans';



		color: #333;



	}



	.singulartext span textarea {



		width: 682px;



		background: #fff;



		height: 200px;



		padding: 10px;



		border: 1px solid #ddd;



	}



	article .singulartext span textarea {



		width: 599px;



		background: #fff;



		height: 200px;



		padding: 10px;



		border: 1px solid #ddd;



	}



	.contactpanel .form button {



		font-size: 12px;



		font-weight:bold;



		color: #fff;



		background: #333;



		margin: 15px 0;



        color: #fff;



        display: block;



        float: left;



       	font-family: 'PT Sans';



        font-size: 36px;



        padding: 10px 20px;



        text-align: center;



        -webkit-transition-property: color, background;



 		-webkit-transition-duration: 300ms, 300ms;



 		-webkit-transition-timing-function: linear, ease-in;



		-moz-transition-property: color, background;



 		-moz-transition-duration: 300ms, 300ms;



 		-moz-transition-timing-function: linear, ease-in;



 		cursor: pointer;



    }



	



    .contactpanel .form .captain:hover {



    	background: #ff0000;	



	}



	



	article .form .captain {



		font-size: 12px;



		font-family: 'PT Sans';



		color: #fff;



		background: #333;



		margin: 15px 0;



        color: #fff;



        display: block;



        float: left;



       	font-weight:bold;



        font-size: 36px;



        padding: 10px 20px;



        text-align: center;



        -webkit-transition-property: color, background;



 		-webkit-transition-duration: 300ms, 300ms;



 		-webkit-transition-timing-function: linear, ease-in;



		-moz-transition-property: color, background;



 		-moz-transition-duration: 300ms, 300ms;



 		-moz-transition-timing-function: linear, ease-in;



 		cursor: pointer;



    }



	



    article .form .captain:hover {



    	background: #ff0000;	



	}



	.comment-notes {



		margin: 4px 0 10px 0;



		font-family: Helvetica, Arial;



		font-size: 12px;



		color: #bbb;



	}



	#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {



		width: 195px;



		float: left;



		margin: 0 5px;



		list-style: none;



		line-height: 14px;



	}



	#commentform .comment-form-author input, #commentform .comment-form-email input, #commentform .comment-form-url input {



		border: 1px solid #D9D9D9;



    	padding: 10px;



    	width: 170px;



	}



	.comment-form-comment label {



		padding-left: 5px;



		}



	#commentform label {



		margin: -10px 0 4px 0;



		font-family: Helvetica, Arial;



		font-size: 12px;



		color: #bbb;



	}



	p.form-allowed-tags {



		display:none;



	}



	#respond textarea {



		background: none repeat scroll 0 0 #FFFFFF;



	    border: 1px solid #D9D9D9;



	    height: 200px;



	    margin: 0 0 15px 5px;



	    padding: 10px;



	    width: 581px;



	    



	}


		
	#respond textarea#comment {	
	width:100%;
	}

	#respond p {



		padding: 0;



	}



	#comments {



		position: relative;







		border-top: 1px solid #D9D9D9;



		margin: 10px 0;



		padding: 15px 0;



	}



	#comments:before {



	   	border-top: 1px solid #D9D9D9;



    	bottom: 0px;



    	content: "";



    	height: 100%;



    	left: -20px;



    	position: absolute;



    	width: 20px;



	}



	#comments:after {



	   border-top: 1px solid #D9D9D9;



    	bottom: 0px;



    	content: "";



    	height: 100%;



    	right: 0px;



    	position: absolute;



    	width: 30px;



	}



	#comments ol {



		margin: 0;



	}



	#comments ol li {



		list-style: none;



		min-height: 100px;



		padding: 15px 0;



		position: relative;



		border-bottom: 1px solid #D9D9D9;



	}



	#comments ol li:before {



	   	border-bottom: 1px solid #D9D9D9;



    	bottom: -1px;



    	content: "";



    	height: 100%;



    	left: -20px;



    	position: absolute;



    	width: 20px;



	}



	#comments ol li:after {



	   border-bottom: 1px solid #D9D9D9;



    	bottom: -1px;



    	content: "";



    	height: 100%;



    	right: 0px;



    	position: absolute;



    	width: 30px;



	}



	#comments ol li img {



		padding: 4px;



		border: 1px solid #D9D9D9;



		float: left;



		margin: 0 7px 7px 0;



	}



	#comments ol li ul.children li {



		background: #DFE3DA;



		padding: 20px;



		border: none;



		margin: 10px 0 0 0;



	}



	#comments ol li ul.children li:after {



		border: none;



		 border-bottom: 10px solid #DFE3DA;



	    border-left: 10px solid transparent;



	    border-right: 10px solid transparent;



	    content: "";



	    height: 0;



	    left: 50%;



	    margin-left: -5px;



	    position: absolute;



	    top: -10px;



	    width: 0;



	    z-index: 99999;



	}



	#comments ol li ul.children li:before {



		border: none;



	}



	#respond input.captain {



		font-size: 12px;



		font-weight:bold;

	



		color: #fff;



		background: #333;



		border: none;



		margin: 15px 0 15px 8px;



        color: #fff;



        display: block;



        float: left;



       	font-family: 'PT Sans';



        font-size: 36px;



        padding: 10px 20px;



        text-align: center;



        -webkit-transition-property: color, background;



 		-webkit-transition-duration: 300ms, 300ms;



 		-webkit-transition-timing-function: linear, ease-in;



		-moz-transition-property: color, background;



 		-moz-transition-duration: 300ms, 300ms;



 		-moz-transition-timing-function: linear, ease-in;



 		cursor: pointer;



    }



	



    #respond input.captain:hover {



    	background: #ff0000;	



	}



	



	



	.captain {



		font-size: 12px;



		font-family: 'PT Sans';



		color: #fff;



		background: #333;



		border: none;



		margin: 5px 0 0 -8px;



        color: #fff;



        display: block;



        float: left;



       	font-family: 'PT Sans';



        font-size: 36px;



        padding: 10px 20px;



        text-align: center;



        -webkit-transition-property: color, background;



 		-webkit-transition-duration: 300ms, 300ms;



 		-webkit-transition-timing-function: linear, ease-in;



		-moz-transition-property: color, background;



 		-moz-transition-duration: 300ms, 300ms;



 		-moz-transition-timing-function: linear, ease-in;



 		cursor: pointer;



 		right: 16px;



		*right: -12px;



		zoom: 1;



    }



	



    .captain:hover {



    	background: #ff0000;	



	}



/* ------------------ EXTRAS ------------------ */







::selection, ::-moz-selection {



	color: #d0d0d0;



}







/*------------------- ABOUT PAGE ------------------*/



.imagecontainer {



	width:1002px; 



	margin:0 auto;



	padding-top:5px;



}



#about_page_image1 {width:27%;}

#about_page_image2 {width:70%;}

.entry {



	padding-left: 20px;



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



	background-repeat: no-repeat;



	background-position: 0px 6px;	



}



.reviewauthor {



	text-align:right;



	font-size:14px;



	margin-top:-15px;	



}



/*------------------- CONTACT PAGE ------------------*/



.specialtext {



	color:#ed1c24;	



}



.contactcolumns {



	width:290px;



	float:left;



	margin-right:25px;	



}



.contactcolumn3 {margin:0}



.contactcolumns ul {



	margin:0;padding:0;width:300px;	



}



.contactcolumns h6 {



	margin:0;



	padding:0;	



	line-height:20px;



}




.contactcolum h4 a{

	color: #333;
	font-family: 'BenchNine', sans-serif;
	font-size: 32px;
	margin: 15px 0;
}


.contactcolumns .socialmedialinks li{



	list-style:none;



	padding:0;



	margin:0 -5px;



}



.contactcolumns .socialmedialinks a{



	width:45px;



	margin-right:8px;



}

#wpcf7-f882-p5-o1 input {width:65%;}
#wpcf7-f882-p5-o1 input#submitbtn {	width:30%;}
#wpcf7-f882-p5-o1 input.wpcf7-captchar {width:45%;}
#wpcf7-f882-p5-o1 p {padding-bottom:5px;}
#submitbtn {
	
	display:block;

	padding: 6px 15px;

	color:#fff;

	background: rgb(242,130,89); /* Old browsers */

	background: -moz-linear-gradient(top, rgba(242,130,89,1) 1%, rgba(229,57,0,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,130,89,1)), color-stop(100%,rgba(229,57,0,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28259', endColorstr='#e53900',GradientType=0 ); /* IE6-9 */	

	border:1px solid #cd2a02;

	margin-left:0;
}



#submitbtn:hover {

	cursor:pointer;

	background: rgb(239,111,64); /* Old browsers */

	background: -moz-linear-gradient(top, rgba(239,111,64,1) 0%, rgba(216,18,0,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,111,64,1)), color-stop(100%,rgba(216,18,0,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6f40', endColorstr='#d81200',GradientType=0 ); /* IE6-9 */	

}

div.wpcf7-response-output {margin:0;}

.submitcontain img {

	vertical-align:middle;

}	

#contact_page_image2 {

	width:28%;

}

#contact_page_image3 {width:70.8%;}

.imagecontainer img {width:100%;}

/*blog page*/

.blogpost {

	

	width:81%;	

}

.ftpostimg {float:left;margin-right:2%;}

/*



    // ========================================== \\



   ||                                              ||



   ||               Footer Areas                   ||



   ||                                              ||



    \\ ========================================== //



*/











.wpcf7 .button {



	background: url(images/submit.png) no-repeat;



	width: 67px;



	height: 27px;



	border: 0;



	padding: 6px;



	border-radius: none;



	margin: 3px 0;



	color: #cccccc;



	



}



.footer {



	background: url(images/bg.png);



	margin: -10px 0 0 0;



	position: relative;



	z-index: 1;



	min-height: 200px;



}







.foot {



	width: 1000px;



	margin: auto;



	position: relative;



	min-height: 300px;



	padding: 10px 0 0 0;



}







.foot li {



	width: 210px;



	margin: 6px;



	float: left;



	padding: 0 10px;



}



#master li {



	width: 25%;



	float: left;



	margin: 5px;



}



#master {



	width: 90% !important



}



.foot .wpcf7 p {



	color: #598687;



	font-size: 11px;



	line-height: 14px;



}



.foot h3 {



	color: #ed1c24;



	font-size: 18px;



}



.foot h3 .wordfirst, .foot h3 .wordlast {



	color: #ed1c24;



	font-size: 18px;



	font-family: 'PT Sans',Arial,sans-serif;



	font-weight:bold;



}



.footer li h2:before {



    border-bottom: 17px solid transparent;



    border-left: 17px solid #FFFFFF;



    border-top: 17px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    right: -17px;



    top: 0;



    width: 0;



}



.footer li h2 {



    background: none repeat scroll 0 0 #FFFFFF;



    color: #ed1c24;



	font-weight:bold;



    display: block;



    font-family: 'PT Sans',Arial,sans-serif;



    font-size: 16px;



    height: 14px;



    line-height: 13px;



    margin: 15px 0 10px 0;



    max-width: 200px;



    padding: 10px 15px;



    position: relative;



}







.foot li ul {



	padding: 0;



	margin: 0 5px;



	float: left;



	width: 140px;



}



.foot li ul li {



	line-height: 14px;



	font-size: 12px;



	font-family: 'PT Sans',Arial,sans-serif;



	color: #555;



	padding: 0;



}



.foot li ul li a {



	color: #555555;



}



.foot li ul li a:hover {



	color: #ed1c24;



}



.foot form {



	padding-left: 15px;



}



.foot input {



	background: #0d0d0d;



	width: 280px;



	border: 1px solid #392e2f;



	padding: 6px;



	border-radius: 6px;



	margin: 3px 0;



	color: #cccccc;



}



.foot textarea {



	background: #0d0d0d;



	width: 280px;



	height: 100px;



	border-radius: 6px;



	margin: 3px 0;



	border: 1px solid #392e2f;



	padding: 6px;



	color: #cccccc;



}



.foot input.button {



	background: url(images/submit.png) no-repeat;



	width: 67px;



	height: 27px;



	border: 0;



	padding: 6px;



	border-radius: none;



	margin: 3px 0;



	color: #cccccc;



}



.topheading {



	background-color: #222222;



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



    background-position: 0 0;



    border-bottom: 1px solid #000000;



    bottom: 120px;



    height: 77px;



    left: -5px;



    max-width: 80%p;



    position: absolute;



    width: 75%;



    z-index: 999;	



}







.footer .wpcf7 p {



	padding: 0;



}



/*CUSTOM FOOTER*/



.foot #rightfootermid h2{



	width:125px;



}



.foot .rightfooter {



	float:right;



}







.foot #rightfooterlast ul {float:right;}



.foot #rightfooterlast ul li {



	width: 150px;



	margin-left: 18px !important;



}



.foot #rightfooterlast h2 {



	width:125px;



	text-align:right;



	margin-left:60px;



}



.foot #leftfooterfirst h2,.foot #leftfootersecond h2 {



	width:125px;	



}



.foot #rightfooterlast h2:before {



	border:none;



	border-bottom: 18px solid transparent;



    border-right: 18px solid #FFFFFF;



    border-top: 18px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    left: -18px;



    top: -1px;



    width: 0;



}







.copyright {



	background: url(images/smartbar_re.png) repeat;



	padding: 10px 0;



	position: relative;



	text-align: left;



}



.copyright p {font-size:12px}



.copyright:before {



	background: url("images/topshadow.png") repeat-x scroll 0 0 transparent;



    content: "";



    height: 14px;



    left: 0;



    position: absolute;



    top: -14px;



    width: 100%;



}



#webdesign {



	float:right;



}



.isotope-item {



  z-index: 2;



}







.isotope-hidden.isotope-item {



  pointer-events: none;



  z-index: 1;



}











/**** Isotope CSS3 transitions ****/











/* End: Recommended Isotope styles */















/* disable CSS transitions for containers with infinite scrolling*/



.isotope.infinite-scrolling {



  -webkit-transition: none;



     -moz-transition: none;



      -ms-transition: none;



       -o-transition: none;



          transition: none;



}











/*=====================================================> FACEBOOK STYLE HEADINGS <=============================================== */







.fb-arena {



	width: 720px;



	margin: auto;



	background: #fff;



	padding: 15px;







}



.fb-arena h2 {



	border-top: 1px solid #D9D9D9;



	color: #333333;



    font-size: 32px;



    border-bottom: 1px solid #D9D9D9;



    border-bottom: 1px solid #D9D9D9;



    font-family: 'PT Sans';



    margin: 0 0 30px;



    padding: 15px 30px 20px 0;



    position: relative;



    width: 100%;



}



.fb-arena h2:before {



    border-bottom: 1px solid #D9D9D9;



     border-top: 1px solid #D9D9D9;



    bottom: -1px;



    content: "";



    height: 100%;



    left: -30px;



    position: absolute;



    width: 30px;



}



.fb-arena .postlings li img {



	width: 690px;



}



.fb-main {



	width: 750px;



	margin: auto;



	background: #fff;



	position: relative;







}



.fbhead {



	font-size: 32px; 



	line-height: 20px; 



	color: #fff; 



	background-color: #000; 



	margin: -22px 0 10px -15px; 



	padding: 25px 10px 25px 20px;



	position: relative;



}



.fbhead:before {



	content: '';



	background: #000;



	position: absolute;



	left: -15px;



	top: 0;



	height: 100%;



	width: 15px;



}



.fbhead:after {



	content: '';



	background: #000;



	position: absolute;



	right: -15px;



	top: 0;



	height: 100%;



	width: 15px;



}



.fb-main .hellobox {



    background: none repeat scroll 0 0 #ed1c24;



    bottom: 55px;



    left: 25px;



    opacity: 0.8;



    padding: 20px;



    position: absolute;



    width: 425px;



}



/**** Base styles ****/



#topslider {

	max-width:800px;

	margin:0 auto;

	margin-top:10px;	

}

#topslider {

	max-width:1000px;

	margin:0 auto;

	margin-top:10px;	

}

.caption {margin-top:-30px;

background:rgba(220,220,220, .6);

display:block;}









#thumbnails ul li.cherrypick {



	height: 297px; 



	width: 220px;



}







.teamwide ul li .title {



	width: 186px !important;







}

/* ----------- E-Commerce---------*/

.ecomnav {

	width:100%;

	float:left;

	margin:0 auto;

	margin-top:-2px;

	height:45px;

	background:url('images/ecomnav.jpg') repeat-x;

	font-family:'PT Sans', Arial, sans-serif;

	color:#fff; 

}

.ecomnav a {

	color:#fff;	

	text-shadow: 1px 1px 3px rgb(255, 51, 0);	

}

.ecomnav a:hover {

	color:#fceeea;

	text-shadow: 1px 1px 3px rgba(186, 40, 4, 0.8);		

}

.ecomnav ul {	

	width:1000px;

	margin:0 auto;

}

.ecomnav ul li {

	display:inline-block;

	list-style:none;

	padding:7px 5px 0 10px;

}

.ecomnav img {

	vertical-align:middle;

	padding:0 10px 5px 0;

}

.ecomnav ul li.title {

	float:left;	

	font-size:24px;

	font-weight:bold;

	padding:7px 0 0 10px;

	text-shadow: 1px 1px 3px rgba(200, 45, 8, 0.8);	

}

.ecomnav .right {

	float:right;	

}

ul.products li.product h3 {

	font-size:1.7em !important;	

}



.login p.form-row-last, .login p.form-row-first {

	float:none;

	width:70%;	

}

.register p.form-row-last, .register p.form-row-first {

	float:none;

	width:70%;	

}

.login input, .register input {

	border:1px solid #e0e0e0;

	background:#f7f7f7;	

	padding:5px 0;

	-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

.login input:focus, .register input:focus {

	border:1px solid #fd8465;	

}

.login input[type=submit], .register input[type=submit] {

	padding: 6px 15px;

	color:#fff;

	background: rgb(242,130,89); /* Old browsers */

background: -moz-linear-gradient(top, rgba(242,130,89,1) 1%, rgba(229,57,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,130,89,1)), color-stop(100%,rgba(229,57,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(242,130,89,1) 1%,rgba(229,57,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28259', endColorstr='#e53900',GradientType=0 ); /* IE6-9 */	

border:1px solid #cd2a02;

}

.login input[type=submit]:hover, .register input[type=submit]:hover {

	background: rgb(239,111,64); /* Old browsers */

background: -moz-linear-gradient(top, rgba(239,111,64,1) 0%, rgba(216,18,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,111,64,1)), color-stop(100%,rgba(216,18,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(239,111,64,1) 0%,rgba(216,18,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6f40', endColorstr='#d81200',GradientType=0 ); /* IE6-9 */	

}

/* ==== Media Queries ==== */







/* Wide Screen  */



@media (min-width : 1280px) {







       .primary {



			width: 100%;



		}



		.teamwide {



			width: 75% !important



		}



		.logo img.small_logo{

		display:none;

		}

}



/* Default Screen */

/*tooltip*/

		a.tooltip {

		  position: relative;

		  text-decoration: none;

		}

		a.tooltip span {display: none;}

		a.tooltip:hover span {

		  display: block;

		  position: absolute; 

		  padding: .5em;

		  content: attr(title);

		  min-width: 120px;

		  text-align: center;

		  width: auto;

		  height: auto;

		  white-space: nowrap;

		  top: -75px;

		  color: #fff;

		  text-align: center;

		  text-indent: 0px;

		  -moz-border-radius:10px;

		  -webkit-border-radius:10px;

		  border-radius:10px;    

		  font-size: 1em;

		  line-height:1.3em;



		}

		a.tooltip img {

			vertical-align:top;

			margin-right:1px;

			float:left;

		}

		a.tooltip:hover span:after {

		  position: absolute;

		  display: block;

		  content: "";  


		  height:0;

		  width:0;

		  position:absolute;

		  bottom: -16px;

		  left:1em;

		}

@media (min-width : 960px) and (max-width : 1000px) { 		
		.foot {width:98%;}
		}
		.foot li {width:200px;}
@media (min-width : 960px) and (max-width : 1280px) { 		

		
		#supersized { height: 420px !important; }
		
		#supersized li{
		top:150px:
		}
		
		.primary-header {
			height: 430px;
			}

		#page { width : 960px; } 



		#second { height: 3100px; }



		#wider { max-width: 1000px !important; }



		.wider { width: 975px !important; min-width: 970px !important; }



		.copyright {padding:10px 1% 10px 1%;}



		.copyright p {width:100%}





		.lownav {



			max-width:1000px;



		}



		.wider {



			min-width: 0 !important;



		}

		.logo {

			left:20px;	

		}

		.logo img {



			width:380px



		}

		

		.logo img.small_logo{

		display:none;

		}

    }







@media (min-width : 800px) and (max-width : 960px) { 



		.wider {



			min-width: 0 !important;



		}
		
		#supersized{ height: 350px !important; }
		
		#supersized li { top: 110px !important; }

		.primary-header {
			height: 370px;
			}

		.hello {



			width:100%;



		}



	    nav {



			position: relative;



			position: fixed;



			left: 50%;



		    margin-left: -400px;



		    top: 0px;	



		    width: 800px;



		    min-height: 115px;



		    z-index: 9999;



		    opacity: 1\0/ !important; /* IE 8-9 */



			zoom: 1;



		}



		nav .nav-primary {



			float: right;



			position: relative;



			top:10px;



			right:10px;



			max-width: 800px;



		}



		.blogpost {



			width: 75%;

		}



		.lownav {



			width: 96%;



		}

		

		.ecomnav ul {

			width:97%;

		}



		.foot {



			width:100%



		}







		.foot .rightfooter {



			float:left;



		}







	    .footer {



	    	width: 100%;



	    	min-height: 20px;



	    }







	    .lownav .trigger {



	    	position: absolute;



	    	right: 5px;



	    	top: 5px;



		}



	    .lownav .lefty {



			width: 100%;



		}







		.socials,.lownav .socials {



			width: 24%;



		}



		.filter::before {



		border:none;



		}



		.projectnav::after,.projectnav::before {



		border:none;



		}



		.contactcolumn2 {display:none}



		.imagecontainer {max-width:98%;padding-left:2%;}



		



		#contact_page_image1 img,#contact_page_image2 img,#contact_page_image3 img {width:100%;height:auto;}







		.copyright {



			padding:10px 0 15px 12px;	



		}







		.foot li {



			width:165px;



		



		}

		

		.foot #rightfooterlast h2 {



			margin-left:30px;



		}

		.logo img {

			width:260px

		}

		.small_logo{

		display:none;

		}



}















/* Tablet Screen Big */


@media (min-width : 720px) and (max-width : 880px) {
	#facebook_status_box {width:250px !important;}

}

@media (min-width : 720px) and (max-width : 800px) {



	.wider {



		min-width: 0 !important;



	}

	.bx-wrapper img {width:100%}

    nav {



		position: relative;



		position: fixed;



		left: 50%;



	    margin-left: -400px;



	    top: 0px;	



	    width: 800px;



	    min-height: 115px;



	    z-index: 9999;



	    opacity: 1\0/ !important; /* IE 8-9 */



		zoom: 1;



	}



	nav .nav-primary {



		float: right;



		position: relative;



		top:10px;



		right:10px;



		max-width: 800px;



	}


		#supersized { height: 360px !important; }
		
		#supersized li{ top: 95px !important; }

		.primary-header {
			height: 330px;
			}




	.lownav {



		width: 96%;



	}



	.projectnav::after,.projectnav::before {



	border:none;



	}



	.foot {



		width:100%



	}







    .foot #leftfootersecond {



    	display: none;



    }



	.foot .rightfooter {



		float:right;



	}



	.foot li {

		

		width:190px;

		

	}



    .footer {



    	width: 100%;



    	min-height: 20px;



    }







    .lownav .trigger {



    	position: absolute;



    	right: 5px;



    	top: 5px;



	}



    .lownav .lefty {



		width: 100%;



	}



	.ecomnav ul {	

		width:97%;	

	}

	.socials,.lownav .socials {



		width: 24%;



	}



	.filter::before {



	border:none;



	}







	.contactcolumn2 {display:none}



	.imagecontainer {max-width:98%;padding-left:2%}



	#contact_page_image1,#contact_page_image2,#contact_page_image3 {display:none;}



	#contact_page_image1 img,#contact_page_image2 img,#contact_page_image3 img {width:100%;height:auto;}



	.copyright {



		padding:10px 0 15px 12px;	



	}

	

	.foot #rightfooterlast h2 {



			margin-left:30px;



	}

	

	.logo img {

			width:220px

		}

	.logo img.small_logo{

		display:none;

		}

	

}











/* ========================================================8888888888888 8888888 888888 >>>>>>>  Tablet Screen Small */



@media (min-width : 640px) and (max-width : 768px) {



	#supersized { height: 360px !important; }
	
	#supersized li{ top: 135px !important; }

		.primary-header {
			height: 370px;
			}



   nav {



		position: relative;



		position: fixed;



		left: 50%;



	    margin-left: -340px;



	    top: 0px;	



	    width: 600px;



	    min-height: 115px;



	    z-index: 9999;



	    opacity: 1\0/ !important; /* IE 8-9 */



		zoom: 1;



	}



	.hellobox { 



		display: none;



	}



	nav .nav-primary li {



		margin: 0 12px;



	}



	nav .nav-primary li a {



		font-size: 12px;



	}







	nav div {



		top: 0 !important;



	}



	#thumbnails {



		min-width: 0 !important;



	}

	

	.bx-wrapper img {width:100%}

	.facebookbox {display:none}

	.blogpost {

		width: 71%;

}

	#wider {



		min-width: 0 !important;



		width: 95% !important;



	}



	.primary {



		 right: -62px;



    width: 79%;



	}



	.primary-header .trigger {



		display: none;



	}



	.filter:before {



		display: none;



	}



	.socials {



		display: none;



	}


    .lownav .socials {width:32%;display:block;}
	



	.filter {



		width: 90%;



		margin-left: 15px;



	}



	.hello {



		width: 100%;



	}



	.lownav {



		width: 96%;



	}



	.lefty {



		width: 100% !important;



	}



	



	#commentform p {



      	width: 100%;



      	float: none !important;



      }



    #commentform input[type=text] {



		width: 435px !important;



	}



	#respond textarea {



		width: 435px !important;



	}



	#commentform .comment-form-comment {



		



	}



	article .primaryinputs span input {



		width: 435px;



	}



	article .singulartext span textarea {



		width: 435px;



	}



	article .form .captain {



		font-size: 15px;



	}



	article h1 {



		padding: 15px 0 20px 0;



	}



	article .authorbox {



		padding: 20px 32px !important;



	}



	article .primaryinputs span {



		width: 100%;



	}



	#comments:after {



		display: none;



	}



	.lownav .trigger {



		top: 5px;



		position: absolute;



		right: 5px;



	}

	.ecomnav ul {	

		width:97%;	

	}

	.projectnav::after,.projectnav::before {



	border:none;



	}



	.readmore {



		right: 0;



	}



	.foot {



		width:98%;



	}



    .foot #leftfootersecond {



    	display: none;



    }



	.foot #leftfooterfirst {



		width:25%;



	}





	.foot #rightfooterlast h2 {



			margin-left:20px;



	}



    .footer {



    	width: 100%;



    	min-height: 20px;



    }

	

	.foot li {

		

		width:180px;

			

	}

	

   	nav ul     { display: none; }



    nav span { 



    	display: inline-block; 



    	position: relative;



    	position: fixed;



    	top: 30px;



    	right: 15px;



    	width: 460px;



    	padding: 5px;



    }



    nav select {



    	width: 480px;



    }


	.wp-image-715, .wp-image-716, .wp-image-896 {margin:0 !important;}
	



    .imagecontainer {max-width:98%;}







	#contact_page_image1 img,#contact_page_image2 img,#contact_page_image3 img {display:none;}



	.contactcolumn2 {



		display:none;



	}



	#webdesign {



		position:absolute;



		top:80%;



		left:0;



		



	}



	.copyright {



		padding:10px 0 15px 12px;	



	}



	.projectnav {



		width: 100%;	



		}

	.logo img.small_logo{

		display:none;

		}

		



}







/* ========================================================8888888888888 8888888 888888 >>>>>>>  Mobile Screen Wide */



@media (min-width : 460px) and (max-width : 640px) {



	



	



	.hellobox { 



		display: none;



	}



	nav .nav-primary {



		float: none;



		right inherit;



		left: 0px;



		top: 20px;



		margin: auto;



		max-width: 480px;



		text-align: center;



	}



	nav .nav-primary li a {



		font-size: 11px;



	}



	nav .nav-primary li {



		line-height: 20px;



		margin: 0 8px;



		float: none;



		display: inline-block;



		*display: inline;



		*zoom: 1;



	}

	.blogpost {width:70%;}

	.foot {



		width:100%;



	}



    .foot #leftfooterfirst, .foot #leftfootersecond {



    	display: none;



    }



	.foot .rightfooter {

		

		margin-bottom: 30px;

		

		float:left;



	}



    .footer {



    	width: 100%;



    	min-height: 20px;



    }



	.logo img {



		max-width: 250px;



	}



    .logo {



    	position: relative;



    	text-align: center;



    	margin-left: -180px;



    	left: 0;



		top:15px;



    	padding: 10px 0 5px 0;



	}



	nav div {



		top: 0 !important;



	}

	nav  {

		margin-left:0;

	}

	#supersized { height: 395px !important; }
	
	#supersized li { top: 90px !important;
					height: 200px !important;}
	
		.primary-header {
			height: 370px;
			}



	.contacto {



		height: 400px !important;



	}



	.primary-header .trigger {



		display: none;



	}





	.bx-wrapper img {width:100%}

	.primary {



		text-align: right;



		width: 75%;



		 border-right: 5px solid #000000;



		 padding-right: 0 !important;



		  right: -47px;



		display:none;



	}



	.primary h1 {



		font-size: 24px;



		line-height: 40px;



	}



	.trigger-container {



		top: 130px;



	}



	.primary:before, .primary:after {



		display: none;



	}



	#supersized li.prevslide img, #supersized li.activeslide img {



		height: 200px !important;



		left: inherit !important;



		top: inherit !important;



		width: inherit !important;



	}



	#prevslide, #nextslide {



		height: 45px !important;



	}



	#prevslide {



		background: url("images/arrow_left.png") 0 -59px transparent !important;



	}




	#nextslide {



    	background: url("images/arrow_right.png") 0 -59px transparent !important;



	}



	.content:before {



		display: none;



	}



	.content aside {



		display: none;



	}



	.content article {



		float: none;



		width: 97%;



	}



	.footer {



		min-height: 20px;



	}

	

	.foot li {

		

		width:200px;

			

	}

	

	.copyright {



		padding: 20px 0 40px 10px;



	}



	article ul.postlings li:before {



	    border-bottom: 1px solid #D9D9D9;



	    bottom: -1px;



	    content: "";



	    height: 2px;



	    left: -20px;



	    position: absolute;



	    width: 20px;



	    display: none;



	}



	.readmore {



		right: 0;



	}



	.filter-bars .socials {



		display: none;



	}



	.lownav .socials {



		width:38%;



	}



	.projectnav::after,.projectnav::before {



		border:none;



	}



	.filter {



		width: 91.5%;



		top: -30px;



		margin: 10px 0 10px 10px;



	}



	.filter:before {



		display: none;



	}



	#wider {



		width: 98% !important;



		min-width: 0 !important;



	}



	.wider {



		min-width: 0 !important;



		width: 97% !important;



		 top: -30px;



	}



	#thumbnails ul li {



		width: 210px;



		height: 284px;



		margin: 6px;



	}



	#thumbnails ul li a {



		width: 210px;



	}



	#thumbnails ul li a img {



		width: 210px;



	}



	#thumbnails ul li p a img {



		width: inherit;



	}



	#thumbnails ul li .title {



		width: 176px;



	}



	#thumbnails ul li .title p:nth-of-type(1) {



		text-indent: -99999px;



	}



	#thumbnails h4 {



		max-width: 145px;



	}



	#thumbnails ul li.cherrypick {



		height: 272px; 



		width: 195px;



	}



	#thumbnails ul li.cherrypick img {



		width: 195px !important;



	}



	#thumbnails ul li.cherrypick img.soc {



		width: 23px !important;



	}



	.socialbar {



    	right: -1px;



    	top: 175px;



    	z-index: 999;



	}



	#thumbnails ul li.cherrypick  .title {



		width: 180px !important;



		padding: 10px 5px 30px 7px;



	}







	.postlings small {



		display: none;



	}



	article ul.postlings li h3 {



		margin: 10px 0;



	}



	.lownav {



		width: 95%;



	}



	.projectnav::after,.projectnav::before {



	border:none;



	}



	#respond textarea {



		width: 96%;



	}



	article .authorbox {



		margin: 10px 0;



    	padding: 21px;



    	width: 98%;



	}



	.lownav .lefty {



		width: 100%;



	}



	.lownav .trigger {



		top: 5px;



		position: absolute;



		right: 5px;



	}



	#comments:after {



		right: 0;



	}



	article h1 {



		padding: 10px 0 15px 0;



	}



	article h1:before {



		display: none;



	}



	.hello { 



		width: 94%;



		margin: 15px auto 40px;



		padding: 0 15px;



	}



	.hello h3 {



		font-size: 14px;



		line-break: 18px;



		font-family: 'PT Sans',Arial,sans-serif;



	}



	#pageheader nav {



		width: 100%;



	}



	



	#pageheader nav .nav-primary {



		top: 50px;



		



	}



	#pageheader .subhead .logo {



		float: none;



	}



	#carousel-gallery .touchcarousel-item {



		height: 300px !important;



	}



	.touchcarousel {



    	height: 305px !important;



    }



    .touchcarousel-item img {



    	height: 300px !important;



    }



    #carousel-gallery .arrow-holder {



    	display: none;



    }



  	article .primaryinputs span input {



		width: 385px;



	}



	article .singulartext span textarea {



		width: 385px;



	}



	article .form .captain {



		font-size: 15px;



	}



    .singulartext span textarea {



    	width: 385px;



    }



    article .primaryinputs span {



    	width: 365px;



    }



    .contactpanel .container {



    	width: 460px;



    	height: 1000px;



    }



    .contactpanel {



    	position: absolute;



    }







    .captain {



    	bottom: -32px;



    	font-size: 28px !important;



    }



    .primaryinputs span {



    	width: 220px;



    }



    .primaryinputs span input {



    	width: 200px;



    }



    .teamwide {



    	width: 90% !important;



    }



    #map_canvas {



    	height: 300px !important;



    	width: 62% !important;



    }



    .contacthead {



    	top: -298px;



    }



    nav ul     { display: none; }



    



    nav span { 



    	display: inline-block; 



    	position: relative;



    	position: fixed;



    	top: 30px;



    	right: 15px;



    	width: 200px;



    	padding: 5px;



    }







    nav select {



    	width: 220px;



    }

	.ecomnav ul {	

		width:97%;	

	}

    .contacto .projectinfo {



	   	display: block;



	    height: 300px;



	    padding: 126px 10px 10px;



	    position: absolute;



	    right: 0;



	    top: 0 !important;



	    width: 160px;



    }



	#contact_page_image3,#about_page_image1{



		display:none;	



	}







	 .contactcolumn2 {



		display:none;



	}



	.imagecontainer {max-width:98%;}







	#contact_page_image1,#contact_page_image2{display:none;}



	#contact_page_image1 img,#contact_page_image2 img{width:100%;height:auto;}



	



	#about_page_image2 {width:98%;height:auto;}



	#webdesign {



	display: block;



	position: absolute;



	top: 80%;



	}

	



	.projectnav {



	width: 100%;	



		}



	#widenav li  h2{

		line-height:1.5em;

		margin-top:0;

		font-size:18px;



	}

	.foot {



	min-height: 10px;



	}



	article h3 {



	padding-top:10px;



	font-size: 28px;



		}

	.wp-image-716,.wp-image-715,.wp-image-896 {display:none;}

	.logo img.small_logo{

		display:none;
		
		

		}

		.logo img.big_logo{

		display: block;
		max-width: 200px;
		margin-top: -15px;
		}

		nav  {

		margin-left:0;

		}

		.subhead .logo {

    	margin-left: 30px;

	}

}



















/* ========================================================8888888888888 8888888 888888 >>>>>>> Mobile Screen Tall */



@media (max-width : 460px) {

	

	



	#wider {



		min-width: 0 !important;



	}



	.hellobox { 



		display: none;



	}



	nav .nav-primary {



		float: none;



		right inherit;



		left: 0px;



		top: 20px;



		margin: auto;



		max-width: 480px;



		text-align: center;



	}



	nav .nav-primary li a {



		font-size: 11px;



	}



	nav .nav-primary li {



		line-height: 20px;



		margin: 0 8px;



		float: none;



		display: inline-block;



		*display: inline;



		*zoom: 1;



	}

	.bx-wrapper img {width:100%}

	.blogpost {width:100%;}

	.foot {



		width:100%;



	}



    .foot #leftfooterfirst, .foot #leftfootersecond {



    	display: none;



    }

	.foot #rightfooterlast h2 {



			margin-left:50px;



	}

	.foot .rightfooter {



		float:left;



	}



    .footer {



    	width: 100%;



    	min-height: 20px;



    }



    .logo {



    	position: relative;



    	text-align: center;



    	margin-left: -120px;



    	left: 0;



    	padding: 10px 0 5px 0;



	}



	nav div {



		top: 0 !important;



	}



	.primary-header .trigger {



		display: none;



	}



	.logo img {



		max-width: 175px;



	}



	



	nav ul     { display: none; }



    nav span { 



    	display: inline-block; 



    	position: relative;



    	position: fixed;



    	top: 20px;



    	right: 15px;



    	width: 100px;



    	padding: 5px;



    }



    .filter a {



    	padding: 13px;



    }



    #wider {



    	width: 97% !important;



    }



	.primary-header { 


		height: 120px;
		background:#fff;

	}
	
	#supersized{/*height:380px !important;*/display:none !important;}
	#supersized li{/*top:115px !important;*/}

	
	#smartbar {

	top: 0px;
	margin: 0 0 10px 0;

	height: 80px;




}
	
	.contacto {



		height: 500px !important;



	}



	.primary-header .trigger {



		display: none;



	}



	#widenav li  h2{

		line-height:1.5em;

		margin-top:0;

		font-size:16px;



	}



	.primary {



		text-align: right;



		width: 75%;		 



		padding-right: 0 !important;



		right: -47px;



	}



	.primary h1 {



		font-size: 24px;



		line-height: 40px;



	}



	.trigger-container {



		top: 130px;



	}



	.primary:before, .primary:after {



		display: none;



	}



	#supersized li.prevslide img, #supersized li.activeslide img {

	display:none;

	}



	#prevslide, #nextslide {



		height: 45px !important;



	}



	#prevslide {



		background: url("images/arrow_left.png") 0 -59px transparent !important;



	}






	#nextslide {



    	background: url("images/arrow_right.png") 0 -59px transparent !important;



	}



	.copyright {



		padding: 20px 0 40px 10px;



	}



	.copyright p, .copyright a {		



		font-size:12px;



	}



	#webdesign {



		position:absolute;



		top:80%;



		display:block;



		



	}



	article ul.postlings li:before {



	    border-bottom: 1px solid #D9D9D9;



	    bottom: -1px;



	    content: "";



	    height: 2px;



	    left: -20px;



	    position: absolute;



	    width: 20px;



	    display: none;



	}



	.readmore {



		right: 0;



	}







	.content:before {



		display: none;



	}



	.content aside {



		display: none;



	}



	.content article {



		float: none;



		width: 97%;



	}



	.filter-bars .socials {



		display: none;



	}



	.lownav .socials {



		display: none;



	}
	
	.breadcrumnav {width:80%;}

	.filter {



		width: 88.5%;



		top: -30px;



		margin: 10px 0 10px 10px;



	}



	.filter:before {



		display: none;



	}



	#thumbnails {



		width: 280px;



		min-width: 0 !important;



	}



	#thumbnails ul li.cherrypick {



		height: 212px; 



		width: 135px;



	}



	#thumbnails ul li.cherrypick img {



		width: 135px !important;



	}



	#thumbnails ul li.cherrypick  .title {



		width: 125px !important;



		padding: 10px 5px 30px 7px;



	}



	.postlings small {



		display: none;



	}



	article ul.postlings li h3 {



		margin: 10px 0;



	}



	.readmore {



		right: 0;



	}



	.lownav {



		width: 95%;



	}



	.projectnav::after,.projectnav::before {



		border:none;



	}



	#respond textarea {



		width: 96%;



	}



	article .authorbox {



		margin: 10px 0;



    	padding: 21px;



    	width: 96%;



	}



	.lownav .lefty {



		width: 100%;



	}



	.lownav .trigger {



		top: 5px;



		position: absolute;



		right: 5px;



	}

	.ecomnav ul li.title {

		display:none;	

	}

	.ecomnav ul {	

		width:97%;	

	}

	#comments:after {



		right: 0;



	}



	article h1 {



		padding: 10px 0 15px 0;



	}



	article h1:before {



		display: none;



	}



	.hello { 



		width: 94%;



		margin: 15px auto 40px



	}



	.hello h3 {		



		font-size: 14px;



		line-break: 18px;



		font-family: 'PT Sans',Arial,sans-serif;	



	}



	nav.subhead {



		width: 100%;



	}



	#pageheader .subhead .logo {



    	float: none;



    	left: -3px;



    }



      #commentform p {



      	width: 300px;



      	float: none !important;



      }



    #commentform input[type=text] {



		width: 265px !important;



	}



	#respond textarea {



		width: 265px !important;



	}



	#commentform .comment-form-comment {



		



	}



	article .primaryinputs span input {



		width: 265px;



	}



	article .singulartext span textarea {



		width: 265px;



	}



	article .form .captain {



		font-size: 15px;



	}



	.contactpanel {



    position: absolute;



	}



	.contactpanel .container {



    	width: 265px;



    	height: 1000px;



    }



    .contactpanel h2 {



    	font-size: 13px;



    	line-height: 20px;



    }



     .contactpanel .singulartext span textarea {



     	width: 208px;



     }



     .contactpanel .captain {



     	font-size: 31px;



     	bottom: -74px;



     }



     #prevslide, #nextslide {



     	display: none !important;



     }



	.contacto .projectinfo {



	   	display: block;



	    height: 300px;



	    padding: 10px;



	    position: absolute;



	    right: 0;



	    top: 330px !important;



	    width: 100%;



    }



    #map_canvas {



    	height: 300px !important;



    }



    .contacthead {



    	top: -300px;



    }



    	#thumbnails ul li.cherrypick img.soc {



		width: 23px !important;



	}



	.socialbar {



    	right: -1px;



    	top: 110px;



    	z-index: 999;



	}



	.contactcolumn2 {



		display:none;



	}



	#contact_page_image3,#contact_page_image2,#about_page_image2{



		display:none;	



	}



	.imagecontainer {max-width:98%;}



	#contact_page_image1{width:90%;height:auto;}



	#about_page_image1 {width:98%;height:auto;}



	#about_page_image1 img {width:100%;height:auto;}



	.foot #rightfooterlast {



	margin-left: 0;



	margin-bottom:20px;



	}



	.foot #rightfooterlast,#rightfootermid {



	width: 80%;



	}



	.foot #rightfooterlast ul {



	float: none;



	}



	.foot .socialmedialinks, .foot #rightfootermid {



	min-height:50px;	



	}



	.foot h2 {



	max-width: 120px;



	}

	.foot li {

	

	width:210px;

		

	}



	.foot #rightfooterlast h2 {margin:10px;text-align:left}



	.foot #rightfooterlast h2:before {



	border:none;}



	.foot #rightfooterlast h2:after{



	border-bottom: 17px solid transparent;



    border-left: 17px solid #FFFFFF;



    border-top: 17px solid transparent;



    content: "";



    height: 0;



    position: absolute;



    right: -16px;



    top: 0;



    width: 0;	



	}



	.copyright {



		padding:10px 10px 20px 20px



	}



	.copyright p{	



	text-align:left;



	font-size:12px;



	padding-bottom:10px



	}



	.projectnav {



	width: 100%;	



		}



		article h3 {



	padding-top:10px;



	font-size: 26px;



		}

	.logo img.small_logo{

		display:block;
		max-width:60px;

		}

		.logo img.big_logo{

		display:none;
		
		

		}

		nav  {

		margin-left:0;

		}

		.subhead .logo {

    	margin-left: 30px;

	}



			#supersized li.prevslide img, #supersized li.activeslide img {



		height: 260px !important;



		left: inherit !important;



		top: inherit !important;



		width: inherit !important;



	}

#supersized li img {height:auto;max-width:100%;}

	#prevslide, #nextslide {



		height: 20px !important;



	}



	#prevslide {



		background: url("images/arrow_left.png") 0 -59px transparent !important;



	}



	#prevslide, #nextslide {



		top: 125px !important;



	}



	#nextslide {



    	background: url("images/arrow_right.png") 0 -59px transparent !important;



	}

	.wp-image-716,.wp-image-715, .wp-image-896 {display:none;}

}

.shipping-calculator-form { display: block !important; }