/* 
    AUTHOR: Andrew McConkie
            Justin Gallardo
            Michael Burns
            contact@mirwin.net
*/

/********************************************
 	HTML ELEMENTS
********************************************/

/* top elements */
* {
    padding: 0;
    margin: 0;
    outline: 0;
}

body {
/*  margin: 10px 0 0 0;*/
 	padding: 0;
	/* i12px/20px arial,*/
	font-size: normal 13px/20px;
	/* Futura, "Trebuchet MS", Arial, sans-serif; */
/*arial, Geneva, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, Verdana, sans-serif; */
	color: #333333;
	/* background: #D4D4D4; */
	background: #EEE;
}

fieldset {
	line-height: 1.5em;
}
.block {
	padding-top: 10px;
}
address {
  text-align: center;
  font-weight:bold;
}
.name {
  font-size: 250%;
  line-height: 1.5em;
}

.job-title {
	text-align: center;
}

#keyboard {
	font-weight:bold;
}
.box {
        display:inline;
        position:relative;
        float:left;
        background-color: #FEFEFE;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left:1%;
        margin-right:1%;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-box-shadow:0 0 10px #696969;
        -webkit-box-shadow:0 0 10px #696969;
        box-shadow:0 0 10px #696969;
}

#summary p {
	padding-bottom: 2em;
}

.xob {
  margin-top: 35px;
  margin-bottom: 10px;
	
}
.box h3 {
	padding-top:12px;
	text-align: center;
}
.box p, h3 {
}

.box p {
        text-align: justify;
}

/* portfolio */

ul.portfolio li div {
  height: 445px;
  padding-left: 10px;
}

.box h2 {
	font-size: 2.5em;
	text-decoration:underline;
}
.box p {
	font-size:1.4em;
        clear: both;
}

.box .icon {
        float:left;
}

.portfolio-blurb {
	width:35%;
}

.gallery {
  padding:5px;
  /* background-image: url('http://media.mirwin.net/images/mirwin/portfolio-gallery.png'); */
	height: 100px;
	width: 100%;
	bottom:0;
	margin-bottom:1em;
        margin-top:2em;
        clear: both;
}
.gallery li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}
.gallery ul.gallery li img {
	border: 3px solid white;
}

.gallery li img:hover {
	border: 3px solid #ffffff;
}

#ambushparty {
  background-image: url('http://media.mirwin.net/images/ambushparty/ambushparty-bg.png');
  /* background-color: #666699; */
  background-repeat: no-repeat;
  background-position: right top;
}

#lindsayschnell {
  background-image: url('http://media.mirwin.net/images/lindsayschnell/lindsayschnell-bg.png');
  background-repeat: no-repeat;
  background-position: right top;
}

#unemployable {
  background-image: url('http://media.mirwin.net/images/unemployable/unemployable-bg.png');
  background-repeat: no-repeat;
  background-position: right top;
}

#jiraffe {
  background-image: url('http://media.mirwin.net/images/jiraffe/jiraffe-bg.png');
  background-repeat: no-repeat;
  background-position: right top;
}

#andrewmcconkie {
  background-image: url('http://media.mirwin.net/images/andrew/ambg.png');
  background-repeat: no-repeat;
  background-position: right top;
}

#upstreamalpaca {
  background-image: url('http://media.mirwin.net/images/upstream/upbg.png');
  background-repeat: no-repeat;
  background-position: right top;
}

#wepay {
  background-image: url('http://media.mirwin.net/images/mirwin/webg.png');
  background-repeat: no-repeat;
  background-position: right top;
}

ul.tech {
 line-height: 2em;
 display:list-item;
 margin-left:20px;
 list-style-type:none;
}


ul.tech li a {
    background: transparent url("http://media.mirwin.net/images/mirwin/bg_button_a.png") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
   /* font: normal 12px arial, sans-serif; */
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

ul.tech li span {
    background: transparent url("http://media.mirwin.net/images/mirwin/bg_button_span.png") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

blockquote {
	padding-bottom:10px;
	margin:0; !important
}
ul.tech li a:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

ul.tech li a:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */} 

/* Services */


ul .sites {
list-style-type:none;
}
/* links */
a {
	color: #84A5DA;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #336699;
	background-color: inherit;
}

#statement {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.container_9 {
	margin-top:20px;
}


.container_9 .grid_3 {
/*	margin-right: 1px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 1px;
*/
}

.container_9 .grid_4 {
/*	margin-right: 1px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 1px;
*/
}
.container_9 .grid_1 {
	padding-top: 25px;
}

.container_9 .omega {
	border-right: medium none !important;
} 


/* headers */
h1, h2, h3, h4 {
	/* font: normal 1em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; */
	/* color: #211E20; */
}

h1 { 
	font-size: 5em; 
	color: #84A5DA; 
	letter-spacing: -2px;	
	padding: 20px;
}

h2 { font-size: 2.0em; }
h3 { font-size: 2.0em; 
    /* color: #BF9A43; */
}
h4 { 
	font-size: 1.5em; 
	/* font-family: 'Vollkorn', arial, serif; */
}
p, h1, h2, h3, h4 {
	margin: 0;
}

ul, ol {
	margin: 0px 0px;
	padding: 0 0px;
	list-style: none;
}


/* images */
img {
	background: transparent;
/* 	margin: 10px 10px 10px 10px;	 */
  margin: 0px;
}


/* markup */
code {
	margin: .5em 0;
	display: block;
	padding: 20px;
	text-align: left;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
	/* white-space: pre; */
	background: transparent;
	border: 1px solid #211E20;
}


/***********************
		LAYOUT
************************/

#wrap {
  /* height: 100%; */
}
/*#header, */
h1 a {
	color: #ffffff;
}

#content-wrap {
}

#billboard {
	background-image: url('http://media.mirwin.net/images/redesign/small-hdr.png');
	margin-bottom: 20px;
	background-color: #32689B;
	background-repeat: repeat-x;
	/* background-position:top right; */
	height: 250px;
	display:block;
        overflow: hidden;
        -moz-box-shadow:0 0 10px #696969;
        -webkit-box-shadow:0 0 10px #696969;
        box-shadow:0 0 10px #696969;
        -moz-border-radius:10px;                    
        border-radius: 10px;
}
#serviceSlider {
        bottom:0;
        clear:both;
        margin-bottom: 45px;
        padding: 10px;
        float:right;
        height: 40%;
        position:absolute;
        right:0;
        display: none;
        background-color: white;
        opacity: 0.7;
        filter: alpha(opacity=60);
}
#serviceSlider ul {
  width: 400px;
}
#serviceSlider ul li {
        overflow: hidden;
        padding: 0px;
}
#serviceSlider ul li img {
  float: left;
  margin-right: 5px;
}
#page-title {
	padding-top:10px;
	padding-right: 10px;
	color: white;
	font-size: 3em;
  float: right;
}

#billboard-wrap {
/*	width: 100%; */
}

/* header */
header {
	margin: 0 auto;
	padding: 0;
	height: 250px;
}

#logo {
	margin-top: 2em;
	padding: 0;
	text-indent: -9999px;
	width: 502px;
	height: 111px;
	position: relative;
	background: url('http://media.mirwin.net/images/mirwin/logo.png') no-repeat;
}
#logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 111px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
}

#logo .fake-hover {
	margin: 0;
	padding: 0;
	width: 500px;  
	height: 111px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url('http://media.mirwin.net/images/mirwin/logo.png') no-repeat 0 -111px;
}


/* Navigation */
#nav {
        float: right;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
}
form {
	padding:10px;
	margin: 0 1.5em;
}

button {
        margin:0 auto;	align: center;
}
#heart {
	color: red;
}
#nav ul {
	list-style: none;
	text-transform: uppercase;
	margin: 0;
 	 height: 69px;
}

#nav ul li {
	float: left;
	margin-right: 20px; 
	font-size: 1.5em;
}

#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	color: #3D3C37;
	text-decoration: none;
}
#nav ul li a:hover,
#nav ul li a:active {
	color: #e0ca79;
}
#nav img {
}
/* main */
#main {
	padding: 0;
}
#main h2 {
	font-size: 2.0em; 
	color: #BF9A43;
	letter-spacing: -2px;
	padding-bottom: 0px;
	margin-bottom: 5px;
/* 	border-bottom: 1px solid #211E20; */
}

.column p {
}

/* footer */
#footer-wrap {
	clear: both;
	padding: 0;
	margin-top: 20px;
	margin: 0 auto;
	color: #FFFFFF;
}

footer {
        clear: both;
        display: block;
       	width: 100%;
        min-height: 200px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top: 50px;
        background-color: #181623;
	color: #ffffff;
}

footer h3 {
	color: #ffffff;
}

footer .colborder {
	border: 0px;
}
footer-bottom {
	clear: both;
	margin: 0 auto;
	padding: 1em 0 1.5em 0;
	text-align: center;
	background: #000000;
	color: #FFFFFF;
}

footer #pitch {
	text-align: justify;
}
/* alignment classes */
.float-left	{ float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.align-left	{	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }

ul#icons {
	text-align:center;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul#icons li{
  display: inline;
  border-bottom: 0px;
}
ul#icons li img{
  border: none;
}

#sites ul, #sites li {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#links ul, #links li {
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.4em;
        line-height: 1.6em;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 41px; 
    padding: 0; margin: 0;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            width: 9px; height: 30px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
/*                
				background: url("http://media.mirwin.net/images/black_dot.png");

				url("http://media.mirwin.net/images/lava.gif") no-repeat top left;
 
*/
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 20px arial;
            color: #fff; outline: none;
            text-align: center;
		top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }



#about-mirwin li {
	font-size: 4em;
	text-align: center;
	color: #336699; 
	border-bottom: 1px solid #8A8E94;
	border-top: 1px solid #DEE2E9;
	overflow: hidden;
	padding-bottom: 14px;
	padding-top: 14px;
	width: 100%;
	line-height: 1em;
}

#red {
	color:#FF0000;
}

#about-mirwin li#first {
	border-top: medium none;
}

#about-mirwin li#last {
	border-bottom: medium none;
}

#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

.bxslider_container ul {
        width: 100% important;
}


/* Javscript Not Enabled warning style */
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }


#recaptcha_area table tr { height: 0em; }

.shadow {
  z-index: 0;
  position: absolute;
  left: 375px;
}

.aniimg {
  z-index: 1;
}

.animate {
  position: relative;
}