@charset "utf-8";
/* CSS Document for Mono v.1   Global Stylesheet */

/* ----------------------------
   Main
--------------------------     */

body{color:#fff;font-family:'PT Sans', tahoma, sans serif; height:100%;margin:0;overflow:auto;height:100%; margin:0; padding:0;}
html{height:100%; margin:0; padding:0;}
.clearfix{clear:both;display:block;}


/* ----------------------------
   TEXT STYLES
--------------------------     */
h1{color:#000;font-family:'Anton', impact, sans serif;font-size:4.3em;font-weight:400;letter-spacing:0;line-height:1em;margin-bottom:20px;margin-top:10px;text-transform:uppercase;}
h2{border-bottom:#c2c2c2 solid 1px;border-top:#c2c2c2 solid 1px;color:#7F7F7F;font-family:"Georgia", Times, Serif;font-size:1.9em;font-style:italic;font-weight:400;line-height:1.1em;margin-bottom:25px;margin-top:0;padding-bottom:25px;padding-top:25px;text-align:left;text-transform:none;}
h3{font-size:1.35em;font-weight:700;letter-spacing:.2px;margin-bottom:6px;margin-top:0;text-transform:uppercase;}
h4{font-size:1.1em;font-weight:700;letter-spacing:.2px;margin-bottom:6px;margin-top:0;text-transform:uppercase;}
h5{font-size:1em;font-weight:700;letter-spacing:.2px;margin-bottom:6px;margin-top:0;text-transform:none;}
h6{font-size:1.2em;font-weight:700;letter-spacing:.2px;margin-bottom:2px;margin-top:0;text-transform:none;}
p{font-size:.85em;line-height:1.35em;margin:0;}
a{color:#fff;font-size:.8em;font-weight:700;margin:0;text-decoration:none;}
a:visited{color:#fff;}
.dark{color:#444;}
.italic{border-bottom:0;color:#04759b;font-size:1.2em;font-style:italic;}
.light{color:#CFF;}
.underline{text-decoration:underline;}


.hello{display:block;font-family:'Anton', impact, sans serif;font-size:2.9em;font-weight:400;letter-spacing:1px;line-height:1em; margin-top:-115px;margin-bottom:130px; text-transform:uppercase;}
.subtitle{display:inline;font-family:"Georgia", Times, Serif;font-size:2.7em;font-weight:normal; font-style:italic;font-weight:200;letter-spacing:-.5px;line-height:1em;text-transform:none;}
.divider-01 {background:url(../images/rule_transparent.png) repeat-x bottom center;margin-left:auto; margin-right:auto; padding-top:15px;margin-bottom:5px;width:375px;}
.divider-02 {background:url(../images/rule_transparent.png) repeat-x bottom center;margin-left:auto; margin-right: auto;margin-bottom:24px;margin-top:12px;padding-top:5px;width:192px;}



/* ----------------------------
   COMMON STYLES
--------------------------     */
img{border:0;}
ul{list-style-type:none;margin:0;padding-left:0;}
.blockquote{background:url('images/blockquote1.png') no-repeat top left;font-family:"Droid Serif", "Georgia", serif;font-size:.8em;font-style:italic;height:auto;line-height:1.8em;min-height:100px;padding-left:50px;}
.blockquote span{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:.7em;font-style:italic;line-height:3em;}
.img_spacer{margin-right:12px;margin-top:5px;}
.img_spacer2{margin-right:12px;}
.bottom_margin0{margin-bottom:0;}
.bottom_margin6{margin-bottom:6px;}
.bottom_margin11{margin-bottom:11px;}
.bottom_margin21{margin-bottom:21px;}
.bottom_margin25{margin-bottom:25px;}
.padding_bottom10{padding-bottom:210px;}
.left{float:left;}
.center{margin-left:auto; margin-right:auto; text-align:center}
.underlined10{background:url('../images/horizontal-rule.png')repeat-x bottom left;padding:10px 0 14px;}
.underlined12{background:url('../images/horizontal-rule.png')repeat-x bottom left;margin-bottom:12px;padding:16px 0 6px;}
.underlined18{padding:0 0 18px; height:150px;}
.large-icon{background:url('../images/icon_check.png') no-repeat;margin-bottom:-5px;margin-right:-10px;margin-top:3px;padding-left:42px;padding-top:32px;}

/* ----------------------------------------
   PAGES
--------------------------------------     */
#logo{height:864px;left:25%;margin:auto;position:relative;width:475px;}
.logo-text{background:url('../images/homepage_logo.png') no-repeat;height:1110px;margin:auto;position:relative;text-align:center; top:16%; padding-top:190px;}
#about,#contact,#home,#skills,#portfolio{min-height: 100%; width:100%;}


#home {
/*
	background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale')";
	background-size: cover;
	*/
	margin-bottom: 1px}	
	
#about{-moz-background-size:cover;-ms-text-size-adjust:100%;-o-background-size:cover;-webkit-background-size:cover;-webkit-text-size-adjust:100%;background:url(../images/bg_02.jpg) right bottom fixed no-repeat;background-size:cover;}
#projects img{ }
#about img{float:left;margin-right:10px;}
#contact{-moz-background-size:cover;-ms-text-size-adjust:100%;-o-background-size:cover;-webkit-background-size:cover;-webkit-text-size-adjust:100%;background:url(../images/bg_03.jpg) right bottom fixed no-repeat;background-size:cover;}
#portfolio{-moz-background-size:cover;-ms-text-size-adjust:100%;-o-background-size:cover;-webkit-background-size:cover;-webkit-text-size-adjust:100%;background:url(../images/bg_04.jpg) right bottom fixed no-repeat;background-size:cover;}
#skills{-moz-background-size:cover;-ms-text-size-adjust:100%;-o-background-size:cover;-webkit-background-size:cover;-webkit-text-size-adjust:100%;background:url(../images/bg_05.jpg) right bottom fixed no-repeat;background-size:cover;}
.header{height:85px;margin:0;padding-top:10px;text-align:left;width:100%;}
.header ul{float:right;list-style-type:none;}
.bottom_rule {border-bottom:#333333 5px solid; width:920px; height:20px; margin-left:auto; margin-right:auto; position:relative; margin-top:0px;}
.layout{position:relative;}
.container{margin:auto;position:relative;width:920px; padding-top: 90px; padding-bottom:20px;}
.inside{background: url('../images/overlay_solid.png') repeat;margin-top:0;padding:40px;}
.inside a:active{color:#000;font-size:.8em;font-weight:700;}
.inside a:hover{color:#000;font-size:.8em;font-weight:700;}
.overlay{background:url('../images/overlay_diagonal.png') repeat;min-height:100%;width:100%;z-index:0;}
.leftcolumn-half{float:left;width:47%;}
.leftcolumn-one-third{float:left;width:31%;}
.rightcolumn-half{float:right;width:47%;}
.rightcolumn-half li img{border:0;margin-bottom:-1px;margin-right:20px;}
.leftcolumn-two-thirds{float:left;width:65%;}
.rightcolumn-one-third{float:right;width:31%;}
.middlecolumn-one-third{float:left;margin-left:30px;width:31%;}

.member-leftcolumn-one-third{float:left;width:45%;}
.member-middlecolumn-one-third{float:left;margin-left:30px;width:45%;}
.member-rightcolumn-one-third{float:right;width:31%;}

.member-leftcolumn-one-third img,.member-middlecolumn-one-third img,
.member-rightcolumn-one-third img {float:left; margin-right:10px;}

/* Video/Press */
#video .inside {padding:10px; margin-top:90px;}

.video-left{float:left; background-color: #000; padding:10px; width:880px;}
.video-right{float:right; background-color: #2f2f2f; margin-left:10px; padding:16px 14px; width:240px; height:328px;}

.video-item-1, .video-item-2, .video-item-3, .video-item-4 {height:73px; margin-bottom:13px;}
.video-item-1 p, .video-item-2 p, .video-item-3 p, .video-item-4 p{ font-size: 14px; color: #fff; margin-bottom:5px; }
.video-item-1 span, .video-item-2 span, .video-item-3 span, .video-item-4 span{ font-size: 10px; color: #b1b1b1; }
.video-item-1 img, .video-item-2 img, .video-item-3 img, .video-item-4 img{ float:left; margin-right:5px; cursor: pointer;}


/* PR Box */
#pr_box_container001{background-attachment: scroll;     background-clip: border-box;    background-color: transparent;    background-image: url("../images/overlay_diagonal.png");    background-origin: padding-box;    background-position: 0 0;    background-repeat: repeat;    background-size: auto auto;    min-height: 124px;    width: 100%;    z-index: 0; padding-bottom:20px;}
#pr_box_bg001{width:920px; margin:0px auto;}
#pr_box001{ width:896px; height:124px; background-color:#2f2f2f;  border:12px solid #44b3d9;  color:white;}
#pr_box002{ width:896px; height:124px; background-color:#2f2f2f;  border:12px solid #44b3d9;  color:white;}
#pr_box003{ width:896px; height:124px; background-color:#2f2f2f;  border:12px solid #44b3d9;  color:white;}
#left_pr_box001{  float:left;  width:274;  height:124px;}
#left_pr_box001 h1{  font-family:'PT Sans';font-size:14px; line-height:20px; color:white; margin:0; border:none; padding:0;}
#left_pr_box001 h2, #left_pr_box span{  float:left; color:white;  font-size:12px;  line-height:7px; border:0; padding:0;}
#left_pr_box001 h2{  font-family:'PT Sans';margin:0; margin-top:10px; padding:0; font-weight:bold; font-style:normal;}
#left_pr_box001 span{  font-family:'PT Sans';float:left;  clear:left; margin-top:4px; font-size:12px; font-style:italic;}
#info_containing_left001{  width:210px;  height:85px;  margin-top:20px; margin-left:38px;  border-right:1px solid #646363;}
#info_containing_left001 h1{  margin-right:20px;}
#right_pr_box001{  width:600px;  height:125px;  float:left;}
#info_containing_right001{  width:480px;  height:70px;  float:left;  margin-left:20px;}
#info_containing_right001 p{  font-family:'PT Sans';font-size:14px; margin-top:20px; width:550px;}
#info_containing_right001 a{  font-family:'PT Sans';color:white;  float:left; margin-top:7px; text-decoration:underline; font-style:italic;}
#info_containing_right001 a:hover{  text-decoration:none;}
#nav a {font-size:0em;display: block; height: 10px;width: 10px;background-color: grey;border-radius: 10px;margin:5px; float:left;}
#nav a.activeSlide { background-color: white; }
#nav a:focus { outline: none; }
#nav {
    left: 820px;
    margin: 0 auto;
    position: relative;
    top: -45px;
    width: 900px;
    z-index: 100;
}

.article_changer_pr {
    width: 80px;
    height: 20px;
    float: right;
    margin-top: 100px;
}
.article_circle_first {
    height: 10px;
    width: 10px;
    background-color: grey;#nav
    border-radius: 10px;
    margin-top: 5px;
    float: left;
}
.article_circle_first a {
    display: block;
    padding: 5px 5px;
}
.article_circle_rep {
    height: 10px;
    width: 10px;
    background-color: grey;
    border-radius: 10px;
    float: left;
    margin-top: 5px;
    margin-left: 8px;
}
.article_circle_rep a {
    display: block;
    padding: 5px 5px;
}
.article_circle_active {
    background-color: white;
}
/* ----------------------------------------
   NAVIGATION
--------------------------------------     */
#navigation{border-top:#555 solid 3px; background:url(../images/overlay_transparent_white.png) repeat; border-bottom: #666;position:absolute;text-align:left;top:0px; width:920px; left: 50%; margin: 0 0 0 -460px; z-index:200;display: none;}
#navigation span{color:#888; font-size:1.8em; position: relative; left:16px; top:-5px;}
#navigation a{color:#333; font-weight:700; font-size:1em; text-decoration:none; position: relative; font-family: 'Gafata', sans-serif; }
#navigation a span{color:#333; font-family: 'Gafata', sans-serif; font-size:1em; font-weight:700; position:relative; left:0px; top:0px}
#navigation a:active{color:#333; font-weight:700;}
#navigation a:hover{font-weight:700;color:#333}
.icons {height:35px;}
.nav-left{margin-bottom:2px;margin-top:2px;float:left;width:80%;}
.nav-left ul{list-style-type:none;margin-top:10px;}
.nav-left li{ margin-right:15px;}
.nav-left li img{border:0;margin-left:15px; margin-top:12px;}
.nav-right{float:right; margin-top:5px;width:20%;}
.nav-right ul{float:right;list-style-type:none; margin-top:8px;margin-right:10px;}
.nav-right li{margin-right:4px;margin-left:2px;}
.nav-left li,.nav-right li{display:inline;}

img.on:hover{filter:alpha(opacity=50);opacity:.5;}

.nav-items {position: relative; left: 15px; padding-right:2px; }
#myblog{ position: fixed; top: 250px; text-align: left; z-index: 999; }



/* ----------------------------
   SERVICES GRAPH 
--------------------------     */
#services-graph{list-style-type:none;margin-top:10px;padding:0;}
#services-graph li{margin-bottom:16px;position:relative;}
#services-graph li p{color:#afe9fc;font-size:.7em;font-weight:700;left:10px;position:absolute;top:13px; text-transform:uppercase;}
.percentage{color:#72d9fc;font-family:'PT Sans', tahoma, sans serif;font-size:1.4em;font-weight:700;margin-left:4px; letter-spacing:0; font-style:normal;}
.bar-container{background:url('../images/overlay_solid_dark.png') repeat;height:20%;width:100%;moz-border-radius:6px; border-radius:6px;}
.bar-20{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:20%;-moz-border-radius:4px; border-radius:4px;}
.bar-40{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:40%;-moz-border-radius:4px; border-radius:4px;}
.bar-60{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:60%;-moz-border-radius:4px; border-radius:4px;}
.bar-70{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:70%;-moz-border-radius:4px; border-radius:4px;}
.bar-80{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:80%;-moz-border-radius:4px; border-radius:4px;}
.bar-90{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:90%;-moz-border-radius:4px; border-radius:4px;}
.bar-100{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:100%;-moz-border-radius:4px; border-radius:4px;}

/* --------------------------------------------------
   SLIMBOX / SEE SLIMBOX2.CSS FOR ADDITIONAL STYLING
---------------------------------------------------     */

.slimbox-thumbs-med {margin-top:15px;}
.slimbox-thumbs-med li{float:left;height:170px;margin:0;position:relative;width:200px;}
.thumbnail-overlay-wrapper{float:left; /* important */  position:relative; /* important(so we can absolutely position the description div */ }  
.thumbnail-overlay {position:absolute; /* absolute position (so we can position it where we want)*/  
                    bottom:0px; /* position will be on bottom */  
                    left:0px;  
                    width:200px;
                    height:170px;  
                    /* styling below */  
                    /* background-color:#0AB2E9; color of the overlay*/ 
                    opacity:0.6; /* transparency */  
                    filter:alpha(opacity=60); /* IE transparency */
                    z-index:1;}

a.rollover:hover{border:0;}
a.rollover:hover .roll-overlay{background:url(../images/tn_overlay_image.png) center no-repeat #000;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition:0 .5s;opacity:.8;visibility:visible;filter:alpha(opacity=80);height:170px;position:absolute;width:200px;z-index:100;}
a.rollover img{display:block;}
.caption{position:absolute;height:60px;line-height:30px;width:100%;z-index:3;text-indent:-9999em;color:#fff;font-size:18px;/* used px here b/c with an em size the animation looks odd*/font-weight:700;letter-spacing:.2px;text-transform:uppercase;bottom:20px;text-align:center;overflow:hidden;}
a.rollover:hover .caption{text-indent:0;}

#about .slimbox-thumbs-med img{float:none;}

/* ----------------------------
   CONTACT FORM ELEMENTS
--------------------------     */

.field{-moz-border-radius:4px; border-radius:4px;display:block;font-family:Tahoma, Arial, Helvetica, sans-serif;margin-bottom:10px;padding-left:8px;padding-top:0;}
.text,.textbig, textarea {background:url('../images/overlay_solid_light.png') repeat;border:1px solid #e4f7ff;}
.text,.textbig{height:25px;margin-top:2px;width:98%;}
textarea{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:.9em;height:152px;width:98%;}
.button{-webkit-font-smoothing:antialiased;background:#000000;border:none;color:#fff;cursor:pointer;font-family:"Georgia", Times, Serif;font-size:.9em;font-style:italic;font-weight:400;line-height:1em; letter-spacing:-.5px;padding:3px 5px 5px;text-transform:none;width:100px; margin-top:15px;}
.error_message{background:#000;font-family:"Georgia", Times, Serif;font-size:1.0em;font-style:italic;height:20px;padding:5px;margin-bottom:20px;margin-top:5px;-moz-border-radius:4px;border-radius:4px; text-align:center;}
.label{color:#fff;font-size:.7em;}
.required{color:#006699;font-family:"Georgia", Times, Serif;font-size:.6em;font-style:italic;}
#success_page{color:#000;font-size:1.3em;line-height:1em;margin-bottom:20px;margin-top:5px; font-style:italic;}
.loader{float:left;padding:0 10px;}

.ui-loader {display: none}



/* ----------------------------
   TABLETS
--------------------------     */
@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
	#about {background:none}
    #home  {background: url(../images/bg.jpg) no-repeat; 
			background-size: cover;
			-moz-background-size: cover;
			-webkit-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
	#logo { top: 5% !important; left: 15% !important }
	#logo {height: 500px !important}
    .logo-text { top: 18%}
    #navigation {width: 100% !important; margin-left: -50% !important}
    .layout { width: auto !important}
	.inside { padding: 25px !important}
	.middlecolumn-one-third{margin-left:25px !important}
    .container { width: auto !important; padding: 90px 20px 20px 20px !important}
    .bottom_rule { width: auto !important}

    .lightbox-thumbs-med { background: none !important}
    .thumbnail-overlay, a.rollover:hover .roll-overlay, .lightbox-thumbs-med-list li, .lightbox-thumbs-med-list li img { width: 242px !important }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    #logo { top: 0 !important; left: 25% !important}
    .logo-text { top: 16%}
}

.ui-btn-inner { display: none !important;}

/* Background Slider */

#bg_slideshow, img.bgM {
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;
}