@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

img { border: 0; -ms-interpolation-mode: bicubic; /* vertical-align: middle; */ /* display: block; *//* margin: auto; */float: right;height: 250px;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.addleft{
	width: 30%;
	float:left;
	word-wrap: break-word;
	text-align: left;
}
.left{
	width:15%;
	float:left;
	HEIGHT: 100px;
}

.ctc{
	width:100%;
	height:10px;
}
.addright{
	width: 15%;
	float: left;
	height: 200px;
}
.propic{
	width: 40%;
	float: left;
	height: 200px;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
}
#content {
    float: right;
    width: 80%;
}
#d7{
	 width: 25%;
    float: left;
    text-align: center;
	}
#d2, #d3 {
    width: 15%;
    float: left;
    text-align: center;
}

#d1, #d3 {
    float: left;  
}
#d5 {
    float: left;
	width: 15%;  
}
#d6 {
    float: left;
    width: 32px;
}
#d1, #d4 {
    float: left;
    width: 34%;
}
#Header {
height: 30px;width: 100%;float: none;}

#Article {
	background:	url(Images/background.jpg) center no-repeat;
	/* display: block; */
	height: 500px;
}

#contactme {
	background:	url(Images/contactme.jpg) center no-repeat;
	/* display: block; */
	height: 500px;
	float: none;
}

#Botton {
	margin-top:30%;
}
#Footer {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
#Header {
}
#Article {
}
#Botton {
}
#Footer {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
#cv{
	
	background-image:url(Images/CV2.pdf)}
#Header {
}

#Article {
	background: url(Images/background2.jpg) center no-repeat;
}
#Botton {
}

#Footer {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.button {/*Step 2: Basic Button Styles*/
     display: inline;
     height: 25px;
     /* width: 200px; */
     border: 2px solid white;
	 font-weight: normal;
    ;/*Step 3: Text Styles*/
     color: white;
     text-align: center;
     font:  0.8em/80px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     letter-spacing:2px;/*Step 4: Fancy CSS3 Styles*/
     -webkit-linear-gradient(top, #34696f,);    
     -moz-linear-gradient(top, #34696f, #2f5f63);
     background: 
  
     -o-linear-gradient(top, #34696f, #2f5f63);
     background: 
     
     -ms-linear-gradient(top, #34696f, #2f5f63);
     background: linear-gradient(top, #34696f, #2f5f63);
     -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     -webkit-box-shadow: 0 2px 0 #1b383b;
     -moz-box-shadow: 0 2px 0 #1b383b;
     box-shadow: 0 2px 0 #1b383b;
     padding: 10px;
     text-decoration: blink;
}
.whitebutton {/*Step 2: Basic Button Styles*/
     display: inline;
     height: 25px;
     /* width: 200px; */
     border: 2px solid black;
     font-weight: normal;/*Step 3: Text Styles*/
     color: white;
     text-align: center;
     font:  0.8em/80px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     letter-spacing:2px;/*Step 4: Fancy CSS3 Styles*/
     -webkit-linear-gradient(   
     top, #34696f,);
     -moz-linear-gradient(
     top, #34696f, #2f5f63);
     background:     
     -o-linear-gradient(top, #34696f, #2f5f63);
     background:    
     -ms-linear-gradient(top, #34696f, #2f5f63);
     background: linear-gradient(top, #34696f, #2f5f63);
     -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     -webkit-box-shadow: 0 2px 0 #1b383b;
     -moz-box-shadow: 0 2px 0 #1b383b;
     box-shadow: 0 2px 0 #FFFFFF;
     padding: 10px;
     text-decoration: blink;
}
/*Step 3: Link Styles*/
a.button2 {
    text-decoration: none;
}
 h2{font-family:"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:32px;letter-spacing:0px;text-transform:none;font-family:"proxima-nova";font-size:22px;line-height:1.2em;text-transform:uppercase;letter-spacing:2px;font-weight:400;font-style:normal}
 
 h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
 
/*Step 5: Hover Styles*/
a.button:hover {
    background: white;
    border:2px solid white;
    background: -webkit-linear-gradient(top, white, white);
    background: -moz-linear-gradient(top, white, white);
    background: -o-linear-gradient(top, white, white);
    background: -ms-linear-gradient(top, white, white);
    background: linear-gradient(top, white, white);
	color:black;
	font-weight: normal;
}
a.whitebutton:hover {
    background: black;
    border:2px solid black;
    background: -webkit-linear-gradient(top, black, black);
    background: -moz-linear-gradient(top, black, black);
    background: -o-linear-gradient(top, black, black);
    background: -ms-linear-gradient(top, black, black);
    background: linear-gradient(top, black, black);
	color:white;
	font-weight: normal;
}