/* Website template by freewebsitetemplates.com */

@import url(http://fonts.googleapis.com/css?family=Doppio+One);
@import url(http://fonts.googleapis.com/css?family=Mako);
@import url(http://fonts.googleapis.com/css?family=Berkshire+Swash);
@import url(http://fonts.googleapis.com/css?family=Varela);


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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  /*vertical-align: baseline;*/
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
body {
	background: url(../images/bg-body.jpg) repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 960px;
	line-height:.9em;
	margin: 0;
}
img {
	border: 0;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
.clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:1%;
	line-height:0;
	visibility:hidden;
}

h1 {
	font-size:30px;
	line-height:2em;
	color: #033267;
}
h2 {
	font-size:18px;
	line-height:2em;
	font-family: 'Doppio One', sans-serif;
	color: #625e50;
}
h3 {
	font-size:21px;
	font-family: 'Varela', sans-serif;
	font-weight: normal;
	color: #09417a;
	margin-top:20px;
	margin-bottom:20px;
	/*-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;*/
}

h4 {
	font-size:16px;
	line-height:2em;
	font-family: 'Doppio One', sans-serif;
	color: #fff;
}
h5 {
	font-size:18px;
	font-weight:normal;
	line-height:2em;
	font-family: 'Mako', sans-serif;
	color: #c73d01;
}

h6 {
	font-size:16px;
	line-height:2em;
	font-family: 'Doppio One', sans-serif;
	color: #029810;
}

table.gridtable {
	border-collapse: collapse;
	border: 1px #000000;
	font-size:13px;
	color: #404040;
	line-height:.6cm;

}
table.gridtable th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #000000;
	background-color: #dedede;
	font-weight:bold;
}
table.gridtable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #000000;
	/*background-color: #ffffff;*/
}
.imageshad
{
box-shadow: 0px 0px 5px 1px #c0c0c0;
-moz-box-shadow: 0px 0px 5px 1px #c0c0c0;
-webkit-box-shadow: 0px 0px 5px 1px #c0c0c0;
border: solid 2px #FFFFFF;
}

.project { margin:0; padding:0; float:left;}
.project ul.menu{margin:0px 0 0; padding-top:10px;}
.project ul.menu li{float:left;padding:0;margin-right: 3px;}
.project ul.menu li.space{float:left;height:10px;text-indent:-9999px;width:10px}
.project ul.menu li.space:hover{background:none repeat scroll 0 0 transparent}
.project ul.menu li:hover,ul.menu li.active{background:url(../images/arrow.png) no-repeat scroll center bottom transparent}
.project ul.menu li a{color:#000;float:left;font-size:10px;padding:0 7px 0 0; text-transform:uppercase;}
.project ul.menu li a span{cursor:pointer;display:block;float:left;height:30px;line-height:26px;width:auto;padding:0 0 0 7px;  -bracket-:hack(;padding:0 0 0 6px;);}
.project ul.menu li a:hover,.project ul.menu li a.active{background:url(../images/nav-hover.png) no-repeat scroll right top transparent;color:#FFF;float:left}
.project ul.menu li a:hover span,.project ul.menu li a.active span{background:url(../images/nav-hover-span.png) no-repeat scroll left top transparent;color:#FFF;float:left}
.project li,.project ul{list-style:none outside none;text-decoration:none}


.project1 { margin:0; padding:0; float:left;}
.project1 ul.menu{margin:0px 0 0; padding-top:20px; padding-bottom:25px;}
.project1 ul.menu li{float:left;padding:0;margin-right: 3px;}
.project1 ul.menu li.space{float:left;height:10px;text-indent:-9999px;width:10px}
.project1 ul.menu li.space:hover{background:none repeat scroll 0 0 transparent}
.project1 ul.menu li:hover,ul.menu li.active{background:url(../images/arrow.png) no-repeat scroll center bottom transparent}
.project1 ul.menu li a{color:#FFF;float:left;font-size:10px;padding:0 7px 0 0; text-transform:uppercase;}
.project1 ul.menu li a span{cursor:pointer;display:block;float:left;height:30px;line-height:26px;width:auto;padding:0 0 0 7px;  -bracket-:hack(;padding:0 0 0 6px;);}
.project1 ul.menu li a:hover,.project1 ul.menu li a.active{background:url(../images/nav-hover.png) no-repeat scroll right top transparent;color:#FFF;float:left}
.project1 ul.menu li a:hover span,.project1 ul.menu li a.active span{background:url(../images/nav-hover-span.png) no-repeat scroll left top transparent;color:#FFF;float:left}
.project1 li,.project1 ul{list-style:none outside none;text-decoration:none}

/*------------------------------ HEADER ------------------------------*/
.btn1, .btn2, .btn3, #newsletter input {
	background: url(../images/interface.png) no-repeat;
}
.btn1, .btn2, .btn3 {
	color: #fdfdfd;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: -3px 0 3px #053131;
	text-transform: uppercase;
}
.btn1 {
	background-position: 0 0;
	height: 34px;
	line-height: 34px;
	width: 202px;
	padding: 0 3px 9px;
}
.btn2 {
	background-position: 0 -53px;
	height: 37px;
	line-height: 37px;
	width: 216px;
	padding: 0 3px 8px;
}
.btn3 {
	background-position: 0 -108px;
	font: 22px/49px 'Doppio One', sans-serif;
	height: 49px;
	width: 222px;
}
.btn1:hover {
	background-position: -222px 0;
}
.btn2:hover {
	background-position: -232px -53px;
}
.btn3:hover {
	background-position: -232px -108px;
}
/*------------------------------ HEADER ------------------------------*/
#header {
	background: url(../images/top-header.jpg);
	height: 110px;
	padding: 16px 0 0;
	/*text-align: right;*/
}
/** Logo **/
#logo {
	float: left;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}

#topnav {
	float: left;
	width: auto;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
#topnav .tnLeft {
	/*background: url(../img/navLeft.gif);*/
	float: left;
	height: 55px;
	width: 10px;
}
#topnav .tnCenter {
	/*background: url(../img/navCenter.gif) repeat-x top;*/
	float: left;
	/*width: 948px;*/
	height: 55px;
}
#topnav .tnRight {
	float: left;
	height: 55px;
	width: 10px;
	/*background: url(../img/navRight.gif) no-repeat left top;*/
}

#topnav .tnCenter ul{
	margin: 20px 0px 0px 75px;
	padding: 0px;
}

#topnav .tnCenter ul li{
	list-style: none;
	float: left;
	/*background: url(../img/navSep.gif) no-repeat right 5px;*/
	padding-right: 7px;
	padding-left: 7px;
}

#topnav .tnCenter ul li.end{
	background-image:none;
}

#topnav .tnCenter ul li a{
	color:#000000;
	text-decoration: none;
	font-size: 12px;
	float: left;
	height: 30px;
}

#topnav .tnCenter ul li a:hover,#topnav .tnCenter ul li a.cur,#topnav .tnCenter ul li:hover a{
	color: #382a04;
	background: #fab704;
	/*background: url(../img/navlinkRight.gif) no-repeat right top;*/
}

#topnav .tnCenter ul li a:hover span,#topnav .tnCenter ul li a.cur span,#topnav .tnCenter ul li:hover a span{
	/*background: url(../img/navlinkLeft.gif) no-repeat left top;*/
}

#topnav .tnCenter li ul{
	background: #fab704;
	display:none;
	height:auto;
	padding:0px;
	margin:30px 0 0 0;
	position:absolute;
	width:160px;
	z-index:200;
	font: normal 13px Arial, Helvetica, sans-serif;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px solid #02334d;
	border-left: 0px;
	}

#topnav .tnCenter li:hover ul{
	display:block;		
	}
#topnav .tnCenter li ul li {
	display:block;
	/*border-top: 1px solid #036ba3;*/
	border-bottom: 1px solid #cc9604;
	margin:0px 0px 0px;
	padding:0px;
	width:160px;
	}
#topnav .tnCenter li:hover li a {
	background:none;
	width:138px;
	color: #000;
	}
	
#topnav .tnCenter li ul li a{
	font-size:13px;	
	margin:1px;
	height: 23px;
	padding:7px 10px 2px 10px;
	text-align:left;
	color:#000000;
	text-transform: none;
}
	
#topnav .tnCenter ul li a span{
	float: left;
	height: 28px;
	padding-top: 4px;
	padding-right: 12px;
	padding-left: 12px;
}
#topnav .tnCenter li ul a:hover, #topnav .tnCenter li ul li:hover a{
	background-image:none;
	border:0px;
	color:#ffffff;
	background: #02334d;
	text-decoration:none;
}


/** Navigation **/
#navigation {
	display: inline-block;
	height: 30px;
	list-style: none;
	margin: 0 10px;
	padding: 0;
*width: 516px; /** Needed for IE7 **/
}
#navigation li {
	float: left;
	margin: 0 30px;
}
#navigation li:first-child {
	margin-left: 0;
}
#navigation li a {
	color: #efefef;
	line-height: 30px;
	padding: 0;
	text-decoration: none;
}
#navigation li a:hover, #navigation li.selected a {
	color: #44b2f1;
}
/*------------------------------ CONTENTS ------------------------------*/
#contents {
	/*background: url(../images/bg-content.png) repeat-x center top;*/
	margin: 0 0 2px;
	padding: 56px 0 0;
}
#contents h1, #featured h3 {
	/*color: #fbfdfd;*/
	font: normal 25px 'Doppio One', sans-serif;
	font-style: normal;
	margin: 0 0 18px;
}
#contents p {
	color: #404040;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 10px;
	/*text-align: justify;*/
}
#contents p a {
	color: #e8eff4;
}
#contents p a:hover {
	color: #0aa3fa;
}
#contents p b {
	display: block;
}
#contents .body {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}
#contents .click-here {
	float: right;
	/*background: #fab704;*/
	/*background: url(../images/spacecraft.jpg) no-repeat center top;*/
	display: inline-block;
	height: 225px;
	width: 301px;
	margin-left: 20px;
	text-align: center;
	/*border: solid 1px #FFCC33;*/
}
#contents .click-here h1 {
	color: #424445;
	font-style: italic;
	line-height: 36px;
	margin: 18px 0;
}
/** adbox **/
#adbox1 {
	//background: #f4f4f4 /*url(../images/bg-adbox.jpg)*/ no-repeat center top;
	min-height: 433px;
	margin: -56px 0 1px;
/** Needed for IE7 **/
*margin: 0;
*position: relative;
*top: -56px;
}
#adbox1 .wrapper {
	width: 960px;
	padding: 14px 10px 6px;
}

#adbox {
	background: #f4f4f4 /*url(../images/bg-adbox.jpg)*/ no-repeat center top;
	font-family: 'Doppio One', sans-serif;
	min-height: 320px;
	margin: -56px 0 22px;
/** Needed for IE7 **/
*margin: 0;
*position: relative;
*top: -56px;
}
#adbox .wrapper {
	width: 940px;
	padding: 14px 10px 6px;
}
#adbox .info {
	height: 354px;
	width: 330px;
	overflow: hidden;
}
#adbox h1 {
	color: #ffffff;
	font-size: 48px;
	font-style: italic;
	line-height: 50px;
	margin-bottom: 30px;
}
#adbox p {
	color: #176eb0;
	font-size: 12px;
	line-height: 24px;
}
#adbox p a {
	color: #176eb0;
}
#adbox div.highlight {
	background: #03517b url(../images/adbox-bg-heading.jpg) repeat-x left top;
	min-height: 82px;
	/*border-color: #000;
	border-style: solid none;
	border-width: 1px;*/
}
#adbox div.highlight h2 {
	color: #f5f5f5;
	font-size: 30px;
	line-height: 82px;
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	text-shadow: -3px 0 3px #313533;
}
#adbox div.highlight h2 i {
	font-weight: normal;
}
/** main **/
.main {
	padding: 0 20px;
}
/** sidebar **/
#sidebar {
	float: right;
	/*background:#ebe8e0;*/
	border: solid 1px #ebe8e0;
	width: 240px;
	margin: 0 20px 0 30px;
}
#sidebar ul {
	list-style: none;
	margin: 10px 10px;
	padding: 0;
}
#sidebar > ul li {
	margin: 0 0 16px;
}
#sidebar > ul li img {
	border: 4px solid #fff;
	border-radius: 3px;
}
#sidebar > ul li a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}
#sidebar .click-here {
	background: url(../images/spacecraft-dark.jpg) no-repeat center top;
	display: inline-block;
	height: 162px;
	width: 221px;
	margin-left: 20px;
	text-align: center;
}
/** time **/
.time {
	color: #2986bb;
	font-size: 12px;
}
/** list **/
.list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.list li span.time {
	float: right;
	margin-top: 6px;
}
.list li h4 {
	color: #fbfdfd;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	text-transform: uppercase;
}
.list li {
	padding: 0 0 48px;
}
#contents .list li p {
	padding: 0;
}
.list li a.more {
	float: right;
	color: #34b0fb;
	display: inline-block;
	font-size: 14px;
}
.list li a.more:hover {
	color: #c3e9fe;
}
/** pagination **/
.pagination {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination li {
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 2px;
}
.pagination li a {
	color: #36b4fd;
	padding: 3px;
	text-decoration: none;
}
.pagination li a:hover, #pagination li.selected a {
	color: #95d3f9;
}
/** gallery **/
#gallery #sidebar, #contact #sidebar {
	margin-left: 10px;
}
#gallery .photos {
	margin: 0 0 20px;
}
#gallery .viewer {
	margin: 0 0 18px;
}
#gallery .photos > ul {
	background-color: #072a3e;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 12px 15px;
}
#gallery .photos > ul li {
	float: left;
	margin: 0 9px;
	position: relative;
}
#gallery .photos > ul li a:hover span.cover {
	background-color: #e8eff4;
	display: block;
	height: 96px;
	width: 100%;
	opacity: 0.49;
	position: absolute;
	top: 0;
	left: 0;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
	
	border-top: 1px solid #e9e3d7;
}
#footer .body {
	background: #082439 url(../images/bg-footer.jpg) no-repeat center top;
	min-height: 136px;
	padding: 36px 0;
}
#footer h4 {
	color: #fff;
	font: normal 16px 'Doppio One', sans-serif;
	margin: 0 0 12px;
}
#footer p {
	color: #7890a1;
	font-size: 13px;
	line-height: 24px;
	margin: 0;
	padding: 0 0 6px;
}
/** featured **/
#featured {
	display: block;
	list-style: none;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}
#featured li {
	float: left;
	width: auto;
	margin: 10px 10px;
	text-align: center;
}
#featured li h3 {
	color: #07304d;
	font-size: 18px;
	margin: 10px 10px;
	text-align: center;
}
#featured li h3 a {
	color: #07304d;
	text-decoration: none;
}
#featured li h3 a:hover {
	color: #cd5c00;
}
#featured li p {
	color: #07304d;
	font-size: 12px;
}
/** links **/
#links {
	float: left;
	width: 460px;
	margin: 0 10px;
}
#links > div {
	float: left;
	width: 230px;
}
#links ul {
	list-style: none;
	width: 178px;
	margin: 0;
	padding: 0;
}
#links ul li {
	background: url(../images/border-footer.png) repeat-x left bottom;
	margin: 0 0 6px;
	padding: 3px 0 8px;
}
#links ul li:first-child {
	padding-top: 0;
}
#links ul li a {
	color: #7890a1;
	font-size: 12px;
	line-height: 24px;
	text-decoration: none;
}
#links ul li a:hover {
	color: #e8eff4;
}
/** newsletter **/
#newsletter {
	float: left;
	width: 460px;
	margin: 0 10px 10px;
}
#newsletter form {
	display: inline-block;
}
#newsletter input {
	float: left;
	font: 12px/36px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	height: 36px;
	border: 0;
	margin: 0;
	padding: 0;
}
#newsletter input[type='text'] {
	background-position: 0 bottom;
	width: 282px;
	margin-right: 24px;
	padding-left: 6px;
	padding-right: 6px
}
#newsletter input[type='submit'] {
	background-position: -304px bottom;
	color: #fff;
	cursor: pointer;
	width: 102px;
}
#newsletter input[type='submit']:hover {
	background-position: right bottom;
}
#footer .footnote {
	float: right;
	display: inline-block;
	color: #03436f;
	width: 460px;
	margin-right: 10px;
}

/*current homes*/
.current_box { width:70%; margin:2% 0; padding-bottom:5px; border-bottom:1px dotted #ddd; overflow:hidden; font-size:12px; line-height:22px;}
.current_imgbox { margin:0px 15px 0px 0; font-weight:bold; float:left; font-size:13px; color:#912625; text-align:center;}
.current_img { width:269px;  background:url(../images/smart_sadow.png) no-repeat bottom center; padding-bottom:0px; }
.current_img img { width:258px; height:200px; padding:5px; border:1px solid #d8d8d8; background:#ebebeb;}
.current_detail { width:86px; margin-top:5px; height:29px; float:left;}
/*current homes*/


.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.row {
    margin-bottom: 20px;
}
.column.alpha, .columns.alpha {
    margin-left: 0;
}
.column.omega, .columns.omega {
    margin-right: 0;
}
.container .one.column, .container .one.columns {
    width: 40px;
}
.container .two.columns {
    width: 100px;
}
.container .three.columns {
    width: 160px;
}
.container .four.columns {
    width: 220px;
}
.container .five.columns {
    padding-bottom: 15px;
}
.container .six.columns {
    width: 340px;
}
.container .seven.columns {
    width: 400px;
}
.container .eight.columns {
    width: 460px;
}
.container .nine.columns {
    width: 520px;
}
.container .ten.columns {
    width: 580px;
}
.container .eleven.columns {
    float: right;
    font-family: Verdana;
    margin: 0;
}
.container .twelve.columns {
    width: 700px;
}
.container .thirteen.columns {
    width: 760px;
}
.container .fourteen.columns {
    width: 820px;
}
.container .fifteen.columns {
    width: 880px;
}
.container .sixteen.columns {
    width: 940px;
}
.container .one-third.column {
    text-align: center;
    width: 300px;
}
.container .two-thirds.column {
    width: 620px;
}
.container .offset-by-one {
    padding-left: 60px;
}
.container .offset-by-two {
    padding-left: 120px;
}
.container .offset-by-three {
    padding-left: 180px;
}
.container .offset-by-four {
    padding-left: 240px;
}
.container .offset-by-five {
    padding-left: 300px;
}
.container .offset-by-six {
    padding-left: 360px;
}
.container .offset-by-seven {
    padding-left: 420px;
}
.container .offset-by-eight {
    padding-left: 480px;
}
.container .offset-by-nine {
    padding-left: 540px;
}
.container .offset-by-ten {
    padding-left: 600px;
}
.container .offset-by-eleven {
    padding-left: 660px;
}
.container .offset-by-twelve {
    padding-left: 720px;
}
.container .offset-by-thirteen {
    padding-left: 780px;
}
.container .offset-by-fourteen {
    padding-left: 840px;
}
.container .offset-by-fifteen {
    padding-left: 900px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
    width: 768px;
}
.container .column, .container .columns {
    margin-left: 10px;
    margin-right: 10px;
}
.column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
}
.column.omega, .columns.omega {
    margin-left: 10px;
    margin-right: 0;
}
.alpha.omega {
    margin-left: 0;
    margin-right: 0;
}
.container .one.column, .container .one.columns {
    width: 28px;
}
.container .two.columns {
    width: 76px;
}
.container .three.columns {
    width: 124px;
}
.container .four.columns {
    width: 172px;
}
.container .five.columns {
    width: 220px;
}
.container .six.columns {
    width: 268px;
}
.container .seven.columns {
    width: 316px;
}
.container .eight.columns {
    width: 364px;
}
.container .nine.columns {
    width: 412px;
}
.container .ten.columns {
    width: 460px;
}
.container .eleven.columns {
    width: 508px;
}
.container .twelve.columns {
    width: 556px;
}
.container .thirteen.columns {
    width: 604px;
}
.container .fourteen.columns {
    width: 652px;
}
.container .fifteen.columns {
    width: 700px;
}
.container .sixteen.columns {
    width: 748px;
}
.container .one-third.column {
    width: 236px;
}
.container .two-thirds.column {
    width: 492px;
}
.container .offset-by-one {
    padding-left: 48px;
}
.container .offset-by-two {
    padding-left: 96px;
}
.container .offset-by-three {
    padding-left: 144px;
}
.container .offset-by-four {
    padding-left: 192px;
}
.container .offset-by-five {
    padding-left: 240px;
}
.container .offset-by-six {
    padding-left: 288px;
}
.container .offset-by-seven {
    padding-left: 336px;
}
.container .offset-by-eight {
    padding-left: 384px;
}
.container .offset-by-nine {
    padding-left: 432px;
}
.container .offset-by-ten {
    padding-left: 480px;
}
.container .offset-by-eleven {
    padding-left: 528px;
}
.container .offset-by-twelve {
    padding-left: 576px;
}
.container .offset-by-thirteen {
    padding-left: 624px;
}
.container .offset-by-fourteen {
    padding-left: 672px;
}
.container .offset-by-fifteen {
    padding-left: 720px;
}
}
@media only screen and (max-width: 767px) {
.mobview {
    display: none;
}
.mobpara {
    border: medium none;
}
.container {
    width: 300px;
}
.container .columns, .container .column {
    margin: 0;
}
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 300px;
}
.container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
    padding-left: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
    width: 420px;
}
.container .columns, .container .column {
    margin: 0;
}
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 420px;
}
}
.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.one-third {
    text-align: center;
}