/*****************************************************/
/* RESETTERS AND GLOBAL SETTINGS               		 */
/***************************************************/

a {
text-decoration:none;
border: none;
outline: none;
}

a img {
border: none;
}

p {
line-height:1.4;
color: #666666;
}

h2{
font-family:Arial;
font-size: 16px;
font-style: none;
display: inline;
letter-spacing: 1px;
color: #37B0B2;
}

h3{
font-family: Georgia;
font-size: 14px;
font-style: bold;
display: inline;
}

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

body
{
background-color: #d6f0f9; 
background-image: url(Branding/line.png);
border-top: 6px solid #333333;
color:#777777;
font-size:75%;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
margin: 0px; 
padding: 0px;
width:auto;
margin-left:auto;
margin-right:auto;
}


/*****************************************************/
/* 		 Home Screen        						*/
/***************************************************/

#sidebar_left {
height:600px; width: 640px;
float:left;
margin-top:-100px;
margin-left:50px;
}

#sidebar_left h2{
background:url(Images/hello.png) no-repeat;
width:700px; height: 125px;
text-indent: -999999px;
float:left;
}

p#hello_intro {
width:750px;
float:left;
font-size:14px;
}

#sidebar_right {
height: 500px;  width:340px;
float:right;
margin-top:115px;
}

#content {
margin-left:auto;
margin-right:auto;
width:1200px;
padding:40px;
}

#featured_img {
background: #fff;
border:2px solid #bebebe;
height: 400px; width:750px;
float:left;
padding:4px;
}


/*****************************************************/
/* Header        		 						*/
/***************************************************/

#header {
width:1180px;
margin-left:auto;
margin-right:auto;
height:95px;
}

/******Mary Strong*******/

#header #mary{  
float:left;
background: url(Images/mary_strong.png);
height: 50px;
width: 236px;
text-indent: -99999px;
margin-left:120px;
margin-top:55px;
}

#header #mary:hover{  
float:left;
background: url(Images/mary_strong_hover.png);
height: 50px;
width: 236px;
text-indent: -99999px;
}

/******Word Treatment*******/

img.words {
margin-left:265px;
padding-top:60px;
width:566px;
height:621px;
margin-bottom:100px;
}

/******Hire Me*******/

#hire_me {
background:url(Images/hire.png) no-repeat;
height: 51px; width: 97px;
text-indent:-9999px;
float:right;
margin-top:-105px
}


/******Navigation*******/

#header ul#nav {
width:300px;
list-style:none;
position: absolute;
margin-left:690px;
}

#header ul#nav li a{
float:left;
color: #fff;
font-size: 11px;
width:70px;
text-align: center;
padding-left:3px;
text-shadow: 0px 1px 0px #753F59;
text-indent:-99999px;
margin-top: -30px;
}

#header ul#nav li a:link{
color: #333333;
}

/******Portfolio Link*******/

li a.portfolio {
background: url(Images/ribbon.png) no-repeat -0px 0px;
height: 174px;
margin-top: -30px;
}


body#portfolio li a.portfolio, li a.portfolio:active, li a.portfolio:hover {
background: url(Images/ribbon.png) no-repeat -0px -175px;
height: 232px;
}

/******Services Link*******/

li a.services {
background: url(Images/ribbon.png) no-repeat -70px 0px;
height: 174px;
}

body#services li a.services, li a.services:active, li a.services:hover {
background: url(Images/ribbon.png) no-repeat -70px -175px;
height: 232px;
}

/******About*******/

li a.about { 
background: url(Images/ribbon.png) no-repeat -140px 0px;
height: 174px;
}
 
body#about li a.about, li a.about:active, li a.about:hover{ 
background: url(Images/ribbon.png) no-repeat -140px -175px;
height: 232px;
}

/******Contact Link*******/

li a.contact {
background: url(Images/ribbon.png) no-repeat -210px 0px;;
height: 174px;
}

body#contact li a.contact, li a.contact:active, li a.contact:hover{
background: url(Images/ribbon.png) no-repeat -210px -175px;
height: 232px;
}


/******Sub-Nav*******/

ul#sub_nav {
width:315px;
float:right;
margin-left:736px;
list-style:none;
font-style: italic;
font-size: 13px;
font-family: Georgia;
margin-top: -31px;
}

ul#sub_nav li a{
float:left;
padding-right:25px;;
color: #4A7E9C;
padding-top: 3px;
}

ul#sub_nav li:first-child a{
float:left;
padding-right:none;
color: #4A7E9C;
margin-left:-20px;
}

ul#sub_nav li:last-child a{
float:left;
padding-right:none;
color: #4A7E9C;
}


/*****************************************************/
/*  Holder 		       		 						*/
/***************************************************/


#holder_top {
width:1100px;
height: 40px;
margin-top:85px;
margin-left:auto;
margin-right:auto;
background: url(Images/holder_top.png) no-repeat ;
}

#holder_top2 {
width:1100px;
height: 40px;
margin-top:85px;
margin-left:auto;
margin-right:auto;
background: url(Images/holder_top.png) no-repeat ;
}

#holder {
background: url(Images/holder.png);
width:1070px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
padding:30px 30px 0px 0px;
}

#holder_b{
background: url(Images/holder.png);
width:1040px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
padding:30px;
}

#holder_bottom {
width:1100px;
height: 40px;
margin-left:auto;
margin-right:auto;
margin-bottom:90px;
background: url(Images/holder_bottom.png);
}

#holder_bottom_b {
width:1100px;
height: 70px;
margin-left:auto;
margin-right:auto;
margin-bottom:90px;
background: url(Images/holder_bottom_b.png);
}

#holder_bottom_b .social {
line-height: 1;
margin-top: 0px;
padding-top:20px;
text-align: center;
color: #666666;
}

#holder_bottom_b .social a{
line-height: 1;
margin-top: 0px;
padding-top:20px;
text-align: center;
color: #666666;
}

#box1 {
border: 1px solid #dcdcdc;
padding:2px;
overflow: hidden;
}

#box2 {
border: 1px solid #dcdcdc;
padding:30px;
overflow: hidden;
}

#box3 {
border: 1px solid #dcdcdc;
overflow: hidden;
}

/*****************************************************/
/*  Portfolio        		 						*/
/***************************************************/


img.intro {  
float:left;
width:401px;
height:96px;
margin-bottom:60px;
padding-left: 40px;
}

img#goods {
margin-top:80px;
margin-left:4px;
}

.work {
float:left;
width:1000px;
height:330px;
overflow: hidden;
margin-bottom: 50px;
}

.work_b {
float:left;
width:1000px;
height:540px;
overflow: hidden;
margin-bottom: 50px;
}

.work_c {
float:left;
width:1000px;
height:540px;
overflow: hidden;
margin-bottom: 50px;
}

.work_d {
float:left;
width:1000px;
height:295px;
overflow: hidden;
margin-bottom: 50px;
}

.work_description {
width:215px;
float:left;
padding-left: 40px;
}


#buffer {
height: 20px; width: 800px;
background: #fff;
float:right;
margin-left:50px;
margin-top:400px;
}

/*****************************************************/
/* Portfolio Pieces - Static        				*/
/***************************************************/



.invisible {
margin-left:-999999px;
}

.art1 {
float:right;
margin-top:2px;
padding:3px;
margin-right: 2px;
border: 1px solid #C7C7C7;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.art:hover {
float:right;
margin-top:2px;
padding:3px;
border: 1px solid #37B0B2;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.art1 {
float:right;
margin-top:2px;
padding:3px;
margin-right: 2px;
border: 1px solid #C7C7C7;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.grouped_image {
float:right;
margin-top:2px;
padding:3px;
margin-right: 2px;
border: 1px solid #C7C7C7;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.grouped_image:hover {
float:right;
margin-top:2px;
padding:3px;
border: 1px solid #37B0B2;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.grouped_image2 {
float:right;
margin-top:2px;
padding:3px;
margin-right:2px;
margin-left:50px;
margin-right: 2px;
border: 1px solid #C7C7C7;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.grouped_image2:hover {
float:right;
margin-top:2px;
margin-right:2px;
margin-left:50px;
padding:3px;
border: 1px solid #37B0B2;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.art2 {
border: 1px solid #C7C7C7;
float:right;
margin-right:2px;
margin-left:50px;
padding:3px;
margin-top:2px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.work2 {
margin-left:400px;
margin-top:-115;
border: 1px solid #e8e8e8;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

/*****************************************************/
/* Portfolio Pieces - FancyBox        				*/
/***************************************************/


.single_image{
border: 1px solid #C7C7C7 !important;
float:right;
padding:3px;
margin-top:2px;
margin-right: 2px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.single_image:hover{
border: 1px solid #37B0B2;
float:right;
padding:3px;
margin-top:2px;
margin-right: 2px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}


.swf1{
border: 1px solid #C7C7C7;
float:right;
padding:3px;
height: 315px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.swf3{
border: 1px solid #C7C7C7;
float:right;
padding:3px;
height: 315px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.swf1:hover{
border: 1px solid #37B0B2;
float:right;
padding:3px;
height: 315px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.swf3:hover{
border: 1px solid #37B0B2;
float:right;
padding:3px;
height: 315px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.swf2{
border: 1px solid #C7C7C7;
float:right;
padding:3px;
height: 315px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.swf2:hover{
border: 1px solid #37B0B2;
float:right;
padding:3px;
height: 315px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.iframe, .iframeb{
border: 1px solid #C7C7C7;
float:right;
padding:3px;
height: 530px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

.iframe:hover, .iframeb:hover {
border: 1px solid #37B0B2;
float:right;
padding:3px;
height: 530px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}


/*****************************************************/
/* Contact Page        		 						*/
/***************************************************/


#form {
width: 100%;
overflow:hidden;
float: left;
margin-left:40px;
}

#text_contact {
float:left;
overflow: hidden;
}

#contact_icons {
width: 480px;
height: 280px;
overflow:hidden;
float: left;
margin-left:30px;
}

#social1 {
background:url(Images/facebook.png) no-repeat;
height: 106px; width: 106px;
text-indent:-9999px;
float:left;
margin-right:16px;
}

#social2 {
background:url(Images/delicious.png) no-repeat;
height: 106px; width: 106px;
text-indent:-9999px;
float:left;
margin-right:16px;
}

#social3 {
background:url(Images/twitter.png) no-repeat;
height: 106px; width: 106px;
text-indent:-9999px;
float:left;
margin-right:16px;
}

#social4 {
background:url(Images/flickr.png) no-repeat;
height: 106px; width: 106px;
text-indent:-9999px;
float:left;
}


#email_me {
margin-top:-30px;
margin-left:-50px;
float:left;
}

#divider {
margin-left:80px;
margin-top:25px;
margin-bottom:25px;
float:left;
}

p#contact {
width: 470px;
float: left;
padding-left:40px;
margin-top:-1px;
padding-right:600px;
padding-bottom:15px;
}

.contact_info {
width:210px;
height: 44px;
float:right;
}

#get_social{
margin-left:80px;
}

#ready {
margin-top:-50px;
margin-left:120px;
float:left;
}

/*****************************************************/
/* About Page        		 						*/
/***************************************************/


p#bio {
width: 550px;
float:left;
height:390px;
margin-top:-1px;
}

#polaroid {
width:355;
height: 204;
float:right;
padding: 3px;
border: 1px solid #C7C7C7;
margin-top:2px;
margin-right: 60px;
-webkit-box-shadow: 2px 2px 15px #ccc;
-moz-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

#thatsme {
margin-left:190px;
margin-top:10px;
}

#signature {
width: 129px;
height: 57px;
float:right;
margin-right: 490px;
}

#resume_pdf {
background-color:#C4D8EB;
border-color:#FFFFFF;
border-style:double;
border-width:3px 0;
float:left;
padding:5px;
color:#597FA3;
text-align: center;
width:160px;
text-shadow: 0px 1px 0px #9CB0C2;
}

/*****************************************************/
/* Design Page        		 						*/
/***************************************************/


#text_design {
width: 550px;
height: 230px;
float: left;
margin-left:40px;
padding-right:80px;
border-right: 1px dashed #a85d58;
}

#design_services {
width:250px;
height: 300px;
float:right;
margin-right:100px;
margin-top:-15px;
}

ul#services_list {
list-style-image: url("Images/tick.png");
}

#services_comment {
margin-left:-210px;
margin-top:-35px;
}


p#design {
width: 550px;
float:left;
height:190px;
margin-top:-1px;
}

/*****************************************************/
/* Footer        		 						*/
/***************************************************/


#footer {
background-image: url(Images/holder_bottom_b.png)
border-top: 1px solid #e3e3e3;
float:left;
text-align: center;
letter-spacing: 1px;
color: #444444;
width:1080px;
height: 80px;
margin-left:10px;
}

#footer2 {
background: url(Images/footer.png);
height: 210px; width:100%;
float:left;
margin-bottom:-12px;
margin-left:auto;
margin-right:auto;
}

#footer_content {
margin-left:auto;
margin-right:auto;
float:left;
}

#footer_content ul{
margin-left:125px;
margin-top:8px
}

#footer_content ul li{
display: inline;
border-left:1px solid #bebebe;
padding-right:35px;
padding-left:10px;
}

#copyright {
height:30px; width:100%;
background: url(Images/copyright.png);
float:left;
margin-top:145px;
}

#copyright p{
float:left;
margin-left:30px;
color: #fff;
height:18px;
}