/* -------------------------------------------------------------------------------

    0.  Reset & Clearfix
    1.  Document Setup
    2.  Wrap
    3.  Header
    4.  Content
    5.  Shortcodes
    6.  Contact
    7.  Footer
	8.  Form
    9.  Media Queries
*/
/* ------------------------------------------------------------------------------- */
/*  0.  Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ------------------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* ------------------------------------------------------------------------------- */
/*  1.  Document Setup
/* ------------------------------------------------------------------------------- */
    
    html { overflow-x: hidden; }
    body {
        background: #ffffff;
        color: #000000;
        font: 11px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
    }
    a, a > * {
        color: #333;
        text-decoration: underline;
        -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
           -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
            -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
             -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
                transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    }
    a:hover, a > *:hover {
        color: #f59e34;
    }

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

    h1 { font-size: 30px; }
    h2 { font-size: 24px; }
    h3 { font-size: 18px; font-weight: 400; }
    h4 { font-size: 16px; font-weight: 400; }
    h5 { font-size: 12px; }
    h6 { font-size: 11px; }

    h1, h2, h3, h4, h5, h6 {
        color: #f18221;
        font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        line-height: 1.25;
    }
    
    dl,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset,blockquote,p {
        margin-bottom: 10px;
    }
    hr.h80 {
        margin: 40px 0;
    }
	
	p {
	font-size: 16px;
	text-align: center;
	}
	
	.blue {
	color: #1076bc;
	}
	
	.pink {
	color: #e82e8a;
	}
	
	.grey {
	color: #747373;
	}
    #graphic-container {
        width: 100%;
        display: inline-block;
    }
	
	#graphic-container .image {
        display: block;
        margin: 20px auto 0px;
        max-width: 100%;
    }
	
	#top-bar {
		background-color: #444444;
		height: 44px;
	}
	
	#content h2 {
		text-align:center;
	}
	
	#content h3 {
		text-align:center;
		margin: 20px 0;
	}
	
	#content h4 {
		font-size: 20px;
		text-align:center;
		margin: 40px 0 20px;
	}
	
	#content h5 {
		font-size: 20px;
		font-weight: 400;
		color:#ed7102;
	}
	
	.main-intro {
        color: #333;
        font-size: 14px;
        margin: 0;
    }
	
	.home-heading {
		text-align:left;
		font-size: 18px; 
		font-weight: 400;
		margin: 20px 0;
	}
	
	.home-center {
		text-align:center;
		color: #333;
        font-size: 14px;
        margin: 0;
	}
	
	#merrimu-link {
		padding:12px 0 0 40px;
	}
	
	
	#merrimu-link a {
		color: #ed7102;
        font-size: 14px;
	}
	
	#merrimu-link a:hover {
		color: #fff;
	}
		

/* ------------------------------------------------------------------------------- */
/*  6.  Contact
/* ------------------------------------------------------------------------------- */

    .contact-intro {
        color: #333;
        font-size: 14px;
        margin: 60px 0 40px;
    }
    .contact-info .address {
        margin-top: 20px;
    }
    
	
/* ------------------------------------------------------------------------------- */
/*  2.  Wrap
/* ------------------------------------------------------------------------------- */

    #body-wrapper {
        left: 50%;
        margin-left: -520px;
        position: relative;
        width: 1040px;
    }
    .container {
        margin: 0 20px;
        padding: 0 30px;
        position: relative;
    }

    /*  Columns  --------------------------------*/

    .one-fourth, .three-fourth, .one-third, .two-third, .one-half {
        float: left;
        margin-right: 20px !important;
        position: relative;
    }
    .one-fourth.last, .three-fourth.last, .one-third.last, .two-third.last, .one-half.last {
        margin-right: 0 !important;
    }
    .one-fourth      { width: 220px; }
    .three-fourth    { width: 700px; }
    .one-third       { width: 300px; }
    .two-third       { width: 620px; }
    .one-half        { width: 460px; }


/* ------------------------------------------------------------------------------- */
/*  4.  Content
/* ------------------------------------------------------------------------------- */

    #content {

    }
    #main {
        float: left;
        margin: 0 40px 0 0;
        width: 680px;
    }

    /*  Page Title  --------------------------------*/
    
    .page-title, .page-title-inner, .page-title-alt {
        color: #c2c2c2;
        display: inline-block;
        font-size: 48px;
        font-weight: 100;
        letter-spacing: 2px;
        line-height: 1.2;
        margin: 0 -30px;
        padding: 40px 30px 45px;
        width: 100%;
    }
    .page-title .accent, .page-title-alt .accent {
        color: #333;
    }
    .page-title-inner .section-title {
        color: #c2c2c2;
        display: block;
        font-size: 30px;
        letter-spacing: normal;
        line-height: 1.5;
        width: 100%;
    }
    .page-title-inner .accent {
        color: #ed7102;
    }
    .page-title-inner.fixed {
        background: none;
        margin-bottom: 0;
    }
    .page-title-alt {
        font-size: 72px;
        line-height: 1.2;
        margin: 0 -30px;
        padding-bottom: 75px;
        padding-top: 70px;
    }

/* ------------------------------------------------------------------------------- */
/*  5.  Shortcodes
/* ------------------------------------------------------------------------------- */

    .shortcodes h5 {
        margin-bottom: 25px;
    }

    /*  Buttons  --------------------------------*/

    .orange {
        background: #ed7102;
        background: -webkit-linear-gradient(#ed7102, #e36c02);
        background:    -moz-linear-gradient(#ed7102, #e36c02);
        background:     -ms-linear-gradient(#ed7102, #e36c02);
        background:      -o-linear-gradient(#ed7102, #e36c02);
        background:        -webkit-gradient(#ed7102, #e36c02);
        background:         linear-gradient(#ed7102, #e36c02);
    }
	

    /*  Lists  --------------------------------*/

    .shortcodes .check {
        margin-top: -10px;
    }
    ul.compressed li {
        padding-bottom: 4px;
        padding-top: 4px;
    }
    ul.compressed li:first-child {
        margin-top: -5px;
    }
    .check li, .check-bold li, .arrow li, .arrow-bold li, .square li, .circle li {
        list-style: none;
        margin: 0;
        padding: 5px 0 5px 18px;
    }
    .check li {
        background: url(../images/list_check.png) no-repeat 2px 53%;
    }
    .check-bold li {
        background: url(../images/list_check_bold.png) no-repeat 1px 53%;
    }
    .arrow li {
        background: url(../images/list_arrow.png) no-repeat 4px 53%;
    }
    .arrow-bold li {
        background: url(../images/list_arrow_bold.png) no-repeat 3px 53%;
    }
    .square li {
        background: url(../images/list_square.png) no-repeat 4px 53%;
    }
    .circle li {
        background: url(../images/list_circle.png) no-repeat 4px 53%;
    }


	
/* ------------------------------------------------------------------------------- */
/*  7.  Footer
/* ------------------------------------------------------------------------------- */

    #footer {
        background: #ed7102;
        margin-top: 20px 0 0;
        padding: 10px 0 0;
    }
    
    #footer .copyright {
        color: #fff;
		text-align:center;
        padding: 20px 0;
    }
	

/* ------------------------------------------------------------------------------- */
/*  8.  Media Queries
/* ------------------------------------------------------------------------------- */

    /* Standard 960 or larger (browsers) */
    @media only screen and (min-width: 960px) {

    }

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {

    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    
    /* ------------------------------------------------------ */
    /*  Document Setup
    /* ------------------------------------------------------ */

        textarea {
            width: 430px;
        }

    /* ------------------------------------------------------ */
    /*  Wrap
    /* ------------------------------------------------------ */
        
        #body-wrapper {
            margin-left: -404px;
            width: 808px;
        }

        /*  Columns  ------------*/

        .one-fourth      { width: 162px; }
        .three-fourth    { width: 526px; }
        .one-third       { width: 222px; }
        .two-third       { width: 464px; }
        .one-half        { width: 344px; }

    /* ------------------------------------------------------ */
    /*  Content
    /* ------------------------------------------------------ */

        #main {
            width: 448px;
        }

        /*  Page Title  ------------*/

        .page-title-alt {
            font-size: 48px;
        }

    /* ------------------------------------------------------ */
    /*  Homepage
    /* ------------------------------------------------------ */

        /*  Project & Blog Carousel  ------------*/

        .jcarousel-item {
            margin: 0 28px 0 0;
        }
        .section-title.one-fourth  {
            width: 220px;
        }

        /*  Project Carousel (Alt. Homepage)  ------------*/

        #project-wrapper-alt .jcarousel-next {
            left: 708px;
        }

        #project-wrapper-alt .jcarousel-item {
            margin: 0 24px 0 0;
        }

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) { 

    /* ------------------------------------------------------ */
    /*  Document Setup
    /* ------------------------------------------------------ */

        textarea {
            width: 402px;
        }

    /* ------------------------------------------------------ */
    /*  Wrap
    /* ------------------------------------------------------ */
        
        #body-wrapper {
            margin-left: -260px;
            width: 520px;
        }

        /*  Columns  ------------*/

        .one-fourth      { width: 200px; }
        .three-fourth    { width: 526px; }
        .one-third       { width: 420px; }
        .two-third       { width: 464px; }
        .one-half        { width: 420px; }

        .one-fourth:nth-child(2n+2) { margin-right: 0 !important; }
        .one-fourth:nth-child(n+3) { margin-top: 20px !important; }

    /* ------------------------------------------------------ */
    /*  Header
    /* ------------------------------------------------------ */

        #header {
            height: auto;
            text-align: center;
        }
        #logo {
            float: none;
        }

        /*  Navigation  ------------*/

        #navigation {
            float: none;
            text-align: left;
        }
        #navigation a {
            margin: 0 15px;
            padding: 20px 0 30px;
        }
        #navigation ul {
            margin: 0 0 0 15px;
            top: 70px;
        }

    /* ------------------------------------------------------ */
    /*  Content
    /* ------------------------------------------------------ */

        #main {
            width: 420px;
        }
        #sidebar {
            display: none;
        }

        /*  Page Title  ------------*/

        .page-title, .page-title-inner, .page-title-alt {
            font-size: 30px;
            letter-spacing: normal;
            padding: 40px 30px 40px;
        }
        .page-title-inner {
            font-size: 30px;
            letter-spacing: normal;
            padding-bottom: 45px;
        }
        .page-title-inner .section-title {
            font-size: 18px;
            font-weight: 400;
        }

    /* ------------------------------------------------------ */
    /*  Homepage
    /* ------------------------------------------------------ */

        /*  Project & Blog Carousel  ------------*/

        .section-title.one-fourth  {
            width: 180px;
        }

    /* ------------------------------------------------------ */
    /*  About
    /* ------------------------------------------------------ */

        .about-intro {
            margin-bottom: 40px;
        }

    /* ------------------------------------------------------ */
    /*  Shortcodes
    /* ------------------------------------------------------ */

        .shortcodes:nth-child(n+3) {
            margin-top: 0 !important;
        }
        .shortcodes {
            margin-bottom: 40px;
        }
        .shortcodes.last {
            margin-bottom: 0;
        }

    /* ------------------------------------------------------ */
    /*  Contact
    /* ------------------------------------------------------ */

        .contact-form {
            margin-top: 50px;
        }


    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {

    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

    /* ------------------------------------------------------ */
    /*  Document Setup
    /* ------------------------------------------------------ */

        input[type="text"], textarea {
            width: 242px;
        }

    /* ------------------------------------------------------ */
    /*  Wrap
    /* ------------------------------------------------------ */
        
        #body-wrapper {
            margin-left: -180px;
            width: 360px;
        }

        /*  Columns  ------------*/

        .one-fourth      { width: 260px; }
        .three-fourth    { width: 260px; }
        .one-third       { width: 260px; }
        .two-third       { width: 260px; }
        .one-half        { width: 260px; }

        .one-fourth:nth-child(n+2) { margin-top: 30px !important; }
		
		p {
	padding-right: 5px;
	}

    /* ------------------------------------------------------ */
    /*  Header
    /* ------------------------------------------------------ */

        /*  Navigation  ------------*/

        #navigation { display: none; }

      

    /* ------------------------------------------------------ */
    /*  Content
    /* ------------------------------------------------------ */

        #main {
            width: 260px;
        }

        /*  Page Title  ------------*/

        .page-title, .page-title-inner, .page-title-alt {
            font-size: 22px;
            padding: 30px 30px 30px;
        }
        .page-title-inner {
            font-size: 20px;
            margin-bottom: 40px;
            padding-bottom: 35px;
        }
        .page-title-inner .section-title {
            font-size: 16px;
        }

    /* ------------------------------------------------------ */
    /*  Homepage
    /* ------------------------------------------------------ */

        .section-title.one-fourth  {
            width: 260px;
        }

    /* ------------------------------------------------------ */
    /*  Shortcodes
    /* ------------------------------------------------------ */

        .shortcodes.one-fourth {
            margin: 0 !important;
        }
        .shortcodes.one-half {
            margin: 0 !important;
        }
        .shortcodes .blockquote {
            margin-bottom: 0 !important;
        }
        .h80.shortcodes {
            display: none;
        }
        .shortcodes {
            padding-bottom: 50px !important;
        }

    }