@charset "UTF-8";
/* CSS Document */

body { 
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
background:#fff url(http://mprose.com/vcard/images/pattern-mprose-connect.jpg)repeat;
}
body a {
color:#00A7FF;
text-decoration:none;

}

#wrapper {
    width: 760px;
    margin: 0 auto;
}
#header {
     height:70px;
     width:760px;
}
#mprose-resume {
 position: absolute;
}
#logo {
    float:left;
    height:60px;
    width:150px;
    padding-bottom:10px;
}
#wrapper h1 {
	padding-left:20px;
	}

#intro {
    padding-bottom: 2px;padding-left5px;
    color:#444;
    font-weight:900;
    font-variant:small-caps;
}    
ul.intro-top {
list-style: none;
padding-left:0px;

}
ul.intro-top li {
display:inline;
vertical-align:top;
}
ul.intro-top a {
    color: #00A7FF;
    text-decoration: none;
}
h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}
ul.social-icons {
list-style: none;
padding-left:100px;
padding-top:20px;


}
ul.social-icons li {
display:inline;
vertical-align:top;
padding-right:25px;
}
ul.social-icons a {
    color: #fff;
    text-decoration: none;
}

ul.social-icons a:hover {
    background-color: #00A7FF;
}

ul.social-icons a.selected {
    background-color: #fff;
}

ul.social-icons a:focus {
    outline: none;
    color:#00A7FF;
}
#slider {
    width: 920px;
    margin: 0 auto;
    position: relative;
}
#body-text {
	font-size:80%;
	color:#444;
	width:60%;
}
#body-text a {
border-bottom: #00A7FF 1px dotted;
}
#body-text a:hover {
color:#0085CB;
}
.scroll {
    height: 710px;
    width: 920px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: none;
}

.scrollContainer div.panel {
    padding: 20px 0px 20px 0px;
    height: 710px;
    width: 920px;
background:#ECEDEC;
padding-left:50px;
padding-top:40px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #00A7FF;
}

ul.navigation a.selected {
    background-color:#EDEDEC;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
	z-index:20;
}

.scrollButtons.left {
    left: -40px;
}

.scrollButtons.right {
    right: -40px;
}

.hide {
    display: none;
}
.sub-footer {
	padding-left:20px;
	text-align: left;
	font-size: 0.6em;
	color:#444;
	
	}

/*preload classes*/
.svw {width: 400px; height: 500px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #00A7FF;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #00A7FF;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #00A7FF;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}