@charset "UTF-8";

body {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	font-size:100%;
	z-index:0;
	background-color:#000000;
}
#container {
	margin:0 32px;
	padding:0;
	width:960px;
	height:auto;
	color:#FFFFFF;
	background-image:url(../assets/irongrip.png);
}
#wrapper_head {
	position:relative;
	width:960px;
	height:400px;
}
#logo {
	position:relative;
	float:left;
	width:500px;
	height:300px;
	top:30px;
	left:30px;
	background-repeat:no-repeat;
}

img {
	border:none;
}
#nav_menu {
	float:left;
	width:400px;
	height:390px;
	padding:0 10px;
	z-index:100;
}
#head_box {
	float:left;
	width:400px;
	height:320px;
	padding:30px 0 0 0;
	z-index:100;
	text-align:center;
	font-size:1.5em;
}
#head_box_site {
	float:left;
	width:400px;
	height:auto;
	padding:110px 0 0 0;
	z-index:100;
	text-align:center;
	font-size:1.5em;
}
#name {
	position:relative;
	float:right;
	width:400px;
	height:auto;
}

h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:3em;
}
h2 {
	font-family: 'Cabin Sketch', cursive;
	font-size:2em;
}

#content {
	position:relative;
	width:500px;
	height:auto;
	padding:10px 50px;
}
#content h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:3em;
}
#content p {
	font-size:1.25em;
}
#port_logos img {
	padding:15px;
}
	
#port_content {
	position:relative;
	width:860px;
	height:auto;
	padding:0 50px 50px 50px;
}
#port_content h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:3em;
}
#port_content p {
	font-size:1.125em;
}
#port_websites img {
	padding:15px;
	background-color:transparency;
	background-color:hsla(0,0%,80%,.15);
}
#port_edits img {
	padding:15px;
	background-color:transparency;
	background-color:hsla(0,0%,80%,.15);
}
.fade {
	opacity:1;
	-moz-transition:opacity 0.25s ease-in-out;
	-webkit-transition:opacity 0.25s ease-in-out;
	-o-transition:opacity 0.25s ease-in-out;
	transition:opacity 0.25s ease-in-out;
}
.fade:hover {
	opacity:0.5;
	background-color:transparency;
	background-color:hsla(0,0%,80%,.15);
}
li {
	list-style-type:none;
	position:relative;
	width:375px;
	height:auto;	
}
li a {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
.current {
	color:#6f9abf;
	display:block;
	text-decoration:none;
	background-image:url(../assets/CurrentArrow.png);
	background-repeat:no-repeat;
}
li a:hover {
	color:#6f9abf;
	display:block;
	text-decoration:none;
}
.current a {
	color:#6f9abf;
	text-decoration:none;
}

#home .current a {
	color:#000000;
	background-color:#6f9abf;
	display:block;
	text-decoration:none;
}
ul.lists li {
	position:relative;
	width:440px;
	height:auto;
}
ul.maintenance li {
	position:relative;
	width:440px;
	height:auto;
}
ul.experience li {
	position:relative;
	width:440px;
	height:auto;
}

#text_graphics {
	position:absolute;
	width:200px;
	height:300px;
	text-align:center;
	padding:20px 0;
	z-index:1;
	left: 702px;
	top: 750px;
	font-family: 'Cabin Sketch', cursive;
	font-size:3em;
}
#me {
	position:absolute;
	width:248px;
	height:355px;
	z-index:2;
	left: 683px;
	top: 1228px;
	background-image:url(../assets/Shannon.png);
}
#square {
	position:absolute;
	width:300px;
	height:400px;
	z-index:3;
	left: 664px;
	top: 1200px;
	background-image:url(../assets/square.png);
}
#footer_wrap {
	clear:both;
	position:relative;
	width:100%;
	height:auto;
}
#foot_content {
	position:relative;
	width:100%;
	margin:0;
	padding:60px 0;
	height:auto;
	z-index:0;
}
#colorstrip {
	background-color:#A69E8F;
	width:100%;
	height:20px;
	background-image:url(../assets/colorbar.jpg);
	background-repeat:repeat-x;
}

ul.menuFooter {     /*had it float:right but it pushed the menu over to left when changing screen size*/	
list-style-type:none;
position:relative;
left:220px;
width:600px;
display:block;
height:auto;
font-family:Tahoma, Geneva, sans-serif;
margin:0;
padding:0;
}
ul.menuFooter li {
display:block;
float:left;
width:auto;
margin:0;
padding:0;
}
ul.menuFooter li a {
float:left;
color:#ffffff;
text-decoration:none;
height:24px;
padding:0 10px;
font-weight:normal;
}
ul.menuFooter li a:hover,.currentFooter {
color:#6F9ABF;
text-decoration:none;
}
ul.menuFooter .currentFooter a {
color:#6F9ABF;
font-weight:700;
}
.refreshen {            /*FOR REFRESHEN UP WEB DESIGN IN FOOTER*/
	position:relative;
	top:20px;
	padding:0;
	left:320px;
	width:300px;
	height:auto;
	font-size:0.875em;
	text-align:center;
	color:#6F9ABF;
}
.refreshen a {
	color:#6F9ABF;
	text-decoration:none;
	font-weight:normal;
}
.refreshen a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#social_media {
	position:relative;
	top:-60px;
	left:840px;
	width:55px;
	height:56px;
	z-index:10;
}
.color {
	color:#6f9abf;
}
#content .big_txt {
	font-size:3em;
}