/* header section */

body
{
margin:0px auto;
padding:0px;
height:41px;
background-image:url(../images/bg-black.gif);
background-repeat:repeat-x;
background-position:left top;
}

#div-header
{
width:953px;
margin:0px auto;
height:41px;
overflow:hidden;
background:#ffffff;
}

#home
{
float:left;
width:153px;
height:40px;
background:url(../images/bg-home.jpg) no-repeat;
}

#evi
{
float:left;
width:158px;
height:40px;
background:url(../images/bg-evi.jpg) no-repeat;
}

#design
{
float:left;
width:202px;
height:40px;
background:url(../images/bg-design.jpg) no-repeat;
}

#portfolio
{
float:left;
width:154px;
height:40px;
background:url(../images/bg-portfolio.jpg) no-repeat;
}

#blog
{
float:left;
width:123px;
height:40px;
background:url(../images/bg-blog.jpg) no-repeat;
}

#contact
{
float:left;
width:162px;
height:40px;
background:url(../images/bg-contact.jpg) no-repeat;
}

#home p, #evi p, #design p, #portfolio p, #blog p, #contact p
{
font-size:16px;
font-family:calibri, tahoma, arial, arial narrow, times new roman, verdana;
color:#040404;
padding:12px 0px 0px 0px;
margin:0px;
text-align:center;
}

#home p a, #evi p a, #design p a, #portfolio p a, #blog p a, #contact p a
{
font-size:16px;
font-family:calibri, tahoma, arial, arial narrow, times new roman, verdana;
color:#040404;
padding:0px;
margin:0px;
text-decoration:none;
font-weight:bold;
}

#home p a:hover, #evi p a:hover, #design p a:hover, #portfolio p a:hover, #blog p a:hover, #contact p a:hover, 
#home p a.selected, #evi p a.selected, #design p a.selected, #portfolio p a.selected, #blog p a.selected, #contact p a.selected 
{
font-size:16px;
font-family:calibri, tahoma, arial, arial narrow, times new roman, verdana;
color:#e5121c;
padding:0px;
margin:0px;
text-decoration:none;
font-weight:bold;
}



#main-page
{
width:100%;
margin:0px auto;
padding:0px;
background-image:url(../images/bg-box.gif);
background-repeat:repeat-both;
background-position:left top;
}

#main-page-container
{
width:953px;
margin:0px auto 0px auto;
background-image:url(../images/bg-main.gif);
background-repeat:repeat-y;
background-color:#ffffff;
}

#main-content-wrapper
{
width:900px;
margin:0px;
height:auto;
padding:21px 24px 1px 27px;
}

#main-content-wrapper h2
{
font-size:22px;
font-family:calibri, verdana, times new roman;
color:#e5121c;
margin:0px;
padding:20px 0px 7px 0px;
}

#div-gui 
{
float:right;
padding:0px 0px 10px 20px;
margin:0px;
width:292px;
height:166px;
}

#div-gui .image-heading
{
font-size:12px;
font-family:georgia, calibri, arial, arial narrow;
color:#e5121c;
margin:0px;
font-weight:bold;
padding:0px 0px 4px 0px;
}

#logo
{
float:left;
height:auto;
width:175px;
margin:0px;
height:100px;
padding:0px 0px 0px 0px;
}

#logo-detail
{
float:left;
height:100px;
width:330px;
margin:0px;
overflow:hidden;
padding:0px 0px 0px 0px;
text-align:left;
}

#logo-detail .heading1
{
font-size:22px;
font-family:calibri, arial, tahoma, arial, arial narrow, verdana, times new roman;
font-weight:bold;
color:#282828;
padding:15px 0px 0px 0px;
margin:0px;

}

#logo-detail .heading2
{
font-size:13px;
font-family:arial,  tahoma, arial narrow, verdana, times new roman;
font-weight:normal;
color:#979696;
padding:0px 0px 0px 3px;
margin:0px;
}

#quotes
{
float:right;
padding:0px;
margin:0px;
width:380px;
height:100px;
text-align:left;
}

#quotes .class2
{
margin:0px 0px 0px 0px;
padding:0px 10px 5px 3px;
font-size:12px;
color:#333333;
line-height:16px;
font-family:Verdana, Arial, times new roman !important;
font-weight:normal;
font-style:italic;
text-align:left;
}

#quotes .class3
{
margin:0px;
font-weight:bold;
font-style:italic;
font-size:11px;
padding:0px 20px 0px 0px;
float:right;
color:#e5121c;
font-family:verdana, arial, arial narrow, times new roman;
font-weight:normal;
text-align:left;
}

#div-clear
{
clear:both;
}

.clr
{
clear:both;
}



body a
{
outline:none;
}

/* header section ends */


/* here starts footer */

#black-line
{
width:953px;
margin:0px 0px 0px 0px;
padding:0px;
height:4px;
overflow:hidden;
background-image:url(../images/black-line.gif);
background-repeat:no-repeat;
}

#footer
{
width:953px;
margin:0px auto 0px auto !important;
padding:10px 0px 0px 0px !important;
height:47px;
background-color:#ffffff;
background-image:url(../images/bg-footer.gif);
background-repeat:no-repeat;
background-position:left 10px !important;
}

#footer p
{
margin:0px;
padding:7px 0px 0px 20px;
}

#footer .copyright
{
margin:0px;
padding:18px 0px 10px 270px;
color:#333333;
font-family:calibri, arial, verdana, tahoma, times new roman;
font-size:12px;
float:left;
}

#footer a 
{
font-size:16px;
color:#040404;
font-family:calibri, verdana, tahoma, times new roman, arial;
font-weight:bold;
text-decoration:none;
padding:0px 30px 0px 35px;
}

#footer a:hover
{
color:#e5121c;
}

#footer a.email
{
margin:0px;
float:left;
padding:18px 0px 0px 0px;
color:#e5121c;
font-weight:normal !important;
font-family:calibri, arial, verdana, tahoma, times new roman !important;
font-size:12px;
}

#footer a:hover.email
{
text-decoration:underline;
}




/* footer end */




/* here starts content part of the  design services page */

#design-services-main h1
{
margin:0px;
padding:5px 0px 12px 0px;
color:#e5121c;
font-family:calibri, arial, times new roman, tahoma;
font-size:22px;
}

#left-content
{
float:left;
margin:0px;
padding:12px 0px 0px 0px;
width:160px;
}

#left-content p, #left-content a, #left-content img
{
margin:0px !important;
padding:0px !important;
}

#right-content
{
float:left;
margin:12px 0px 0px 20px;
padding:0px;
width:710px;
}

#right-content h2
{
margin:0px;
padding:0px 0px 0px 0px;
color:#e5121c;
font-family:calibri, arial, times new roman, tahoma;
font-size:20px;
}

#right-content h3
{
margin:0px;
padding:12px 0px 0px 0px;
color:#e5121c;
font-family:calibri, arial, times new roman, tahoma;
font-size:17px;
font-weight:bold;
}

#right-content p.italics
{
font-size:16px;
color:#333333;
font-family:calibri, arial, arial narrow, times new roman;
font-style:italic;
}

#right-content h4
{
font-size:15px;
font-family:calibri, arial, times new roman, tahoma;
color:#e5121c;
padding:10px 0px 0px 0px;
margin:0px 0px -4px 0px;
font-weight:normal;
line-height:19px;
}

#right-content p
{
font-size:12px;
font-family:arial, tahoma, times new roman;
color:#333333;
padding:12px 0px 0px 0px;
margin:0px;
line-height:19px;
}

#right-content ul
{
margin:0px;
padding:12px 0px 0px 30px;
}

#right-content ul li
{
color:#333333;
font-size:12px;
font-family:arial, times new roman, tahoma;
margin:0px;
padding:2px 0px 3px 0px;
}

#design-right-image-wireframe
{
float:right;
width:292px;
margin:0px;
padding:0px 0px 15px 20px;
}

#design-right-image-wireframe p
{
margin:0px !important;
padding:10px 0px 5px 0px !important;
color:#e5121c !important;
font-size:14px !important;
font-family:calibri, arial, tahoma, times new roman !important;
}

/* here ends content part of the design services page */


/* here starts mobile applications, design management and social media */

#mobile-apps
{
float:left;
width:890px;
border:0px solid #ccc;
margin:0px;
padding:0px;
}

#mobile-apps p
{
font-size:12px;
font-family:arial, tahoma, times new roman;
color:#333333;
padding:12px 0px 0px 0px;
margin:0px;
line-height:19px;
}
#mobile-apps ul
{
margin:0px;
padding:12px 0px 0px 30px;
}

#mobile-apps p.big
{
font-size:19px;
color:#666666;
font-weight:bold;
font-style:italic;
font-family:calibri, arial, arial narrow, times new roman;
}

#mobile-apps ul li
{
color:#333333;
font-size:12px;
font-family:arial, times new roman, tahoma;
margin:0px;
padding:2px 0px 3px 0px;
}

#mobile-apps  h2
{
margin:0px;
padding:5px 0px 0px 0px;
color:#e5121c;
font-family:calibri, arial, times new roman, tahoma;
font-size:20px;
}

#mobile-apps h3
{
margin:0px;
padding:12px 0px 0px 0px;
color:#e5121c;
font-family:calibri, arial, times new roman, tahoma;
font-size:17px;
font-weight:bold;
}

#mobile-apps h4
{
font-size:15px;
font-family:calibri, arial, times new roman, tahoma;
color:#e5121c;
padding:10px 0px 0px 0px;
margin:0px 0px -4px 0px;
font-weight:normal;
line-height:19px;
}

#mobile-apps a
{
font-size:14px;
text-decoration:none;
color:#e5121c;
font-family:calibri, arial, times new roman, tahoma;
font-weight:normal;
}

#mobile-apps a:hover
{
text-decoration:underline;
}

/* ends mobile, design management, social media */


#about-diagram
{
float:right;
width:300px;
margin:0px;
padding:10px 130px 0px 0px;
}

#team-diagram
{
float:right;
width:170px;
margin:0px;
padding:17px 10px 0px 0px;
}

#bulleted-information ol li
{
font-size:14px;
color:#e5121c;
font-family:calibri, arial, times new roman, tahoma;
padding:0px 0px 0px 0px;
margin:0px;
}

#bulleted-information ul li
{
color:#333333 !important;
font-family:arial, times new roman, tahoma !important;
font-size:12px;
margin:0px;
padding:0px 0px 5px 0px !important;
list-style-type:disc !important;
}


/* here starts clients page */

#clients-page h5
{
font-size:15px;
color:#333333;
font-family:calibri, arial, arial narrow, times new roman;
font-weight:normal;
font-style:italic;
margin:0px;
text-align:justify;
padding:10px 35px 0px 10px;
}

#clients-page h6
{
font-size:14px;
color:#e5121c;
font-family:calibri, arial, arial narrow, times new roman;
font-weight:normal;
font-style:italic;
margin:-4px 0px 5px 0px;
padding:0px 40px 10px 10px;
text-align:right;
}


#clients-page-clients
{
width:710px;
border:0px solid #ccc;
margin:0px 0px 0px 14px;
padding:0px;
}

.clients
{
float:left;
border:0px solid #000;
width:195px;
height:190px;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../images/bg-main-navigation.gif) no-repeat;
}

.clients-image
{
width:175px;
height:128px;
margin:0px;
padding:0px;
text-align:center;
overflow:hidden;
float:left;
border:0px solid #000;
}

.clients-name
{
width:175px;
height:43px;
height:auto;
float:left;
margin:0px;
padding:0px;
background:url(../images/bg-client-name.gif) no-repeat;
}

.clients-name table
{
margin:-7px 0px 0px 0px;
padding:0px;
border:0px solid #000;
height:50px;
}

.clients-name td
{
font-family:verdana;
border:0px solid #ddd;
font-size:10px;
height:40px;
font-weight:bold;
color:#e31e27;
text-align:center;
margin:0px;
padding:0px 4px 0px 4px;
vertical-align:middle;
text-align:center;
}



/* contact us page */


#left-content-contact
{
float:left;
margin:0px 0px 0px 40px;
padding:12px 0px 30px 0px;
width:260px;
border:0px solid #ccc;
}


#left-content-contact h3
{
font-size:16px;
font-weight:normal;
color:#e5121c;
margin:0px;
padding:0px;
font-family:calibri, arial, arial narrow, times new roman;
}

#left-content-contact p
{
font-size:12px;
font-weight:normal;
color:#333333;
margin:0px;
padding:5px 0px 10px 10px;
line-height:19px;
font-family:arial, calibri, arial, calibri, arial, arial narrow, times new roman;
}

#left-content-contact p a
{
font-size:14px;
font-weight:normal;
color:#e5121c;
color:#333333;
font-family:calibri, arial, calibri, arial, arial narrow, times new roman;
text-decoration:none;
}

#left-content-contact p a:hover
{
text-decoration:underline;
color:#e5121c;
}

#metastudios-address-form
{
width:500px;
height:300px;
float:left;
margin:0px;
padding:0px 0px 0px 30px;
border:0px solid #000;
}

#metastudios-address-form p 
{
font-weight:bold;
font-size:18px;
font-family:calibri, arial, times new roman;
color:#e5121c;
}

#metastudios-address-form form label
{
width:130px;
float:left;
text-align:right;
margin:0px 0px 10px 0px;
padding:0px 9px 0px 0px;
font-weight:normal;
color:#e5121c;
color:#333333;
font-family:calibri, arial, arial narrow, calibri, times new roman;
font-size:14px;
}

#metastudios-address-form form input{
margin:0px 0px 10px 0px;
color:#333333;
font-family:arial, arial narrow, times new roman, tahoma, verdana;
font-size:12px;
text-align:left;
padding:0px;
}

#metastudios-address-form form textarea
{
margin:0px 0px 10px 0px;
}

#right-content-contact
{
float:left;
margin:0px 0px 0px 30px;
padding:0px;
width:530px;
}


/* index page starts here */

#home-content
{
width:650px !important ;
float:left !important;
margin:0px !important;
padding:0px !important;
border:0px solid #ccc;
}

#home-content h2
{
margin:0px !important;
padding:0px !important;
font-size:22px;
color:#e5121c;
font-family:calibri, times new roman, tahoma, arial;
}

#home-content p
{
margin:0px;
padding:11px 0px 0px 0px;
font-size:12px;
color:#333333;
line-height:18px;
text-align:justify;
font-family:arial, calibri, times new roman, tahoma, arial;
}

#home-content a.default
{
font-size:12px;
color:#666666;
font-family:arial, tahoma, times new roman;
font-weight:bold;
text-decoration:none;
}

#home-content a:hover.default
{
font-size:12px;
text-decoration:underline;
color:#666666;
font-family:arial, tahoma, times new roman;
font-weight:bold;
}


#home-content p a
{
font-size:14px;
color:#e5121c;
font-family:calibri, arial, calibri, times new roman, tahoma, arial;
text-decoration:none;
}

#home-content p a:hover
{
font-size:14px;
color:#e5121c;
font-family:calibri, arial, calibri, times new roman, tahoma, arial;
text-decoration:underline;
}

#home-image
{
width:215px;
float:right;
padding:0px 10px 0px 0px;
margin:0px 0px 0px 0px;
}

#home-image p
{
margin:0px;
padding:5px 0px 0px 0px;
font-size:12px;
color:#333333;
line-height:18px;
text-align:center;
font-family:arial, calibri, times new roman, tahoma, arial;
}

#home-image p a
{
font-size:12px;
color:#e5121c;
font-family:calibri, arial, calibri, times new roman, tahoma, arial;
text-decoration:none;
}

#home-image p a:hover
{
font-size:12px;
color:#e5121c;
font-family:calibri, arial, calibri, times new roman, tahoma, arial;
text-decoration:underline;
}

#black-linee
{
width:890px;
overflow:hidden;
margin:0px;
padding:10px 0px 10px 0px;
}




#view-buttons
{
width:178px;
height:18px;
float:right;
padding:12px 0px 0px 0px;
margin:0px;
background:#fff;
overflow:hidden;
}
/* index page ends here */