@charset "utf-8";
/* CSS Document */
/* elgraphica.com */

body					{ background-color:#EEECE5; margin:0 auto; padding:0; color:#505050; font-family:Georgia, "Arial", Times, serif; background-image:url(../images/template/sand.gif); background-repeat:repeat;   }

#grunge					{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(../images/template/grunge.jpg); background-repeat:no-repeat; overflow:hidden}
#topDetail				{ position:absolute; top:0px; right:0px; width:100%; height:100%; overflow:hidden; background-image:url(../images/template/topDetail.png); background-repeat:repeat-x;}

.clear					{ clear:both }

#container				{ position:relative; width:1000px;  top:30px; margin:0 auto; padding-bottom:20px; }



/**** TYPE ELEMENTS ****/
h2						{ position:relative; font-size:18px; color:#222; margin:0 0 10px 0; font-weight:bold }
h2.subTitle				{ position:relative; font-size:20px; padding:0 0 12px 0; border-bottom:1px solid #bfbdb5  }
h2.title				{ position:relative; font-size:25px; color:#FFF; background-image:url(../images/template/twit-even.png); padding:7px 0  9px 15px; -webkit-border-radius:7px; -moz-border-radius:7px }

h3						{ position:relative; font-size:18px; color:#333; margin:0 0 10px 0; padding-bottom:10px   }

p						{ position:relative; font-size:16px; color:#505050; line-height:18px; margin:0; padding:0 0 10px 0; line-height:20px }
.white					{ color:#FFF }
.black					{ color:#000;}
a						{ color:#47c4f3;  }
p a						{ color:#47c4f3; font-style:normal  }

em	{ color:#000 }


/**** HEADER ELEMENTS ****/

#header					{ position:relative; width:100%; height:110px;  }
#logo					{ position:absolute; top:5px; left:30px;}


#mainNav				{ position:absolute; top:40px; right:0px;   z-index:50}
#mainNav ul				{ list-style-type:none; margin:0; padding:0 }
#mainNav ul li			{ position:relative; display:block; float:left; padding:5px 0 5px  0  }
#mainNav ul li a		{ color:#222222; font-size:18px; padding:5px 10px 5px  10px; text-decoration:none; margin:0 5px 0 5px }
#mainNav ul li a:hover	{ color:#FFF; background-image:url(../images/template/nav-hover.png);  background-repeat:repeat; -webkit-border-radius:7px; -moz-border-radius:7px }

#home #mainNav .home a	{ color:#fff; background-image:url(../images/template/nav-hover.png);  background-repeat:repeat; -webkit-border-radius:7px; -moz-border-radius:7px; cursor:default  } 
#brand #mainNav .brand a	{ color:#fff; background-image:url(../images/template/nav-hover.png);  background-repeat:repeat; -webkit-border-radius:7px; -moz-border-radius:7px; cursor:default  } 
#web #mainNav .web a	{ color:#fff; background-image:url(../images/template/nav-hover.png);  background-repeat:repeat; -webkit-border-radius:7px; -moz-border-radius:7px; cursor:default  } 


/**** HOMEPAGE SPECIFIC ELEMENTS ****/


#intro					{ position:relative; float:left; width:614px; height:342px; background-image:url(../images/template/black-box.png); background-repeat:no-repeat;  }

#introBanner			{ position:absolute; top:25px; left:-12px; width:635px; background-image:url(../images/template/blueBanner.png); background-repeat:no-repeat; padding:6px 0 0 0; height:80px; text-align:center }

#intro h2				{ position:relative; font-size:54px; color:#FFF;  }
#intro h3				{ position:relative; font-size:23px; color:#dedede; margin-top:125px; padding:0 10px 10px 40px; font-weight:normal; line-height:28px;  }
#intro h3 a				{ text-decoration:none }

#testimonial			{ position:relative; float:left;  width:290px; padding:12px 0 10px 10px; margin-bottom:20px;   }
#testimonial img		{ position:relative; top:10px; padding-right:5px }
#testimonial h2			{ position:relative; font-size:25px; }
#testimonial h3			{ position:relative; font-size:17px;  font-weight:normal; line-height:20px;  }
#testimonial p			{ color:#222; font-size:14px;   }

.subCol				{ position:relative; float:left; width:295px; padding:10px 30px 10px 0; z-index:10; margin-bottom:10px }
.subCol img			{ position:relative; top:7px; padding-right:5px ;z-index:10}
.subCol.noPad		{ padding-right:0px; }



/**** CONTENT ELEMENTS ****/

#content				{ position:relative; float:left; width:620px; margin-right:40px; margin-bottom:20px   }
#wideContent			{ position:relative; width:1000px; margin-bottom:30px   }



#prices					{ position:relative; width:620px;  height:100px; background-image:url(../images/template/shadow-615.png); background-position:bottom; background-repeat:no-repeat; margin:20px 0 20px 0 }
#prices h2				{ font-size:20px; }
.cell					{ position:relative; width:153px; text-align:center; border-right:1px solid #bfbdb5; float:left; padding-top:10px }
.cell.last				{ border-right:0px }


#prices .small			{ font-size:16px; font-weight:normal; font-style:italic; color:#505050; padding-right:5px }



.work					{ position:relative; float:left; width:300px; margin:4px;background-image:url(../images/template/nav-hover.png); background-repeat:repeat;  padding:1px 1px 7px  1px		}
.work p					{ position:relative; font-size:13px; padding:0 0 0 10px; margin:0 ; }
.work a					{ color:#000 }
.work img				{ padding-bottom:7px; }



/**** SIDEBAR ELEMENTS ****/
#sideBar				{ position:relative; float:left; width:310px; padding-left:25px; margin-bottom:20px }

#introduction			{ position:relative; clear:both; }
#introduction p			{ font-size:16px; line-height:20px }

#hire					{  position:relative; width:300px; height:158px; clear:both; margin:10px 0 10px 0 }

/**** FOOTER ELEMENTS ****/
#footer					{ position:relative; clear:both;  width:100%;  background-image:url(../images/template/footer-bg.png); background-repeat:repeat-x; margin:0 auto; padding-top:20px }

#innerFooter			{ position:relative; margin:0 auto; width:1000px; padding:10px 0 10px 0; }

.fifteen				{ font-size:15px; color:#47c4f3; font-weight:bold }

#innerFooter .col 			{ position:relative; float:left; padding:20px 30px 20px 0; height:200px; margin:20px 26px 20px 0; background-image:url(../images/template/footer-divider.png); background-position:top right; background-repeat:no-repeat }
#innerFooter h2				{ padding:0 0 10px 10px; font-size:18px }
#innerFooter p				{ position:relative; color:#FFF; padding:2px 0  2px 0px; font-size:13px; line-height:24px; margin:0 }
#innerFooter p.list			{ position:relative; padding-left:10px }

#innerFooter .gen			{ position:relative; float:left; padding:20px 0px 20px 0; margin-right:0px; width:320px; background-image:url(../images/template/footer-logo.png); background-position:175px 155px;  }	


#innerFooter .col ul			{ position:relative;  list-style-type:none; margin:0; padding:0 }
#innerFooter .col ul li			{ position:relative; color:#FFF; padding:5px; font-size:13px; }
#innerFooter .col ul li a		{ color:#FFF;  padding:5px; text-decoration:none}
#innerFooter .col li a:hover	{ color:#47c4f3}




/**** BUTTON ELEMENTS ****/

#buttons	{ position:relative; clear:both; left:15px; height:50px;  margin-top:20px;   }


/* Start Button Styles --------------------------------------------- */
input[type="button"], button {
border:0 none;
font:inherit;
}
*:focus{outline:0 none;}
input[type="submit"] {border:1px solid rgba(0, 0, 0, 0.25);}
input[type="button"], button {-moz-box-sizing: content-box;}/*fixes mozilla padding - mozilla only, doesn't need webkit or other values */
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { padding:0;border:0 none; }/*fixes mozilla button padding - mozilla only, doesn't need webkit or other values */
.clearfix:after {
clear: both;
content: '.';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
/* General Button Styles, Cascades Down To Every Button ------------- */
.button {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#222222 url(../images/button-images/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:normal;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
}
.button:hover {
background:#111111;
color:#FFFFFF;
}

.beige.button {
background-color:#a0a095;
}
.beige.button:hover {
background-color:#bcbcb0;
}
.beige.button:active {
background-color:#a0a095;
}

/* Large Buttons ------------------------------------------------- */
.large.button {
font-size:16px;  /* CHANGED BY ME FROM 14PX */
padding:8px 19px 9px;
background-image:url(../images/button-images/large-button-overlay.png);
margin:0 25px 0 25px;  /* ADDED BY ME */
}
input[type="submit"].large.button, .large.button.input {
padding:6px 16px 6px;
}
input[type="button"].large.button, button.large.button {
padding:7px 16px;
}





/**** TWITTER FEED ELEMENTS ****/

.tweet, .query {
 position:relative; clear:both;
  font-family: Georgia, serif;
  font-size:15px;
  color: #505050;
  z-index:20;
  height:160px;
  line-height:18px;
  margin-bottom:20px;}
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding:10px;  }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #000; text-decoration:none }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
     background-image:url(../images/template/twit-odd.png);}
	 
 .tweet_list li:hover {
     background-image:url(../images/template/twit-odd.png);}
	 
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }

.bird	{ position:relative;top:12px; padding-right:0px }