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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	/*content: '';
	content: none;*/
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

a {
text-decoration:none;
}

h2 {
color:#FFF;
font-size:3.6em;
font-weight:400;
text-shadow:0 2px #000;
}

h3 {
color:#E6CA8B;
font-size:2.4em;
text-shadow:0 2px #000;
margin-top:1em;
}

h4 {
color:#fff;
font-size:1.5em;
text-shadow:0 2px #000;
margin:.5em 0 0;
}

.wrapper {
width:1020px;
overflow:visible;
margin:0 auto;
}

#header {
background:#001247 url(../_img/topBackground.jpg) top left repeat-x;
overflow:hidden;
}

#header h1 {
background:transparent url(../_img/mgpCreativeLogo2.png) no-repeat scroll left top;
float:left;
height:73px;
position:relative;
text-indent:-1000px;
width:400px;
margin-top:1em;
cursor:pointer;
}

#header h1:hover {
background:transparent url(../_img/mgpCreativeLogo2.png) no-repeat scroll left bottom;
}

#header ul {
float:right;
}

#header ul li {
color:#fff;
font-size:3em;
float:left;
padding:.5em;
}

#header ul li a {
text-shadow:0 2px #000;
text-decoration:none;
color:#FFF;
}

#header ul li a span {
font-size:.4em;
color:#E6CA8B;
display:block;
}

#header ul li:hover {
border-bottom:1px solid #E6CA8B;
}

#header ul .background {
background:url(../_img/hoverEffectHeader.png) no-repeat center top;
}

#main {
border-top:1px solid #009cff;
border-bottom:1px solid #764d0a;
background:#000826 url(../_img/MainBodyBackground2.jpg) no-repeat scroll center top;
}

#main .wrapper {
min-height:500px;
overflow:hidden;
padding:4em 0;
}

#main div {
display:block;
position:relative;
}

#main .wrapper .holder {
height:430px;
overflow:hidden;
}

.wrapper .slide {
display:none;
position:absolute;
top:0;
left:0;
border:none;
overflow:hidden;
margin:2em 0;
}

#main .wrapper .slide .imgLink {
text-indent:0;
background:none;
display:inline;
font-size:inherit;
}

#main .thumbs {
float:right;
padding-right:1em;
z-index:101;
}

#main .thumbs a {
border:1px solid #000;
display:block;
float:left;
height:50px;
overflow:hidden;
text-indent:0;
margin:0 1em;
}

#main .thumbs img {
border:none;
width:75px;
margin:0;
}

#main .thumbs a.selected {
border:2px solid #E6CA8B;
}

#main img {
float:left;
width:450px;
border-bottom:2px solid #003;
margin:0 5em;
}

#main p,#footer #rightBox p {
float:left;
color:#fff;
font-size:1.4em;
line-height:1.4em;
font-style:inherit;
margin:1em 0 0 0;
}

#main a {
background:transparent url(../_img/linkIcon.png) left top no-repeat;
color:#E6CA8B;
font-size:1.8em;
height:1.1em;
margin-top:1em;
text-indent:2em;
text-decoration:none;
text-shadow:0 2px #000;
display:block;
}

#footer {
border-top:1px solid #2d1b00;
background:#190d00 url(../_img/footerBackground.jpg) top left repeat-x;
overflow:auto;
}

.threeCol {
width:32%;
float:left;
margin:1em;
}

.threeCol h2 {
border-bottom:1px solid #764D0A;
float:none;
display:block;
margin:0;
padding:0.25em 0;
}

.threeCol div {
border-top:1px solid #2d1b00;
}

form {
width:100%;
}

form button {
border:none;
background:none;
color:#E6CA8B;
font-family:georgia;
font-size:1.4em;
text-shadow:0 2px #000;
cursor:pointer;
margin:1em 0;
padding:0;
}

#footer label,.threeCol a {
display:block;
font-size:1.4em;
color:#fff;
text-shadow:0 2px #000;
margin:1em 0;
}

#footer input,#footer textarea {
font-size:1.2em;
border:1px solid #764d0a;
width:98%;
background:#8E653D;
padding:.25em;
}

#footer textarea {
height:8em;
}

.threeCol p {
border-bottom:1px solid #764D0A;
color:#FFF;
font-size:1.4em;
font-style:italic;
padding-bottom:1em;
}

#leftBox {
margin-left:0;
}

#rightBox {
margin-right:0;
}

#leftBox h2 {
background:url(../_img/mail_write_48.png) right bottom no-repeat;
}

#middleBox h2 {
background:url(../_img/twitter_48.png) right 0.38em no-repeat;
}

#rightBox h2 {
background:url(../_img/comment_48.png) right bottom no-repeat;
}

#twtr-widget-1 p, .twitterFeed li {
border-bottom:1px solid #764D0A;
color:#FFF;
font-size:1.4em !important;
font-style:italic !important;
line-height:1.2em !important;
padding:1em 0.5em !important;
}

#twitterLink span{
	font-size:.5em;
}

#middleBox a {
color:#E6CA8B;
display:inline;
font-size:1.1em;
padding-right:0.25em;
background:none;
margin:0;
}

#footer form .inlineAnchor {
font-size:1em;
right:2em;
display:inline;
margin:0.25em;
}

#footer form .inlineAnchor:hover {
text-decoration:underline;
}

#footer .btn {
width:auto;
display:inline;
text-shadow:0 1px #000;
margin-top:1em;
margin-right:1em;
color:#fff;
background:#8E653D url(../_img/btnHoverBkg.jpg) repeat-x bottom left;
}

#footer .btn:hover {
background:#8E653D url(../_img/btnHoverBkg.jpg) repeat-x top left;
}

#emailForm input.error,#emailForm textarea.error {
border:1px solid red;
}

#emailForm label.error {
color:red;
background:url(../_img/arrowUp.png) no-repeat top right;
}

#listOfSkills {
float:left;
width:30%;
height:100%;
}

.JobExperience,.Education {
float:left;
}

.Education h2 {
margin-top:1em;
}

#Resume .resume ul {
display:block;
color:#fff;
font-size:1.5em;
line-height:1.4em;
list-style:inherit;
margin-left:.5em;
padding:0.25em 1em;
}

#Resume .resume .right li {
padding:0 0 0.5em;
}

#Resume .resume em {
color:#fff;
font-size:1.5em;
}

#Resume .resume h3 {
display:block;
margin-top:1em;
margin-bottom:.5em;
}

#Resume h4 {
display:inline;
text-shadow:none;
}

#Resume .resume a,#About .about a {
display:inline;
background:none;
font-size:inherit;
}

#Resume .right {
width:70%;
}

.right {
float:left;
width:45%;
}

#About .about h3 {
float:none;
display:inline-block;
}

#About .about p {
float:none;
width:100%;
}

#About .wrapper .about img {
width:200px;
background:#FFF;
border:1px solid #E6CA8B;
padding:1em;
}

#Portfolio .thumbs {
display:none;
}

#Portfolio #main .wrapper .slide {
display:block;
}

#footer .threeCol a.h2Link {
color:#fff;
font-size:1em;
margin:0;
padding:0;
}

#footer .threeCol a.h2Link:hover{
	color: #E6CA8B;
}

strong,#footer label span,#footer .threeCol a span {
color:#E6CA8B;
}

#main a:hover,form button:hover {
color:#FFF;
}

#main #pdfIcon{
	background:none;
	margin-top:-1em;
	text-indent:0;
	float:right;
}
#main #pdfIcon img{
	border:medium none;
	margin:0;
	padding-right:0.5em;
	width:32px;
}

#whatSaidContainer p{
	border-bottom:1px solid #E6CA8B;
	float:none;
	font-size:2em;
	margin:2em auto;
	padding:0 1em 2em 1em;
	width:60%;
	}
	
#whatSaidContainer p strong{
	display:block;
}

#whatSaidContainer #ellipsis{
	display:none;
}

 #footer #rightBox p span{
 	display:none;
 }
 
  #footer #rightBox p #ellipsis{
  	display:inline;
  }
  
  
/* Twitter widget */
  .twtr-hd{	display:none!important;}
  
  div.twtr-widget div.twtr-tweet{border-bottom:none!important;
  padding:inherit!important;}
  
  div.twtr-widget {font-family:inherit!important;
  font-size:inherit!important;}
  
  div.twtr-widget h3, div.twtr-widget h4, div.twtr-widget p {
    line-height: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    width: inherit !important;
}

.twtr-tweet-text,{
border-top: 1px solid #2D1B00!important;
}

.twtr-widget .twtr-tweet-wrap{
padding:inherit!important;
}

#middleBox div{
border-top:none;
}