.style1 {font-size: 20px; font-weight: bold; color: #999999;}
.style2 {color: #CCCCCC;font-family: Arial, Helvetica, sans-serif;}
.style3 {font-size: 16px}
body {background-color:#FFFFFF; margin-top:20px; margin-left:0px; margin-right:0px; overflow-x:hidden;}
body,td,th { font-family:Arial, Helvetica, sans-serif; color: #999999;}
a:link {text-decoration:none; color:#0099FF;}
a:visited {text-decoration:none; color:#0099FF;}
a:hover {text-decoration:none; color:#333333;}
a:active {text-decoration:none; color:#0099FF;}
a {font-size: 16px;}
h1 { font-size:24px; color:#999999;}
h2 { font-size:18px; color:#999999;}
h3 { font-size:16px; color:#999999;}
hr {color:#999999; background-color:#003333; height:2px; border-top-color:#000033; border-bottom-color:#003366; border-left:none; border-right:none;}
.wrapper p { padding-left:10px; max-width:640px; margin:0px;}
.wrapper {display:inline-block; float:left;}
.clear{clear:both;}
#footer { margin:auto; font-size:12px; width:1000px; }
#footer img {vertical-align: middle;}

#Header {width:100%; height:79.5px;}
#HeaderImg {padding-left:22px; width: 235px; vertical-align:bottom; float:left;}
#Header_inner {padding: 0px 50px 0px 50px; float:left;}
#links_float { float:left; padding-top:37px;}
#social { width:auto; float:right; padding-top:47px; padding-right:22px; height:32px; }

#Container { width:100%; margin:0px;}
#Main_Float {width:100%; min-height:750px; float:left; margin-bottom:10px; margin-top:10px;}
#Main_Centre{ max-width:1000px; margin:auto; background-color:#FFFFFF;}
.about_page {font-size:19px;}
.div_float{ float:left; width:480px; padding:10px; height:480px; background-color:#FFFFFF;}
.div_right{ float:left; width:480px; padding:10px; height:480px; background-color:#FFFFFF;}

#home {text-align:center; font-size:17px; width:100%; height:600px; background-color:#0099FF; color:#FFFFFF;}
#home h1{ color:#FFFFFF; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:100; padding-top:70px; margin:0px;}
.blue { margin:auto; text-align:center; display:table;}
.blue_img { width:100px; padding:10px; display:table-cell; color:#FFFFFF;}

#Main_FloatAbout { background-image:url(http://www.sistamp.com/images/me.jpg); width:100%; height:600px; margin-bottom:10px; background-repeat:no-repeat; padding-top:10px;}

#testContainer { width:100%;}
#testingMain_Float {width:100%; min-height:750px;}
.portfolioList ul { display:block; padding:0px; margin:0px; padding:0px; list-style-type: none; text-align:left; -webkit-padding-start: 0;}
.portfolioList li {display: inline-block; width: 50%;max-width: 480px; text-align: left;}
.portfolioList li img {width: 100%;}

.portfolio-list{list-style:none;margin-right:-2px;margin-left:-2px;overflow:hidden;background-color:#efefef;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);text-align:center-webkit-padding-start: 0;}
.portfolio-list li{display:inline-block;width:50%;max-width:480px;text-align:left}
.portfolio-list li img{width:100%}
.portfolio-list li a{position:relative;display:inline-block}

@media screen and (max-width: 1280px){
#Main_Float {width:auto; min-height:750px; float:left; margin-bottom:10px; margin-top:5px;}
#footer { margin:auto; font-size:12px; width:auto; }
#Main_Centre{ max-width:1280px; margin:auto; background-color:#FFFFFF;}
.div_float{ float:clear; width:480px; padding:10px; background-color:#FFFFFF;}
}

#Links { float:right; margin-top:40px;}
#Links a { padding-right:35px;}

a { font-size:16px;}

ul {
	clear:both;
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    padding: 0;
    overflow: hidden;
	max-width: 600px;
	float:left;
}

li {
    float: left;
	border-right: 1px solid #bbb;
}

li a {
    display: block;
    color: #FFF;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
	-o-transition:color .3s ease-out, background .2s ease-in;
  -ms-transition:color .3s ease-out, background .2s ease-in;
  -moz-transition:color .3s ease-out, background .2s ease-in;
  -webkit-transition:color .3s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .3s ease-out, background .2s ease-in;
}

li a:hover {
    background-color:#284979;
	color:#57abdf;
}

@media screen and (max-width: 480px){
ul { float:none;}
li {
    float:none;
	border:none;
	width:80%;
	margin:auto;
	margin-top:10px;
}
#social { margin:auto; text-align: center; max-width:400px; margin-top:15px;}
#Main_Float {max-width:360px; float:clear; margin-bottom:10px; margin-top:5px;}
#Main_Centre{ max-width:360px; margin:auto; background-color:#FFFFFF;}
.div_float{ float:clear; max-width:340px; padding:10px; background-color:#FFFFFF;}
.div_right{ float:clear; max-width:340px; padding:10px; background-color:#FFFFFF;}

#comment {max-width:400px;}
}