in progress

PA/css/demo.css

+/* CSS reset */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
+	margin:0;
+	padding:0;
+}
+html,body {
+	margin:0;
+	padding:0;
+	height: 100%;
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+img { 
+	border:0;
+}
+address,caption,cite,code,dfn,th,var {
+	font-style:normal;
+	font-weight:normal;
+}
+ol,ul {
+	list-style:none;
+}
+caption,th {
+	text-align:left;
+}
+h1,h2,h3,h4,h5,h6 {
+	font-size:100%;
+	font-weight:normal;
+}
+header{
+	display: block;
+}
+/* General Demo Style */
+body{
+	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
+	background:url(img/bg.png);
+	font-weight: 400;
+	font-size: 15px;
+	color: #3a2127;
+	overflow-y: scroll;
+}
+a{
+	color: #333;
+	text-decoration: none;
+}
+h1{
+	font-size: 25px;
+	text-align: center;
+	font-family: sans-serif;
+}
+.container{
+	width: 100%;
+	height: 100%;
+	position: relative;
+}
+.clr{
+	clear: both;
+}
+.container > header{
+	padding: 20px 30px 20px 30px;
+	margin: 0px 20px 10px 20px;
+	position: relative;
+	display: block;
+	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
+    text-align: center;
+}
+.container > header h1{
+	position: relative;
+	color: #498ea5;
+	font-weight: 700;
+	font-style: normal;
+	font-size: 30px;
+	padding: 0px 0px 5px 0px;
+	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
+}
+.container > header h1 span{
+	font-family: 'Alegreya SC', Georgia, serif;
+	font-size: 20px;
+	line-height: 20px;
+	display: block;
+	font-weight: 400;
+	font-style: italic;
+	color: #719dab;
+	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
+}
+.container > header h2{
+	font-size: 16px;
+	font-style: italic;
+	color: #2d6277;
+	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
+}
+/* Header Style */
+.freshdesignweb-top{
+	line-height: 24px;
+	font-size: 11px;
+	background: rgba(0, 0, 0, 0.05);
+	text-transform: uppercase;
+	z-index: 9999;
+	position: relative;
+	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
+}
+.freshdesignweb-top a{
+	padding: 0px 10px;
+	letter-spacing: 1px;
+	color: #333;
+	text-shadow: 0px 1px 1px #fff;
+	display: block;
+	float: left;
+}
+.freshdesignweb-top a:hover{
+	background: #fff;
+}
+.freshdesignweb-top span.right{
+	float: right;
+}
+.freshdesignweb-top span.right a{
+	float: left;
+	display: block;
+}
+.freshdesignweb-demos{
+    text-align:center;
+	display: block;
+	line-height: 30px;
+	padding: 20px 0px;
+}
+.freshdesignweb-demos a{
+    display: inline-block;
+	margin: 0px 4px;
+	padding: 0px 4px;
+	color: #fff;
+	line-height: 20px;	
+	font-style: italic;
+	font-size: 13px;
+	border-radius: 3px;
+	background: rgba(41,77,95,0.1);
+	-webkit-transition: all 0.2s linear;
+	-moz-transition: all 0.2s linear;
+	-o-transition: all 0.2s linear;
+	-ms-transition: all 0.2s linear;
+	transition: all 0.2s linear;
+}
+.freshdesignweb-demos a:hover{
+	background: rgba(41,77,95,0.3);
+}
+.freshdesignweb-demos a.current,
+.freshdesignweb-demos a.current:hover{
+	background: rgba(41,77,95,0.3);
+}
\ No newline at end of file

PA/css/main.css

+html{
+	height:100%;
+	margin:0;
+	min-height:100%;
+	padding:0;
+	width:100%;
+	background-color:#333;
+}
+body{
+	height:100%;
+	margin:0 auto;
+	min-height:100%;
+	padding:0;
+	width:980px;
+}
+#container{
+	width:100%;
+	height:100%;
+	background:-moz-linear-gradient(center top , #FFFFFF, #efefef) repeat scroll 0 0 transparent;
+	background:-webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #efefef));
+}
+a{
+color: rgb(0, 114, 191); text-decoration: none;	
+}
+.msg{
+	font-size:18px;
+	color:#555;
+	text-align:center;
+}
+.legal{
+	text-align:center;
+	color:5f5f5f;
+	background-color:#DEDEDE;
+	font-size:16px;
+	margin-top:100px;
+}
+
+.label{
+	font-size:24px;
+	color:#777;
+	margin-top:20px;
+	text-align:center;
+}
+.clearfix{
+	clear:both;
+	float:none;
+}

PA/css/scrolling-nav.css

+/*!
+ * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
+ * Copyright 2013-2016 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+ */
+
+body {
+    width: 100%;
+    height: 100%;
+    background: #292c2f;
+}
+
+html {
+    width: 100%;
+    height: 100%;
+}
+
+@media(min-width:767px) {
+    .navbar {
+        padding: 20px 0;
+        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
+        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
+        transition: background .5s ease-in-out,padding .5s ease-in-out;
+        background-color: #292c2f;
+    }
+
+    .top-nav-collapse {
+        padding: 0;
+    }
+}
+
+/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
+The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
+of those sections to manage the look and feel of the site. */
+
+.intro-section {
+    height: 100%;
+    padding-top: 150px;
+    text-align: center;
+    background: #fff;
+}
+
+.about-section {
+    height: 100%;
+    padding-top: 150px;
+    text-align: center;
+    background: #eee;
+
+}
+
+.services-section {
+    height: 100%;
+    padding-top: 150px;
+    text-align: center;
+    background: #fff;
+}
+
+.contact-section {
+    height: 100%;
+    padding-top: 150px;
+    text-align: center;
+    background: #;
+}
\ No newline at end of file

PA/css/signup.css

+
+*:focus{
+	outline:none; /* Prevents blue border in Webkit */
+}
+
+
+
+
+form {
+	margin: 20px auto;
+}
+
+p {
+	line-height: 1.6;
+}
+#twitter-outer{
+	background:url("https://s3.amazonaws.com/twitter_production/a/1274834447/images/bg-clouds.png") repeat-x scroll 0 0 #C0DEED;
+	height:385px;
+}
+#twitter-logo{
+	margin-left:192px;
+	width:180px;
+}
+#twitter-logo img{
+	margin-top:10px;
+}
+.content-bubble-arrow  {
+	background-image:url("https://s3.amazonaws.com/twitter_production/a/1274834447/images/arr2.gif");
+	background-position:32px 0;
+	background-repeat:no-repeat;
+	height:11px;
+	overflow:hidden;
+}
+#twitter{
+	margin:auto auto  auto auto;
+	width:575px;
+	padding:10px;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	background:#fff;
+}
+#twitter label , #gaiaOnline label{
+	float:left;
+	width:95px;
+	color:#666666;
+	text-align:right;
+	padding:10px 10px 0 0;
+	font:16px 'Lucida Grande',sans-serif;
+}
+#twitter input, #twitter  textarea , #gaiaOnline input , #gaiaOnline textarea{
+	background-color:#fff;
+	border:1px solid #ccc;
+	font-size:18px;
+	margin:0;
+	padding:8px;
+	width:200px;
+	display:block;
+	
+	-webkit-border-radius:5px;
+	-moz-border-radius:5px;
+	border-radius:5px;
+	
+	-webkit-transition: all 0.5s ease-in-out;
+	-moz-transition: all 0.5s ease-in-out;
+	transition: all 0.5s ease-in-out;
+	float:left;
+}
+
+#twitter textarea {
+		min-height:200px;
+}
+
+#twitter input:hover, #twitter textarea:hover {
+	border-color:inherit !important;
+	background-color:#EfEfEf;
+	-webkit-border-radius:5px 0 0 5px;
+	-moz-border-radius:5px 0 0 5px;
+	border-radius:5px 0 0 5px;
+
+}
+
+/* The interesting bit */
+
+#twitter input:not(:focus),#twitter textarea:not(:focus) {
+	opacity:0.6;
+}
+
+#twitter  input:required,#twitter  textarea:required {
+}
+
+#twitter  input:valid,#twitter  textarea:valid {
+	opacity:0.8;
+}		
+
+#twitter input:focus:invalid,#twitter textarea:focus:invalid {
+	border:1px solid red;
+	background-color:#FFEFF0;
+}
+
+#twitter input[type=submit] {
+	background:none;
+	font-size:15px;
+	opacity:1;
+	padding:5px;
+	width:150px;
+	-moz-border-radius:5px;
+	-webkit--border-radius:5px;
+	border-radius:5px;
+	cursor:pointer;
+	margin-bottom:-10px;
+	margin-left:103px;
+	margin-top:10px;
+	background:url("https://s3.amazonaws.com/twitter_production/a/1274834447/images/buttons/bg-btn.gif") repeat-x scroll 0 0 #DDDDDD;
+	text-shadow:1px 1px 0 #FFFFFF;
+	border-color:#DDDDDD #DDDDDD #CCCCCC;
+	color: #333;
+}
+#twitter .outerDiv{
+	-webkit-transition: all 1s linear;
+	margin-bottom:16px;
+	margin-top:8px;
+}
+#twitter .outerDiv:hover .message{
+	opacity:1;
+	display:block;
+}
+#twitter .message{	
+	width:200px;
+	float:left;
+	opacity:0;
+	-moz-border-radius:0 10px 10px 0;
+	-webkit-border-radius:0 10px 10px 0;
+	border-radius-bottomright:0 10px 10px 0;
+	background:url("https://s3.amazonaws.com/twitter_production/a/1274739546/images/signup_info.gif") no-repeat scroll 13px 50% #F2F2F2;
+	border-color:#DBDBDB;
+	border-style:solid;
+	border-width:1px 1px 1px 2px;
+	color:#666666;
+	display:none;
+	font-size:12px;
+	line-height:1.45em;
+	padding:0.85em 10px 0.85em 30px;
+	text-transform:lowercase;
+}
+
+.clearfix{
+	clear:both;
+}

PA/css/style.css

+  body{
+	  width:100%;
+    background: #203542;
+}
+* {
+     margin: 0 auto;
+     padding: 0;
+}
+/* Carousel base class */
+.carousel {
+  padding-top: 50px;
+  margin-bottom: 60px;
+}
+/* Since positioning the image, we need to help out the caption */
+.carousel-caption {
+  z-index: 1;
+}
+
+/* Declare heights because of positioning of img element */
+.carousel .item {
+  height: 600px;
+  background-color:#555;
+}
+.carousel img {
+  position: relative;
+  top: 0;
+  left: 0;
+  width: 1300px;
+  height: 500px;
+}
+header {
+    background-color: #292c2f;
+    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
+    padding: 30px 20px;
+    box-sizing: border-box; 
+}
+
+header .header-limiter {
+    max-width: 430px;
+    text-align: center;
+    margin: 0 auto;
+}
+
+/* Logo */
+
+header .header-limiter h1 {
+    float: left;
+    line-height: 40px;
+    margin: 0;
+    font-size: 16px;
+}
+
+header .header-limiter h1 span {
+    color: #989898;
+}
+
+/* The header links */
+
+header .header-limiter a {
+    color: #ffffff;
+    text-decoration: none;
+}
+
+header .header-limiter nav{
+    line-height: 0px;
+    float: right;
+}
+
+header .header-limiter nav a{
+    display: inline-block;
+    padding: 0 5px;
+    text-decoration: none;
+    color: #ffffff;
+    font-family: sans-serif;
+    font-size: 12px;
+    opacity: 0.9;
+    font-weight: bold;
+    border-radius: 10px;
+    padding: 0px 25px;
+    background-color: #292c2f;
+}
+header .header-limiter img{
+    width: 200px;
+    margin-bottom: 25px;
+}
+header .header-limiter nav a:hover{
+    opacity: 1;
+    background: #ffffff;
+}
+
+header .header-limiter nav a.selected {
+    color: #608bd2;
+    pointer-events: none;
+    opacity: 1;
+}
+@media all and (max-width: 600px) {
+
+    header {
+        padding: 20px 0;
+    }
+
+    header .header-limiter h1 {
+        float: none;
+        margin: 10px 0 10px;
+        text-align: center;
+        font-size: 16px;
+        line-height: 1;
+    }
+
+    header .header-limiter nav {
+        float:none;
+    }
+
+}
+section{
+    display: block;
+}
+aside{
+    width: 300px;
+    float: left;
+    padding: 0px 10px 0px 20px;
+    font-family: Verdana;
+    font-size: 12px;
+    color: #ffffff;
+}
+aside section a{
+    display: block;
+    padding: 10px;
+    border-bottom: 1px solid #eeeeee;
+    text-decoration: none;
+    color: #ffffff;
+    font-size: 15px;
+}
+aside section a:hover{
+    color: #985d6a;
+    background-color: #333;
+    text-decoration: none;
+}
+aside h2{
+    padding: 30px 0px 0px 0px;
+    color: #ffffff;
+    font-size: 25px;
+}
+.sidebar-2{
+    padding: 330px 0px 0px 20px;
+    color: #ffffff;
+    font-size: 20px;
+}
+.sidebar-2 h3{
+  font-size: 20px;
+}
+aside p{
+  padding-bottom: 3 0px;
+  font-size: 15px;
+}
+article{
+background: #203542;
+padding: 20px;
+display: block;
+}
+footer{
+	height:100px;
+    background-color: #292c2f;
+    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+    width: 100%;
+    text-align: left;
+    font: normal 16px sans-serif;
+    padding: 45px 50px;
+}
+
+footer .footer-limiter {
+    max-width: 880px;
+    margin: 0 auto;
+}
+
+footer .footer-left p{
+    color:  #8f9296;
+    font-size: 14px;
+    margin: 0;
+}
+footer p.footer-links{
+    font-size:18px;
+    font-weight: bold;
+    color:  #ffffff;
+    margin: 0 0 10px;
+    padding: 0;
+}
+
+footer p.footer-links a{
+    display:inline-block;
+    line-height: 1.8;
+    text-decoration: none;
+    color:  inherit;
+}
+
+footer .footer-right{
+    float: right;
+    margin-top: 6px;
+    max-width: 180px;
+}
+footer .footer-right img{
+    width: 40px;
+}
+footer .footer-right a{
+    display: inline-block;
+    width: 35px;
+    height: 35px;
+    background-color:  #33383b;
+    border-radius: 2px;
+    font-size: 20px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 35px;
+    margin-left: 3px;
+}
+
+@media (max-width: 600px) {
+    footer .footer-left,
+    footer .footer-right{
+        text-align: center;
+    }
+    footer .footer-right{
+        float: none;
+        margin: 0 auto 20px;
+    }
+    footer .footer-left p.footer-links{
+        line-height: 1.8;
+    }
+}
+
+/* ------- Demo adds. Please ignore and remove ------- */
+
+#bsaHolder{
+    top: 100px !important;
+}
+@media (max-width: 1200px) {
+    #bsaHolder{ 
+        display:none;
+    }
+}

PA/css/style2.css

+  body{
+    background: #203542;
+}
+* {
+     margin: 0 auto;
+     padding: 0;
+}
+#slidercontainer {
+  position: relative;
+  overflow: hidden;
+  background: #000
+}
+#slidercontainer {
+  width: 1900px;
+  height: 450px;
+  padding-top: 90px;
+}
+ 
+#css3slider img {
+  width: 1350px;
+  height: 380px;
+}
+#css3slider {
+  position: absolute;
+  width:3900px;  
+  -webkit-animation-name:slider;
+  -webkit-animation-duration:15s;
+  -webkit-animation-timing-function: ease-in-out;
+  -webkit-animation-iteration-count:infinite;
+  -moz-animation-name:slider;
+  -moz-animation-duration:15s;
+  -moz-animation-timing-function: ease-in-out;
+  -moz-animation-iteration-count:infinite;
+  -o-animation-name:slider;
+  -o-animation-duration:15s;
+  -o-animation-timing-function: ease-in-out;
+  -o-animation-iteration-count:infinite;
+  animation-name:slider;
+  animation-duration:15s;
+  animation-timing-function: ease-in-out;
+  animation-iteration-count:infinite;
+}
+@-webkit-keyframes slider {    
+  0% { left: 0; opacity: 0; }    
+  2% { opacity: 1; }    
+  20% { left: 0; opacity: 1; }    
+  21% { opacity: 0; }    
+  24% { opacity: 0; }    
+  25% { left: -1350px; opacity: 1; }      
+  45% { left: -1350px; opacity: 1; }    
+  46% { opacity: 0; }    
+  48% { opacity: 0; }    
+  50% { left: -1536px; opacity: 1; }    
+  70% { left: -1536px; opacity: 1; }    
+  72% { opacity: 0; }    
+  74% { opacity: 0; }    
+  75% { left: -2304px; opacity: 1; }  
+  95% { left: -2304px; opacity: 1; }  
+  97%  { left: -2304px; opacity: 0;}  
+  100% { left: 0; opacity: 0; }
+}
+ 
+@-moz-keyframes slider {    
+  0% { left: 0; opacity: 0; }    
+  2% { opacity: 1; }    
+  20% { left: 0; opacity: 1; }    
+  21% { opacity: 0; }    
+  24% { opacity: 0; }    
+  25% { left: -1350px; opacity: 1; }      
+  45% { left: -1350px; opacity: 1; }    
+  46% { opacity: 0; }    
+  48% { opacity: 0; }    
+  50% { left: -1536px; opacity: 1; }    
+  70% { left: -1536px; opacity: 1; }    
+  72% { opacity: 0; }    
+  74% { opacity: 0; }    
+  75% { left: -2304px; opacity: 1; }  
+  95% { left: -2304px; opacity: 1; }  
+  97%  { left: -2304px; opacity: 0;}  
+  100% { left: 0; opacity: 0; }
+}
+ 
+@-o-keyframes slider {    
+  0% { left: 0; opacity: 0; }    
+  2% { opacity: 1; }    
+  20% { left: 0; opacity: 1; }    
+  21% { opacity: 0; }    
+  24% { opacity: 0; }    
+  25% { left: -1350px; opacity: 1; }    
+  45% { left: -1350px; opacity: 1; }    
+  46% { opacity: 0; }    
+  48% { opacity: 0; }    
+  50% { left: -1536px; opacity: 1; }    
+  70% { left: -1536px; opacity: 1; }    
+  72% { opacity: 0; }    
+  74% { opacity: 0; }    
+  75% { left: -2304px; opacity: 1; }  
+  95% { left: -2304px; opacity: 1; }  
+  97%  { left: -2304px; opacity: 0; }  
+  100% { left: 0; opacity: 0; }
+}
+ 
+@keyframes slider {    
+  0% { left: 0; opacity: 0; }    
+  2% { opacity: 1; }    
+  20% { left: 0; opacity: 1; }    
+  21% { opacity: 0; }    
+  24% { opacity: 0; }    
+  25% { left: -1350px; opacity: 1; }    
+  45% { left: -1350px; opacity: 1; }    
+  46% { opacity: 0; }    
+  48% { opacity: 0; }    
+  50% { left: -0px; opacity: 1; }    
+  70% { left: -0px; opacity: 1; }    
+  72% { opacity: 0; }    
+  74% { opacity: 0; }    
+  75% { left: -0px; opacity: 1; }  
+  95% { left: -0px; opacity: 1; }  
+  97%  { left: -0px; opacity: 0; }  
+  100% { left: 0; opacity: 0; }
+}
+header {
+    background-color: #292c2f;
+    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
+    padding: 30px 20px;
+    box-sizing: border-box; 
+}
+
+header .header-limiter {
+    max-width: 430px;
+    text-align: center;
+    margin: 0 auto;
+}
+
+/* Logo */
+
+header .header-limiter h1 {
+    float: left;
+    line-height: 40px;
+    margin: 0;
+    font-size: 16px;
+}
+
+header .header-limiter h1 span {
+    color: #989898;
+}
+
+/* The header links */
+
+header .header-limiter a {
+    color: #ffffff;
+    text-decoration: none;
+}
+
+header .header-limiter nav{
+    line-height: 0px;
+    float: right;
+}
+
+header .header-limiter nav a{
+    display: inline-block;
+    padding: 0 5px;
+    text-decoration: none;
+    color: #ffffff;
+    font-family: sans-serif;
+    font-size: 12px;
+    opacity: 0.9;
+    font-weight: bold;
+    border-radius: 10px;
+    padding: 0px 25px;
+    background-color: #292c2f;
+}
+header .header-limiter img{
+    width: 200px;
+    margin-bottom: 25px;
+}
+header .header-limiter nav a:hover{
+    opacity: 1;
+    background: #ffffff;
+}
+
+header .header-limiter nav a.selected {
+    color: #608bd2;
+    pointer-events: none;
+    opacity: 1;
+}
+@media all and (max-width: 600px) {
+
+    header {
+        padding: 20px 0;
+    }
+
+    header .header-limiter h1 {
+        float: none;
+        margin: 10px 0 10px;
+        text-align: center;
+        font-size: 16px;
+        line-height: 1;
+    }
+
+    header .header-limiter nav {
+        float:none;
+    }
+
+}
+.badan{
+	background: #203542;
+}
+section{
+    display: block;
+}
+aside{
+    width: 300px;
+    float: left;
+    padding: 0px 10px 0px 20px;
+    font-family: Verdana;
+    font-size: 12px;
+    color: #ffffff;
+}
+aside section a{
+    display: block;
+    padding: 10px;
+    border-bottom: 1px solid #eeeeee;
+    text-decoration: none;
+    color: #ffffff;
+    font-size: 15px;
+}
+aside section a:hover{
+    color: #985d6a;
+    background-color: #333;
+    text-decoration: none;
+}
+aside h2{
+    padding: 30px 0px 0px 0px;
+    color: #ffffff;
+    font-size: 25px;
+}
+.sidebar-2{
+    padding: 330px 0px 0px 20px;
+    color: #ffffff;
+    font-size: 20px;
+}
+.sidebar-2 h3{
+  font-size: 20px;
+}
+aside p{
+  padding-bottom: 3 0px;
+  font-size: 15px;
+}
+article{
+background: #203542;
+padding: 20px;
+display: block;
+}
+footer{
+    background-color: #292c2f;
+    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+    width: 100%;
+    text-align: left;
+    font: normal 16px sans-serif;
+    padding: 45px 50px;}
+
+footer .footer-limiter {
+    max-width: 880px;
+    margin: 0 auto;
+}
+
+footer .footer-left p{
+    color:  #8f9296;
+    font-size: 14px;
+    margin: 0;
+}
+footer p.footer-links{
+    font-size:18px;
+    font-weight: bold;
+    color:  #ffffff;
+    margin: 0 0 10px;
+    padding: 0;
+}
+
+footer p.footer-links a{
+    display:inline-block;
+    line-height: 1.8;
+    text-decoration: none;
+    color:  inherit;
+}
+
+footer .footer-right{
+    float: right;
+    margin-top: 6px;
+    max-width: 180px;
+}
+footer .footer-right img{
+    width: 40px;
+}
+footer .footer-right a{
+    display: inline-block;
+    width: 35px;
+    height: 35px;
+    background-color:  #33383b;
+    border-radius: 2px;
+    font-size: 20px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 35px;
+    margin-left: 3px;
+}
+
+@media (max-width: 600px) {
+    footer .footer-left,
+    footer .footer-right{
+        text-align: center;
+    }
+    footer .footer-right{
+        float: none;
+        margin: 0 auto 20px;
+    }
+    footer .footer-left p.footer-links{
+        line-height: 1.8;
+    }
+}
+
+/* ------- Demo adds. Please ignore and remove ------- */
+
+#bsaHolder{
+    top: 100px !important;
+}
+@media (max-width: 1200px) {
+    #bsaHolder{ 
+        display:none;
+    }
+}

PA/css/style3.css

+body{
+  background:url(img/bg.png);
+}
+.form{
+	background:#f1f1f1; width:500px; margin: 0 auto; 
+  padding-left:50px; padding-top:20px; padding-bottom: 20px; margin-top: 80px;
+}
+.form fieldset{border:0px; padding:0px; margin:0px;}
+.form p.contact { font-size: 12px; margin:0px 0px 10px 0;line-height: 14px; font-family:sans-serif;}
+.form input[type="text"] { width: 400px; }
+.form input[type="email"] { width: 400px; }
+.form input[type="password"] { width: 400px; }
+.form input.birthday{width:=150px;}
+.form input.birthyear{width:120px;}
+.form label { color: #000; font-weight:bold;font-size: 12px;font-family:Arial, sans-serif; }
+.form label.month {width: 135px;}
+.form input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(122, 192, 0, 0.15); padding: 7px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: -10px; }
+.form input:focus, textarea:focus { border: 1px solid #ff5400; background-color: rgba(255, 255, 255, 1); }
+.form .select-style {
+  -webkit-appearance: button;
+  -webkit-border-radius: 2px;
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+  -webkit-padding-end: 20px;
+  -webkit-padding-start: 2px;
+  -webkit-user-select: none;
+  background-image: url(images/select-arrow.png), 
+    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
+  background-position: center right;
+  background-repeat: no-repeat;
+  border: 0px solid #FFF;
+  color: #555;
+  font-size: inherit;
+  margin: 0;
+  overflow: hidden;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  text-overflow: ellipsis;
+  white-space: nowrap;}
+.form .gender {
+  width:410px;
+  }
+.form input.buttom{ background: #4b8df9; display: inline-block; 
+  padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; 
+  font-weight: bold; line-height: 1; -moz-border-radius: 5px;
+   -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; 
+   -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; 
+   text-shadow: 0 -1px 1px #222; border: none; position: relative; 
+   cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif; width: 420px;}
+.form input.buttom:hover	{ background-color: #2a78f6;}
+