﻿/* clear all*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* helpers */
.aL
{
    text-align: left;
}
.aR
{
    text-align: right;
}
.aC
{
    text-align: center;
}
.vaT
{
    vertical-align: top;
}
.vaB
{
    vertical-align: bottom;
}
.vaM
{
    vertical-align: middle;
}
.fL
{
    float: left !important;
}
.fR
{
    float: right !important;
}
.p100
{
    width: 100%;
}
.p50
{
    width: 50%;
}
.justify
{
    text-align: justify;
}
.pb-0
{
    padding-bottom: 0px !important;
}
.pb-5
{
    padding-bottom: 5px;
}
.pb-10
{
    padding-bottom: 10px;
}
.pb-15
{
    padding-bottom: 15px;
}
.pb-20
{
    padding-bottom: 20px;
}
.pt-0
{
    padding-top: 0px !important;
}
.pt-5
{
    padding-top: 5px;
}
.pt-10
{
    padding-top: 10px;
}
.pt-15
{
    padding-top: 15px;
}
.pt-20
{
    padding-top: 20px;
}
.pl-0
{
    padding-left: 0px !important;
}
.pl-5
{
    padding-left: 5px;
}
.pl-10
{
    padding-left: 10px;
}
.pl-15
{
    padding-left: 15px;
}
.pl-20
{
    padding-left: 20px;
}
.pr-0
{
    padding-right: 0px !important;
}
.pr-5
{
    padding-right: 5px;
}
.pr-10
{
    padding-right: 10px;
}
.pr-15
{
    padding-right: 15px;
}
.pr-20
{
    padding-right: 20px;
}
.p-0
{
    padding: 0px !important;
}
.p-5
{
    padding: 5px;
}
.p-10
{
    padding: 10px;
}
.p-15
{
    padding: 15px;
}
.p-20
{
    padding: 20px;
}
.ml-15
{
    margin-left: 15px;
}
.mb-15
{
    margin-bottom: 15px;
}
.mb-5
{
    margin-bottom: 5px;
}
.mt-20
{
    margin-top: 20px;
}
.m-20
{
    margin: 20px;
}
.mt-10
{
    margin-top: 10px;
}
.mb-20
{
    margin-bottom: 20px;
}
.m-5
{
    margin: 5px;
}
.mr-5
{
    margin-right: 5px;
}
.mr-20
{
    margin-right: 20px;
}
.blc
{
    display: block;
}
.bold
{
    font-weight: bold;
}
.cR
{
    clear: right;
}
.cL
{
    clear: left;
}
.cB
{
    clear: both;
}
.w-200
{
    width: 200px;
}
/* END helpers */


/* GENERAL */
a
{
    color: #154689;
    cursor: pointer;
}
a:hover
{
    text-decoration: underline;
    color: #18a3b8;
}

table
{
    border-collapse: collapse;
}
td, th
{
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
  }

p
{
    font-size: 13px;
    line-height: 20px;
}
strong
{
    font-weight: bold;
}

li
{
    list-style: none;
}

#map-canvas a
{
    font-size: 9px;
}

/* END GENERAL */

*
{
    font-size: 11px;
    font-family: Tahoma, Arial;
}

body
{
    text-align: center;
    background: transparent url(../Images/bg2.jpg) repeat-x;
    font-size: 13px;
    line-height: 20px;
    font-family: Tahoma, Arial;
    color: #0f3e5c;
}

h1
{
    font-family: 'Roboto' , sans-serif;
    font-weight: 300;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 20px;
}
h2
{
    font-family: 'Roboto' , sans-serif;
    font-weight: 700;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 10px;
    color: #0084c5;
}

div
{
    text-align: left;
}




input, select, textarea
{
    font-size: 14px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #006bb8;
     box-shadow: inset 0px 0px 9px 0px rgba(0, 107, 184, 0.54);
    -moz-box-shadow: inset 0px 0px 9px 0px rgba(0, 107, 184, 0.54);
    -webkit-box-shadow: inset 0px 0px 9px 0px rgba(0, 107, 184, 0.54);
    
    -webkit-transition: box-shadow 0.4s ease-in-out 0s;
-moz-transition: box-shadow 0.4s ease-in-out 0s;
-o-transition: box-shadow 0.4s ease-in-out 0s;
-ms-transition: box-shadow 0.4s ease-in-out 0s;
transition: box-shadow 0.4s ease-in-out 0s; 
color: #006bb8;
background-color: #f7f9fc;

}


input:focus, select:focus, textarea:focus
{
    
     border: 1px solid #ec9314;
     box-shadow: inset 0px 0px 9px 0px rgba(235, 194, 63, 0.80);
    -moz-box-shadow: inset 0px 0px 9px 0px rgba(235, 194, 63, 0.80);
    -webkit-box-shadow: inset 0px 0px 9px 0px rgba(235, 194, 63, 0.80);
       -webkit-transition: box-shadow 0.4s ease-in-out 0s;
-moz-transition: box-shadow 0.4s ease-in-out 0s;
-o-transition: box-shadow 0.4s ease-in-out 0s;
-ms-transition: box-shadow 0.4s ease-in-out 0s;
transition: box-shadow 0.4s ease-in-out 0s; 
color: #724311;
background-color: #fffae3;
}

input
{
    height: 25px;
    padding: 5px;
}
select
{
    height: 40px;
    padding: 10px;
    width: 212px;
}
textarea
{
    height: 120px;
    width: 205px;
    padding: 5px;
}




#bg
{
    width: 990px;
    margin: auto;
    overflow: auto;
    background: #fff;
}
#all
{
    width: 960px;
    margin: auto;
    background: transparent url(../Images/bg_sky.jpg) no-repeat top left;
}

/* HEADER */
#header
{
    width: 960px;
    height: 90px;
    float: left;
}

#header .logo
{
    background: transparent url(../Images/MiamiWebDesignLogo.png) no-repeat;
    width: 175px;
    height: 80px;
    float: left;
    margin: 9px 0px 0px 30px;
}
#header .logo span
{
    background: none;
    display: none;
}

#header .quick-links
{
    float: right;
    margin: 5px;
    width: 500px;
    height: 35px;
    margin-top: 25px;
}
#header .service-map
{
    margin-right: 20px;
    color: #0f3e5c;
    text-decoration: none;
    background: transparent url(../Images/ico/map.gif) no-repeat;
    padding-left: 20px;
    float: left;
}
#header .service-map:hover
{
    text-decoration: underline;
}
#header .help
{
    margin-right: 20px;
    color: #0f3e5c;
    text-decoration: none;
    background: transparent url(../Images/ico/help.gif) no-repeat;
    padding-left: 15px;
    float: left;
}
#header .help:hover
{
    text-decoration: underline;
}
#header .favourites
{
    margin-right: 20px;
    color: #0f3e5c;
    text-decoration: none;
    background: transparent url(../Images/ico/favourite.gif) no-repeat;
    padding-left: 20px;
    float: left;
}
#header .favourites:hover
{
    text-decoration: underline;
}

#header .call-us
{
    float: right;
    margin: 0px 10px 0px 0px;
}
#header .call-us a
{
}

.social
{
    float: left;
    width: 145px;
    margin-top: 20px;
}

/* END OF 'HEADER' */

/* MAIN MENU */
#menu
{
    clear: both;
    float: left;
    height: 71px;
    width: 960px;
}
#menu .padding
{
    padding: 15px 0px 0px 22px;
    float: left;
}
#menu a
{
    text-decoration: none;
    float: left;
    margin-top: 12px;
}
#menu a span
{
    color: #0082c8;
    display: block;
    background: none;
    padding: 5px 12px 5px 12px;
    font-size: 18px;
    font-family: 'Roboto' , sans-serif;
    font-weight: 400;
    float: left;
}

#menu a:hover span
{
    background: #0082c8;
    color: #fff;
}
#menu .sep
{
    background: transparent url(../Images/MainMenu/sep.png) no-repeat;
    width: 3px;
    height: 54px;
    float: left;
    margin: 4px 3px 0px 3px;
}
/*
#menu .home { background: transparent url(../Images/MainMenu/home-normal.gif) no-repeat; width: 94px; height: 29px; }
#menu .home:hover { background: transparent url(../Images/MainMenu/home-active.gif) no-repeat; width: 94px; height: 29px; }
#menu .home:active {}

#menu .who-we-are { background: transparent url(../Images/MainMenu/who-we-are-normal.gif) no-repeat; width: 131px; height: 29px; }
#menu .who-we-are:hover { background: transparent url(../Images/MainMenu/who-we-are-active.gif) no-repeat; width: 131px; height: 29px; }
#menu .who-we-are:active {}

#menu .what-we-do { background: transparent url(../Images/MainMenu/what-we-do-normal.gif) no-repeat; width: 122px; height: 29px; }
#menu .what-we-do:hover { background: transparent url(../Images/MainMenu/what-we-do-active.gif) no-repeat; width: 122px; height: 29px; }
#menu .what-we-do:active {}

#menu .our-expertise { background: transparent url(../Images/MainMenu/our-expertise-normal.gif) no-repeat; width: 138px; height: 29px; }
#menu .our-expertise:hover { background: transparent url(../Images/MainMenu/our-expertise-active.gif) no-repeat; width: 138px; height: 29px; }
#menu .our-expertise:active {}

#menu .our-portfolio { background: transparent url(../Images/MainMenu/our-portfolio-normal.gif) no-repeat; width: 135px; height: 29px; }
#menu .our-portfolio:hover { background: transparent url(../Images/MainMenu/our-portfolio-active.gif) no-repeat; width: 135px; height: 29px; }
#menu .our-portfolio:active {}

#menu .contact-us  { background: transparent url(../Images/MainMenu/contact-us-normal.gif) no-repeat; width: 123px; height: 29px; }
#menu .contact-us:hover { background: transparent url(../Images/MainMenu/contact-us-active.gif) no-repeat; width: 123px; height: 29px; }
#menu .contact-us:active {}

.EstimateButtonMenu{background: transparent url(../Images/MainMenu/contact-us-normal.gif) no-repeat; width: 123px; height: 29px;}
.EstimateButtonMenu:hover{background: transparent url(../Images/MainMenu/contact-us-normal.gif) no-repeat; width: 123px; height: 29px;}
*/

/* END OF 'MAIN MENU' */

/* BANNER */
#banner
{
    width: 960px;
    float: left;
    clear: both;
    border-bottom: solid 1px #8ebee7;
    border-top: solid 1px #8ebee7;
}
#banner-without-orange-box
{
    height: 292px;
    width: 100%; /*background: transparent url(../Images/bg_banner_without_box.jpg) no-repeat;*/
    float: left;
    clear: both;
}
#services-box
{
    float: left;
    width: 354px;
    height: 258px;
    margin: 0px 0px 0px 16px;
}
#services-box .services
{
    float: left;
    margin: 0px 0px 0px 60px;
}

#services-box .start-now
{
    float: left;
    margin: 30px 0px 0px 30px;
}
#services-box .start-now a
{
    display: block;
    background: transparent url(../Images/btn/start.jpg) no-repeat;
    width: 389px;
    height: 76px;
    float: left;
}
#services-box .start-now a span
{
    display: none;
}

#services-box .services li img
{
    padding-right: 5px;
    padding-top: 5px;
    vertical-align: middle;
}
#services-box .services ul a
{
    padding: 10px;
    font-size: 12px;
}

#banner a, #banner-without-orange-box a
{
    color: #ff7c02;
    text-decoration: none;
}
#banner a:hover, #banner-without-orange-box a:hover
{
    color: #295ea0;
    text-decoration: underline;
}
#banner ul, #banner-without-orange-box ul
{
    list-style: none;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}
#banner li, #banner-without-orange-box li
{
    padding: 5px 0px 5px 0px;
}
#banner li a, #banner-without-orange-box li a
{
    color: #0f3e5c;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#banner li a:hover, #banner-without-orange-box li a:hover
{
    color: #0f3e5c;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
/* END OF 'BANNER' */

/* CONTENT */

#content
{
    width: 920px;
    clear: both;
    margin: auto; /*background: transparent url(../Images/bg_content.gif) repeat-x;*/
}

#latestNews
{
    float: left;
    clear: both;
}
#latestNews .h1
{
    padding-top: 20px;
}
#latestNews h3
{
    font-size: 16px;
    font-family: 'Roboto' , sans-serif;
    color: #0084c5;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 3px;
}
#latestNews .h1 span
{
    float: left;
    margin-left: 0px;
    font-family: 'Roboto' , sans-serif;
    font-weight: 300;
    font-size: 26px;
    font-style: italic;
}
#latestNews .news
{
    padding: 15px;
    margin: 5px;
    width: 263px;
    height: 260px;
    float: left;
    border: 1px solid #ebebeb;
}
#latestNews img
{
    border: 1px solid #ebebeb;
}
#latestNews .ShortNews
{
    text-align: justify;
    padding-top: 10px;
    font-size: 11px;
    font-family: tahoma;
    color: #0e3955;
}
#latestNews .news .meta
{
    padding-top: 5px;
    text-align: left;
    display: block;
    font-size: 10px;
}
#latestNews .news .meta span
{
    font-weight: bold;
}

#AllNews
{
    float: left;
    clear: both;
}
#AllNews .h1
{
    padding-top: 20px;
}
#AllNews h3
{
    font-size: 16px;
    font-family: 'Roboto' , sans-serif;
    color: #0084c5;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 3px;
}
#AllNews .h1 span
{
    float: left;
    margin-left: 0px;
    font-family: 'Roboto' , sans-serif;
    font-weight: 300;
    font-size: 26px;
    font-style: italic;
}
#AllNews .news
{
    padding: 15px;
    margin: 5px;
    width: 263px;
    height: 300px;
    float: left;
    border: 1px solid #ebebeb;
}
#AllNews img
{
    border: 1px solid #ebebeb;
}
#AllNews .ShortNews
{
    text-align: justify;
    padding-top: 10px;
    font-size: 11px;
    font-family: tahoma;
    color: #0e3955;
}
#AllNews .news .meta
{
    padding-top: 5px;
    text-align: left;
    display: block;
    font-size: 10px;
}
#AllNews .news .meta span
{
    font-weight: bold;
}

/* ------------------------------------------- */
/* @DEFAULT.ASPX - HOME
    /* ------------------------------------------- */
#about
{
    float: left;
    margin: 0px 0px 0px 10px;
    width: 260px;
}
#about .txt-aboutus
{
    margin-bottom: 10px;
}
#about p
{
    text-align: justify;
    padding-bottom: 10px;
}
#about p a
{
    color: #0f3e5c;
}
#about p a:hover
{
    text-decoration: none;
}
#about .see-more
{
    float: right;
}

#contact
{
    float: left;
    margin: 0px 0px 0px 30px;
    width: 230px;
}
#contact input
{
    width: 239px;
    height: 26px;
}
#contact .input input[type=text]
{
    margin-left: 5px;
    width: 225px;
    height: 23px;
    padding: 4px 8px 0px 8px;
    font-size: 12px;
    color: Black;
    border: 0px;
    background: transparent;
}
#contact .textbox
{
    width: 239px;
    height: 110px;
}
#contact textbox
{
    margin-left: 5px;
    margin-top: 4px;
    width: 210px;
    height: 70px;
    border: 0px;
    font-size: 12px;
    color: Black;
    background: transparent;
    padding: 8px;
}
#contact .txt-contactus
{
    margin-bottom: 10px;
}
.send
{
    width: 110px;
    height: 41px;
    background: transparent url(../Images/btn/send.png) no-repeat;
    float: right;
    margin-top: 10px;
}

/* message was sended */
#contact p
{
    text-align: center;
    padding-bottom: 15px;
}

/* END OF 'CONTENT' */

#footer
{
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    height: 40px;
}
#footer p
{
    color: #0f3e5c;
    float: left;
}
#footer p span
{
    font-weight: bold;
    color: #f97902;
}


/* hide spans */
.txt-aboutus span, .txt-services span, .txt-contactus span, .see-more span, .txt-featureproject span, .txt-request-a-free-quote span
{
    display: none;
}

/* TEXT */
.txt-aboutus
{
    width: 59px;
    height: 15px;
    background: transparent url(../Images/txt/about-us.gif) no-repeat;
    display: block;
}
.txt-services
{
    background: transparent url(../Images/txt/services.gif) no-repeat;
    display: block;
    width: 56px;
    height: 16px;
}
.txt-contactus
{
    background: transparent url(../Images/txt/contact-us.gif) no-repeat;
    display: block;
    width: 70px;
    height: 15px;
}
.txt-featureproject
{
    background: transparent url(../Images/txt/feature-project.gif) no-repeat;
    display: block;
    width: 118px;
    height: 18px;
}

/*
.call-us a:hover { cursor:pointer; background: transparent url(../Images/txt/call-us-hover.png) no-repeat; width: 330px; height: 58px; } 
*/
.txt-request-a-free-quote
{
    background: transparent url(../Images/txt/request-a-free-quote.gif) no-repeat;
    width: 135px;
    height: 25px;
}
/* END OF 'TEXT' */

/* BTN'S */
.see-more
{
    display: block;
    width: 136px;
    height: 40px;
    background: transparent url(../Images/btn/see-more.gif) no-repeat;
}
/* END OF 'BTN' */

/* ABOUT US */
.about-us
{
    width: 630px !important;
}
.feature
{
    margin-left: 53px !important;
}
/* END OF 'ABOUT US' */


/* FAQ*/


.slideHeader
{
    height: 30px;
    background: transparent url(../Images/faq_bg.jpg) repeat-x;
    color: #3d6c8a;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 0px 0px 10px;
    cursor: pointer;
}

.slideBody
{
    background: #fff;
    padding: 10px;
}
.slideBody ol
{
    margin-left: 15px;
    color: #ff7300;
    font-weight: bold;
    padding-bottom: 30px;
}
.slideBody ul
{
    margin-left: 35px;
    padding-top: 3px;
    padding-bottom: 30px;
}
.Faq_Question
{
    color: #ff7300;
    font-weight: bold;
    display: block;
}
.Faq_Answer
{
    color: #0f3e5c;
    font-weight: normal;
    display: block;
    padding: 5px 0px 15px 0px;
}


.slidePanel
{
    width: 100%;
    float: left;
    margin: 2px;
    border: solid 1px #8ebee7;
}


#_faq .faq-c
{
    float: left;
    width: 100%;
}
#_faq .p
{
    border-bottom: 1px solid #e5e5e5;
    padding-top: 15px;
    padding-bottom: 10px;
}
#_faq h4
{
    color: #EC5F03;
    font-weight: bold;
    float: left;
    width: 100%;
    margin-bottom: 6px;
}

/* END OF FAQ */


/* SITEMAP */
.SitemapHeader
{
    color: #3d6c8a;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0px 10px 10px;
}

.SitemapGroup
{
    width: 290px;
    height: 250px;
    background-color: #f2f3f7;
    border: solid 1px #8ebee7;
    float: left;
    padding: 5px;
    margin: 2px;
}
.SitemapGroup ul
{
    margin-left: 35px;
}
.SitemapGroup li
{
    padding-top: 7px;
}

/* END OF SITEMAP */



/* FREE QUOTE */
div.free-quote
{
    float: left;
    margin: 0px 0px 0px 0px;
}
.form td
{
    padding-left: 20px !important;
}
.form th, .form td
{
    padding: 2px 0px 5px 0px;
}


div.free-quote input
{
    height: 25px;
    padding: 5px;
}
div.free-quote select
{
    height: 40px;
    padding: 10px;
    width: 212px;
}
div.free-quote textarea
{
    height: 120px;
    width: 205px;
}


/* END OF 'FREE QUOTE' */

h1.title
{
    color: #ff7300;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
abbr
{
    border-bottom: 1px dashed gray;
    cursor: help;
}

.vcard .org
{
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
}
.vcard span
{
    font-style: normal;
    padding: 3px 0px 3px 0px;
}
.vcard .tel, .vcard .email
{
    display: block;
    padding-top: 8px;
}

.subpage, .newsContent
{
    width: 920px;
}

.newsContent .headerTitle
{
    border-bottom: 1px solid #ebebeb;
    margin: 30px 30px 15px 0px;
    float: left;
    width: 100%;
}

.more
{
    float: right;
    vertical-align: middle;
    height: 18px;
}
.more a
{
    text-decoration: none;
}

.list
{
    margin-left: 40px;
    margin-bottom: 20px;
}

/* portfolio - new version */
.prtf
{
}
.project
{
    background: #ebf2f5;
    border: 1px solid #bbd3dd;
}
.prtf .img
{
    padding: 10px 10px 10px 10px;
}
.prtf img
{
    border: 1px solid #0f3e5c;
}
.prtf .header
{
    border-bottom: 1px solid #28678f;
}
.prtf .header h1
{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
    float: left;
    text-transform: uppercase;
}
.prtf .header .link
{
    float: right;
    color: #00a19f;
    font-weight: bold;
}
.prtf .desc
{
    padding: 0px 10px 10px 10px;
}
.prtf .desc h2
{
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #206a99;
}

.main-title
{
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    padding-top: 20px;
}

.prtf .works-list
{
    background: #ebf2f5;
    border: 1px solid #b9d6e3;
    padding: 15px;
}
.prtf .works-list img
{
    border: 0px !important;
}
.prtf .works-list .title
{
    display: block;
    color: #0b2a44;
    font-weight: bold;
    padding-left: 15px;
    font-size: 10px;
}
.prtf .works-list .type
{
    display: block;
    color: Gray;
    padding-left: 15px;
    font-size: 10px;
}
.prtf .work
{
    padding-bottom: 15px;
}

.prtf .projects
{
    padding: 20px 10px 10px 10px;
    float: left;
}
.prtf .pbg
{
    background: #ebf2f5;
    border: 1px solid #b9d6e3;
    padding: 15px;
    float: left;
    width: 870px;
}

.prtf ul
{
    padding-left: 20px;
    padding-top: 10px;
}
.prtf .projects h1.title
{
    float: left;
    color: #4893b3;
    font-size: 24px;
    display: inline;
    width: auto;
    padding-left: 20px;
}
.prtf .projects span.type
{
    float: left;
    color: Gray;
    padding-left: 5px;
    font-weight: bold;
    padding-top: 15px;
}
.prtf .projects a.link
{
    float: right;
    padding-top: 10px;
    font-weight: bold;
    font-size: 11px;
    color: #0b2943;
    padding-right: 25px;
}
.prtf .box .b
{
    background: #f3f7f9;
    border: 1px solid #b9d6e3;
    padding: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.prtf .box .b h1
{
    border-bottom: 1px solid #b9d6e3;
    padding-bottom: 5px;
}
.prtf .box .b p
{
    padding-top: 5px;
}
.prtf .box .b img
{
    border: 0px;
}

.sideNav
{
    width: 250px;
    float: left;
    margin: 10px 20px 0px 0px;
}
.sideNav #services-box .services
{
    float: left;
    margin: 0px 0px 0px 0px;
}
.sideNav #contact
{
    float: left;
    margin: 0px 0px 0px 18px;
}

.headerTitle
{
    border-bottom: 1px solid #ebebeb;
    margin: 30px 15px 15px 15px;
    float: left;
    width: 930px;
}


.technology p
{
    width: 330px;
}

.process .left
{
    width: 290px;
    float: left;
    margin-right: 15px;
    text-align: right !important;
}
.process .left p
{
    text-align: right !important;
}


.process .right
{
    width: 290px;
    float: right;
    margin-left: 15px;
    margin-right: 5px;
    text-align: left !important;
}
.process .right p
{
    text-align: left !important;
}

.process .line
{
    height: 100%;
    margin: 10px 0px 10px 0px;
    background: transparent url(../Images/Subpages/Process/Dot.png) repeat-y;
}

.process .right .line
{
    height: 100%;
    margin: 10px 3px 10px 0px;
    background: transparent url(../Images/Subpages/Process/Dot.png) repeat-y;
}



.portfolio .left
{
    float: left;
}
.portfolio p
{
    margin-top: 20px;
}
.portfolio .right
{
    float: right;
}

.portfolio .gallery
{
    margin-top: 10px;
}

textarea:focus, select:focus, input:focus
{
    outline: 0;
}

.animatedTextArea 
{
    -webkit-transition: height 0.2s;
				-moz-transition: height 0.2s;
				transition: height 0.2s;
    
    }


.checkmark li
{
     list-style-image: url(../Images/ico/Checkmark.png) 
}