/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
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;outline:0;font-size:100%;vertical-align:baseline;background:transparent}nav ul{list-style-type: none;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}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}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
body {
overflow:hidden; /* needed to eliminate scrollbars caused by the background image */
padding:0;margin:0; /* necesarry for the raster to fill the screen */
height:100%;width:100%;
}
#bgimg {
position:absolute;
z-index: -1;
}#ultimateContainer {
position: absolute;
z-index: 5; /* Place the new body above the background image */
overflow: auto; /* restore scrollbars for the content */
height: 100%;
width: 100%; /* Make the new body fill the screen */
background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
left: -1px;
top: 1px;
}
#ultimateContainer nav {
width: 200px;
position: fixed;
left: 7%;
top: 170px;
}
#ultimateContainer .logo img {
position: absolute;
top:30px;
left: -30px;
}
#ultimateContainer .logo img:hover {
-webkit-transform:translate(15px,0px);
-moz-transform:translate(15px,0px);
-o-transform:translate(15px,0px);
transform:translate(15px,0px);
-webkit-transition:all ease-in-out 0.3s;
}
/*#ultimateContainer nav ul li {
line-height: 90px;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 45px;
font-weight: bold;
color: #fff;
}*/
#ultimateContainer nav ul li a:link, #ultimateContainer nav ul li a:visited {
line-height: 90px;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 45px;
font-weight: bold;
color: #fff;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-0-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
text-decoration: none;
}
#ultimateContainer nav ul li a:hover {
color: #345892;
}
#ultimateContainer nav ul li.active a:link, #ultimateContainer nav ul li.active a:visited {
color: #345892;
}
#ultimateContainer #bodyContain {
width: 660px;
position: absolute;
left: 460px;
top: 150px;
background-color: rgba(0, 0, 0, 0.8);
}
#ultimateContainer #bodyContain h1 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 40px;
color: #FFF;
text-align: center;
padding-top: 20px;
padding-bottom: 50px;
}
#ultimateContainer #bodyContain p {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
color: #CCC;
text-align: center;
padding-right: 10px;
padding-left: 10px;
line-height: 30px;
}
#ultimateContainer #bodyContain ul {
width: 100%;
padding-top: 30px;
padding-bottom: 15px;
overflow: hidden;
}
#ultimateContainer #bodyContain ul li {
list-style-type: none;
float: left;
margin-left: 15px;
}
#ultimateContainer #bodyContain h2 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 30px;
color: #FFF;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
#ultimateContainer #bodyContain .about {
width: 100%;
}
#ultimateContainer #bodyContain .about li {
display: block;
text-decoration: none;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(52, 88, 146, 0.3);
width: 100%;
margin-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #eee;
text-align: left;
padding-left: 10px;
line-height: 30px;
list-style-position: inside;
list-style-type: circle;
}
#ultimateContainer #bodyContain .about li ul li {
text-align: left;
list-style-type: disc;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #CCC;
line-height: 16px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
width: 500px;
background-color: rgba(52, 88, 146, 0);
}
#ultimateContainer #bodyContain strong {
color: #FFF;
text-decoration: underline;
}
#ultimateContainer #bodyContain .last {
padding-bottom: 20px;
}
#ultimateContainer #bodyContain .serv {
border-bottom-width: thin;
border-bottom-style: dashed;
border-bottom-color: #FFF;
}
#ultimateContainer #bodyContain .services ul li {
width: 100%;
display: block;
text-decoration: none;
list-style-type: none;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(52, 88, 146, 0.3);
width: 100%;
margin-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #eee;
text-align: left;
padding-left: 10px;
}
#ultimateContainer #bodyContain .services ul li h3 {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFF;
}
/*form*/
#ultimateContainer #bodyContain #stylized{
width: 655px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 20px;
}
#ultimateContainer #bodyContain #stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#ultimateContainer #bodyContain #stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
padding-bottom:10px;
}
#ultimateContainer #bodyContain #stylized label{
color:#fff;
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#ultimateContainer #bodyContain #stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#ultimateContainer #bodyContain #stylized input{
color: #fff;
float:left;
font-size:12px;
padding:4px 2px;
width:420px;
margin:2px 0 20px 10px;
background-color: rgba(52, 88, 146, 0.3);
border: hidden;
}
#ultimateContainer #bodyContain #stylized button{
clear:both;
margin-left:160px;
width:125px;
height:31px;
background:#444;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
#ultimateContainer #bodyContain #stylized textarea {
color:#fff;
background-color: rgba(52, 88, 146, 0.3);
border: hidden;
margin-left:10px;
}
#ultimateContainer #bodyContain p .left {
text-align: left!important;
float: left;
font-size: 20px;
}
#ultimateContainer #bodyContain ul li {
float: left;
margin-right: 20px;
text-align:left!important;
}
#ultimateContainer #bodyContain ul li h1 {
font-size:16px;
padding:0;
margin:0;
text-align:left!important;
}
#ultimateContainer #bodyContain ul li p {
text-align:left!important;
}