/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Oswald);
/***** LeagueGothic Regular *****/
@font-face {font-family:'LeagueGothicRegular';
	src: url('../fonts/League_Gothic-webfont.eot');
	src: url('../fonts/League_Gothic-webfont.eot?iefix') format('eot'),
		 url('../fonts/League_Gothic-webfont.woff') format('woff'),
		 url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
		 url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
		 font-weight:normal;
		 font-style:normal;}

/***** Vogue Regular *****/
@font-face {font-family: 'VogueRegular';
    src: url('../fonts/vogue-webfont.eot');
    src: url('../fonts/vogue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vogue-webfont.woff') format('woff'),
         url('../fonts/vogue-webfont.ttf') format('truetype'),
         url('../fonts/vogue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;}

/***** MyriadProRegular  *****/
@font-face {font-family: 'MyriadProRegular';font-weight: normal;font-style: normal;
    src: url('../fonts/myriadpro-regular-webfont.eot');
	src: url('../fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-regular-webfont.svg#MyriadProRegular') format('svg');
}
/* MyriadProSemibold*/
@font-face {font-family: 'MyriadProSemibold';font-weight: normal;font-style: normal;
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');      
}

/* MyriadProLight */
@font-face {font-family: 'MyriadProLight';font-weight: normal;font-style: normal;
    src: url('../fonts/myriadpro-light-webfont.eot');
    src: url('../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-light-webfont.woff') format('woff'),
         url('../fonts/myriadpro-light-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
}


html, body{
height: 100%;
min-height: 100%;
margin: 0px;
padding: 0px;
background-color:#fff;
background:url('../imgs/bkg-body.gif') repeat;
}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.clearfix:after {
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
div{
padding:0;
margin:0;
}
p{
font-size:0.75em;
text-align:left;
margin:0;
padding:0;
line-height:1.5em;
font-weight: normal;
}
ul{
list-style: none;
margin:0;
padding: 0;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:none;
}
label{
color:#bfb588;
padding-bottom:5px;
}
iframe{
padding:0;
margin:0;
}
/*------------------------------IDs------------------------------*/
#container{
width:100%;
background: url('../imgs/slide-2.png') top repeat-x;
}
#page-header-outer, #page-content-outer, #footer-outer, #page-content-outer-home, #project-page-summary-area, #project-page-content-outer, #about-page-summary-area{
width:100%;
}
#primary-nav-inner{
width:980px;
height:135px;
margin:0 auto 0 auto;
}
#logo { 
    float: left; 
    text-decoration: none;
    font-family: 'VogueRegular', sans-serif;
    text-indent: 40px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
    background:url('../imgs/logo-ico.png') bottom left no-repeat;
    font-size: 35px;
	color:#fff;
    line-height: 25px;
	margin: 25px 0px 0px 10px;
    padding: 0; 
}
#logo a:link, a:visited {
	color:#FFD600;
}
#logo span {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    display: block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	font-size: 10px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
	text-align:right;
	margin-top:8px;
    text-transform:capitalize;
}
/* NAVIGATION START */
ul#nav {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 0px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#nav li {
    float: left;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 32px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100px;
    list-style-type: none;
}
#nav li a {
    color: #fff;
    display: block;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial;
	text-decoration:none;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
	text-align:left;
    text-transform: uppercase;
    width: 100px;
}
#nav li a:hover {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    -x-system-font: none;
	background-color: #FFD600;
	color:#333;
	background-position: -140px 0;
    background-repeat: no-repeat;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CCC5B2;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#nav li a:active {
    padding-bottom: 7px;
    padding-top: 5px;
}
#nav li a span {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    display: block;
    font-family: Georgia,'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: lowercase;
}
/* NAVIGATION END */
#page-header-inner, #home-blurb-inner, #page-content-inner, #footer-inner, #page-header-inner-home, #work-page-content-inner, #work-page-inner-quote, #project-page-summary-area-inner, #about-page-summary-area-inner{
width:980px;
margin:0 auto;
padding:10px 0px 0px 0px;
}
/* YELLOW HEADING START */
#title h1 {
    color: #fff;
    display: block;
    font-family: 'Shadows Into Light', cursive;
	font-size: 30px;
	text-shadow: 2px 2px 2px #000;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	text-transform:capitalize;
}
.typography-about {
    float: left;
    margin-right: 3.8%;
    margin-top: 0px;
	margin-left: 20px;
    text-align: left;
    text-transform: capitalize;
    width: 600px;
}
.typography-about span.line1 {
    color: #fff;
    display: block;
	font-family: 'Oswald', sans-serif;
    font-size: 25px;
    line-height: 0.8em;
}
.typography-about h1 {
    color: #fff;
    display: block;
    font-family: 'Oswald', sans-serif;
	font-size: 45px;
	font-weight:100;
    line-height: 1.8em;
	margin-top: -5px;
	margin-bottom: 5px;
	text-transform:uppercase;
}
.typography-about h2 {
    color: #fff;
    display: block;
    font-family: 'LeagueGothicRegular', Helvetica, sans-serif;
    font-size:36px;
	font-weight:100;
    line-height: 0.6em;
	margin-top: -5px;
	margin-bottom: 10px;
}
.typography-about span.line4 {
    color: #fff;
    display: block;
    font-size: 35px;
	font-weight:100;
    font-family: 'Oswald', Arial, sans-serif;
    line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.typography-about span.line5 {
    color: #fff;
    display: block;
    font-family: 'Oswald', Arial, sans-serif;
    line-height: 0.6em;
    margin-top: -8px;
    font-size: 20px;
    line-height: 1.8em;
}

.typography-about span em, .typography-words span em {
    font-family:Arial, Helvetica, sans-serif;
    font-style: normal;
}
.typography-about span em.light, .typography-words span em.light {
    color: #B9AE9C;
}
.typography-words {
    color: #3E3E3E;
    float: right;
    margin-top: -40px;
	height: 280px;
	background-image: url('../imgs/header-img.png');
	background-repeat:no-repeat;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 225, 255, 0.5);
    text-transform: uppercase;
    width: 320px;
}
/* YELLOW HEADING END */
/* STARTS SERVICES STYLES */
.index_canvas {
width: 100%;
height: 100%;
/* background-color: #666; */
}
#index_canvas_services {
width: 940px;
height: 230px;
margin:0 auto;
padding: 20px 20px 0px 20px;
text-align: center;
background-color: #ffcc00;
background-image: url('../imgs/header-bg.png');
background-repeat:repeat;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#index_canvas_services ul {
  width: 285px;
  height: 72px;
  margin: 0 0 0 25px;
  float: left;
  list-style-type: none;
  text-align: left;
  padding: 0px 0px 0px 0px;
}
#index_canvas_services .services_title {
font-family: 'Trebuchet MS', sans-serif;
font-style: normal;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
color: #00c8ea;
font-size: 14px; 
letter-spacing: 0;
}
#index_canvas_services li {
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
color: #000;
font-size: 15px; 
letter-spacing: 0;
padding-top: 4px;
}
#index_canvas_services a {
color: #000;
text-decoration: underline;
}
#index_canvas_services a:hover {
color: #fff;
text-decoration: none;
}
#index_canvas_services .index_services_icon {
  float: left;
  margin: 0px 0 0 0;
  padding-right: 10px;
}
/* END SERVICES STYLES */
/* START CONTENT STYLES */
#page-content-outer, #page-content-outer-home, #project-page-content-outer{
/* background-color:#FFFFFF; */
}
#page-content-inner{
width:970px;
padding-top:15px;
padding-bottom:0px;
margin-bottom:066666;
}
#home-content-panel-left h3 {
font-size:1.5em;
font-family: 'LeagueGothicRegular', sans-serif;
font-weight:200;
padding:20px 0px 10px 0px;
margin:0px 0px 0px 0px;
text-align:left;
color:#1A252A;
}
#home-content-panel-left{
width:605px;
margin-right: 30px;
float:left;
margin-bottom:25px;
}
#bodytext{
	font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:17px;
	font-weight: normal;
	color:#777;
}
#home-content-panel-left img{
float:left;
margin:0 35px 35px 0;
}
#home-content-panel-left a img{
border:8px solid #F0F0F0;
}
#home-content-panel-left a:hover img {
border:8px solid #FFCC00;
}
/* START RIGHT SIDE */
#home-content-panel-right{
width:300px;
height:100%;
float:left;
padding:0;
margin: 0px 0px 30px 0px;
}
#home-content-panel-right h3{
font-size:1.5em;
font-family: 'LeagueGothicRegular', sans-serif;
font-weight: 200;
padding:20px 0px 10px 0px;
margin:0px 0px 0px 0px;
text-align:left;
color:#3F87B9;
}
#right-box{
width:300px;
background-color:#3F87B9;
padding:20px;
padding-bottom:35px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#right-box p{
color:#fff;
font-family: 'MyriadProRegular', Helvetica, sans-serif;
font-size:0.7em;
font-style:normal;
}
#right-box div{
color:#fff;
font-family: 'MyriadProSemibold', sans-serif;
font-size:0.8em;
float:right;
font-style: normal;
}
/* END RIGHT SIDE */
/* END CONTENT STYLES */
/*--------- PORTFOLIO SCROLL START ----------------*/
aside { width:785px; margin: 0 auto; padding:20px 0px 0px 0px; display:block}
#slide { width:785px}
#slide-scroller { margin:0px 0 0 0px;}
#slide-scroll.scrollable { width:785px; height:75px; position:relative; overflow:hidden; position:relative}
#slide-scroll.scrollable .items { width:20000em; height:75px; position:absolute; clear:both}		
#slide-scroll.scrollable .item {	width:785px; float:left}
#slide-scroll.scrollable .item ul { list-style:none}
#slide-scroll.scrollable .item ul li { float:left; padding-right:14px}
#slide-scroll.scrollable .item ul li.right { float:left; padding-right:0px}
#slide-scroller .navi { width:785px; float:left; text-align:center; position:relative}
#slide-scroller .navi a { margin:0 5px; width:11px; height:11px; background:url('../imgs/bg_dots.png') no-repeat; display:inline-block; overflow:hidden}
#slide-scroller .navi a.active { background-position:0px -11px}
/*--------- PORTFOLIO SCROLL END ----------------*/
/* START FOOTER STYLES */
#footer {clear:both; overflow:hidden; padding:103px 0 0 0; text-align:center; background: url('../imgs/bkg-footer.png') top repeat-x; margin-top:20px;}
#ftr-nav li {display:inline-block; margin:13px 0 0 0; padding:0 5px 0 6px;}
#ftr-nav li:first-child {background:0;}
#ftr-nav a {color:#fff; font-family: 'Oswald', sans-serif; font-size:0.8em; text-decoration:none; text-transform:uppercase;}
#ftr-nav a:hover {color:#FFD600;}
#socials {clear:both; padding:23px 0 24px 0;}
#socials li	{display:inline-block; padding:0 10px;}
#socials li a {background:url('../imgs/social.png') 0 -740px no-repeat; display:inline-block; height:25px; text-indent:-9999px; width:35px;}
#socials li a#social-twitter {background-position:0 0px;}
#socials li a:hover#social-twitter {background-position:center -25px;}
#socials li a#social-gplus {background-position:0 -50px;}
#socials li a:hover#social-gplus {background-position:center -50px; opacity:0.5;}
#socials li a#social-facebook {background-position:0 -75px;}
#socials li a:hover#social-facebook {background-position:center -100px;}
#socials li a#social-linkedin {background-position:0 -125px;}
#socials li a:hover#social-linkedin {background-position:center -125px; opacity:0.5;}
#html {clear:both; padding:0px 0px 0px 0px;}
#html li {display:inline-block; padding:0px 0px;}
#html li a {background:url('../imgs/html5.png') 0 80px no-repeat; display:inline-block; height:80px; text-indent:-9999px; width:70px;}
#html li a#html-html5 {background-position:center 0px;}
#html li a:hover#html-html5 {background-position:center -80px;}
#html li a#html-css3 {background-position:center -160px;}
#html li a:hover#html-css3 {background-position:center -240px;}
#footer .copyright {color:#E1E0E0; font-family: 'LeagueGothicRegular', sans-serif; font-size:.9em; margin:0px 0px 10px 0px; letter-spacing:1px;}
#footer .copyright a{color:#E1E0E0;}
#footer .copyright  a:hover {color:#999;}
/* END FOOTER STYLES */