/* ***************************

IMFROM.ME

Red: #e83113





***************************



   ================================================== */

.no-fontface{
	font-family:'Helvetica Neue',Helvetica,Arial;
}
.no-fontface h2.main_header{
	font-size:17px;
}
.no-fontface .top_boxes p {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
}
.tk-chennai-slab {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/headers/hIEfix.png,sizingMethod=crop);
    zoom: 1;
}
.container_16 .grid_6 { width: 359px }
.container_16 .grid_12 { width: 617px }
body {
    /* background: url(../images/bg.jpg) repeat-x; */
    background: #29A1D3 url(../images/body_bg.png) repeat-x;
}
a:link,
a:visited { color: #152D36 }
a:hover { }
/* CSS Generated by Primer - primercss.com
   ================================================== */
#wrapper { /* background: url(../images/body_bg.jpg) repeat-x; _NO__DOTCOMMA__AFTER__*/ }
.container_16 { }
#top { height: 382px }
#menu { height: 38px }
ul.menu_list {
    text-align: center;
    padding: 9px 0 0;
}
	ul.menu_list li {
	    list-style-type: none;
	    display: inline;
	    text-transform: uppercase;
	    margin: 0 40px 0 0;
	}
		ul.menu_list li a {
		    color: #FFF;
		    font-size: 14px;
		    letter-spacing: 1px;
		    text-decoration: none;
		    font-weight: 500;
		}
		ul.menu_list li a:hover { color: #E8A39D }
#main_top { padding: 47px 0 0 0 }
#state { position: relative }
.gps_ring {
    border: 2px solid #ece7bf;
    -webkit-border-radius: 30px;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 21px;
    top: 216px;
}
.gps_ring {
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate { 
	0% {
	    width: 2px;
	    height: 2px;
	    opacity: 0.0;
	}
	10% {
	    width: 3px;
	    height: 3px;
	    opacity: .20;
	}
	20% {
	    width: 4px;
	    height: 4px;
	    opacity: .40;
	}
	30% {
	    width: 5px;
	    height: 5px;
	    opacity: .60;
	}
	40% {
	    width: 6px;
	    height: 6px;
	    opacity: .80;
	}
	50% {
	    width: 7px;
	    height: 7px;
	    opacity: 1.0;
	}
	60% {
	    width: 8px;
	    height: 8px;
	    opacity: .80;
	}
	70% {
	    width: 9px;
	    height: 9px;
	    opacity: .60;
	}
	80% {
	    width: 10px;
	    height: 10px;
	    opacity: .40;
	}
	90% {
	    width: 13px;
	    height: 13px;
	    opacity: .20;
	}
	100% {
	    width: 18px;
	    height: 18px;
	    opacity: 0.0;
	}
}
#main_copy {
    padding: 20px 0 0;
    background: url("../images/top_fish_sep.png") no-repeat scroll 4px 175px transparent;
}
h1 {
    color: #E83113;
    font-size: 72px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 66px;
}
h2.big_heading {
    font-size: 50px;
    letter-spacing: 1px;
    color: #DFF7FF;
    text-align: center;
    text-shadow: 1px 2px 0 #152D36;
    word-spacing: 10px;
}
h3.sub_heading {
    color: #152d36;
    font-size: 23px;
    font-weight: 200;
    margin: -13px 0 0;
    text-align: center;
    width: 100%;
}
.dark_blue {
    color: #152d36;
    text-shadow: 1px 2px 0 #8BC9DF;
    filter: dropshadow(color=#DFF7FF,offx=1,offy=2);
}
h2.main_header {
    color: #152D36;
    font-size: 21px;
    font-weight: 200;
    margin: 0;
}
	h2.main_header a {
	    color: #202525;
	    font-weight: 400;
	}
	h2.main_header a:hover { color: #E83113 }
#social_box {
    padding: 42px 0;
    width: 535px;
}
ul.social_list {
    margin: 14px 0 0 203px;
    text-align: center;
}
	ul.social_list li {
	    list-style-type: none;
	    float: left;
	    margin: 0 19px 0 0;
	    width: 26px;
	    height: 26px;
	}
		ul.social_list li a.social_link {
		    -moz-border-radius: 35px;
		    -webkit-border-radius: 35px;
		    border-radius: 35px;
		    display: block;
		    width: 26px;
		    height: 26px;
		    background-image: url(../images/social_sprite.png);
		    background-color: #E83113;
		    background-repeat: no-repeat;
		    padding: 5px;
		}
		ul.social_list li a.social_link:hover {
		    -webkit-box-shadow: inset 0 0 2px #7F2D1F;
		    -moz-box-shadow: inset 0 0 2px #7F2D1F;
		    box-shadow: inset 0 0 2px #7F2D1F;
		    background-color: #DF2B0D;
		}
		ul.social_list li a.social_link:active {
		    -webkit-box-shadow: inset 1px 1px 2px #7F2D1F;
		    -moz-box-shadow: inset 0 0 3px #7F2D1F;
		    box-shadow: inset 1px 1px 2px #7F2D1F;
		    background-color: #E83113;
		}
.social_flickr { background-position: 6px 6px }
.social_forrst { background-position: 5px -28px }
.social_lastfm { background-position: 5px -57px }
.social_linkedin { background-position: 5px -89px }
.social_twitter { background-position: 5px -119px }
#main_body {
    padding: 60px 0 100px;
    background: url(../images/middle_buoy.jpg) no-repeat scroll 322px 373px transparent;
}
#about-me { }
.top_boxes p {
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.top_boxes p.rounded_box_small {
    -moz-border-radius: 13px 13px 13px 13px;
    background: none repeat scroll 0 0 #2CB7EF;
    height: 25px;
    line-height: 20px;
    margin: 10px 0 0 29px;
    padding: 0 19px;
    text-align: left;
    width: 259px;
}
.top_boxes p span.p-or { margin: 0 5px 0 0 }
.top_boxes p a {
    color: #152D36;
    margin: 0 5px 0 0;
    font-size: 12px;
    text-decoration: underline;
}
.top_boxes p a:hover { color: #FFF }
.box_header_wrap {
    background: url(../images/box_sep.png) repeat-x scroll 0 19px transparent;
    margin: 0 0 10px;
    text-align: center;
}
h2.box_header {
    background-color: #279ED0;
    color: #152D36;
    display: inline;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 11px;
    word-spacing: 1px;
}
h2.mid_header {
    background: url(../images/header_bar.jpg) no-repeat scroll left top transparent;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    height: 29px;
    letter-spacing: 1px;
    padding: 4px 0 0 65px;
    text-transform: normal;
}
#about-me,
#the-cycle { padding: 0 0 0 70px }
#about-me { background: url(../images/icon_anchor.png) no-repeat 0 0 }
#the-cycle {
    background: url(../images/icon_buoy.png) no-repeat 0 0;
    margin: 0 0 0 38px;
}
.top_boxes p.cycle_steps {
    font-size: 18px;
    font-weight: 400;
    /* 	color: #152D36; */
    text-align: left;
}
.slogan {
    margin-bottom: 30px;
    margin-top: 45px;
}
#the_work {
    margin: 81px 0 50px;
    float: left;
}
	#the_work .grid_6 { width: 286px }
#more_work { float: right }
	#more_work h3 {
	    color: #FFF;
	    font-weight: 400;
	    text-align: right;
	    margin: 35px 5px 0 0;
	}
.skills {
    font-size: 16px;
    color: #FFF;
    font-weight: 300;
}
.skills_left { margin-right: 338px }
/* .skills_left{margin-left: 0;} _NO__DOTCOMMA__AFTER__
   ================================================== */
.work_row { margin: 48px 0 0 }
#work-2 { margin-left: 326px }
.work_row .last_work_item { margin-right: 0 }
img.img_border {
    padding: 4px;
    background-color: #53BADF;
    text-align: center;
}
.grid_5 { }
#footer {
    text-align: center;
    color: #DFF7FF;
}
	#footer h3 {
	    color: #1D7A9F;
	    font-weight: 600;
	    letter-spacing: 1px;
	    margin: 10px 0 0;
	    text-shadow: 1px 1px 0 #6FBFDF;
	}	
	
	
	
	
	
/* IE */

.oldie h2.main_header {
	font-size:19px;
}
.oldie #main_copy {
  background: url("../images/top_fish_sep.png") no-repeat scroll 4px 161px transparent;
}
.oldie .slogan{
	margin-bottom: 20px;
	margin-top:30px;
}