/*
	==========================================
	project: Mediahub Technology 
	------------------------------------------
	2010. 
	==========================================
*/



* {
margin : 0;
padding : 0;
}
:focus, :active {
outline : 0;
}
body {
font : 12px Arial, Tahoma, Sans-Serif;
color : #000;
background : #ccc;
}
a {
text-decoration : none;
color : #000;
}
a:hover {
color : #000;
}
.x {
clear : both;
}
.x1 {
clear : both;
padding : 5px;
}
p {
line-height : 22px;
margin : 0 0 22px;
color : #666;
text-align : justify;
padding-left : 1px;
}
img {
border : 0;
}
h1 {
font-size : 24px;
font-weight : normal;
margin-bottom : 15px;
}
h1#sliderheader {
font-size : 24px;
font-weight : bold;
color : #c0003a;
margin-bottom : 0;
font-family : "Georgia";
}
h1#casestudy {
font-size : 24px;
font-weight : normal;
margin-bottom : 15px;
color : #019bd9;
}
h1#companynews {
font-size : 24px;
font-weight : normal;
margin-bottom : 15px;
color : #dc3059;
}
h1#casestudy-inner {
font-size : 19px;
font-weight : normal;
margin-bottom : 5px;
color : #0463a6;
}
h1#add-ons a {
font-size : 20px;
font-weight : normal;
color : #5b5b5b;
}
h1#companynewsblock {
font-size : 12px;
font-weight : bold;
margin-bottom : 5px;
color : #2c2c2c;
padding : 5px;
padding-bottom : 3px;
}
h1#testimonialblock {
font-size : 12px;
font-weight : bold;
color : #2c2c2c;
margin : 3px;
}
h1#testimonialblock2 {
font-size : 12px;
font-weight : bold;
color : #2c2c2c;
margin : 3px;
}
h1#testimonialblock1 {
font-size : 10px;
font-weight : normal;
color : #2c2c2c;
margin : 3px;
}
h1#page a {
font-size : 11px;
font-weight : normal;
color : #2c2c2c;
margin : 3px;
}
h1#page {
font-size : 11px;
font-weight : normal;
color : #cccccc;
margin : 3px;
}
h1#sideblock {
font-size : 12px;
font-weight : bold;
color : #cc0000;
padding : 3px;
margin : 0;
}
h1#sideblock1 {
font-size : 14px;
font-weight : bold;
color : #cc0000;
padding : 0;
margin : 0;
}
h1#innerhead {
font-size : 22px;
font-weight : normal;
margin-bottom : 10px;
color : #06668e;
}
h1#portfolio {
font-size : 12px;
font-weight : bold;
color : #2c2c2c;
margin : 3px;
float : left;
padding-left : 12px;
clear : both;
}
h1#portfolio-inner {
font-size : 18px;
margin-bottom : 25px;
color : #0463a6;
}
h2 {
font-size : 14px;
font-weight : normal;
margin-bottom : 2px;
color : #333;
}
h2#casestudy-inner {
font-size : 12px;
color : #7694a8;
font-weight : bold;
}
h2#sliderinner {
font-size : 17px;
color : #afafaf;
font-family : "Georgia";
font-weight : bold;
margin : 0;
}
h2#companynewsblock {
font-size : 12px;
color : #535252;
font-weight : normal;
padding : 5px;
padding-top : 0;
padding-bottom : 2px;
}
h2#addons {
font-size : 13px;
color : #fff;
font-weight : bold;
background-color : #028ad1;
padding : 3px;
width : 255px;
text-align : center;
font-family : "Verdana";
}
h2#addons1 {
font-size : 12px;
color : #fff;
font-weight : bold;
background-color : #9caa01;
padding : 3px;
width : 135px;
text-align : left;
}
h3#portfolio a {
font-size : 12px;
color : #4a4a4a;
margin : 3px;
float : left;
clear : both;
font-weight : normal;
padding-left : 12px;
}
#sitemap_wrapper {
margin : 0 auto;
width : 940px;
display : block;
clear : both;
}
.sitemap_col {
width : 280px;
float : left;
display : block;
}
.sitemap_col1 {
width : 280px;
float : left;
margin-left : 30px;
display : block;
}
.imageborder {
border : 1px solid #ccc;
padding : 3px;
}
#bannerheader {
padding-top : 8px;
}
h3 {
font-size : 14px;
font-weight : bolder;
margin-bottom : 10px;
color : #333;
}
h3#casestudy-inner {
font-size : 12px;
color : #39535e;
font-weight : normal;
}
h4 {
font-size : 18px;
font-weight : normal;
float : left;
margin : 3px 0 10px;
width : 460px;
}
h4#testimonial {
font-size : 12px;
font-weight : normal;
color : #6a6a6a;
}
h4#testimonial_alt {
font-size : 12px;
font-weight : normal;
color : #979898;
}
#wrapper {
margin : 0 auto;
width : 980px;
background : url(../images/bg.jpg) no-repeat;
}
#logo_row {
float : left;
width : 980px;
margin-right : 0;
padding : 0;
clear : both;
background : url(../images/bg.jpg) no-repeat;
}
.logo {
padding : 20px 12px 10px;
}
#content {
background : #fff;
width : 980px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.menu {
list-style : none;
margin : 14px 25px 5px 10px;
width : 910px;
float : left;
}
.menu li {
float : left;
margin : 0 4px 0 0;
}
.menu li a {
display : block;
font-size : 12px;
padding : 4px 22px;
border : 1px solid #fff;
font-weight : bold;
}
.menu a:hover, .menu li.current a {
border : 1px solid #ddd;
color : #c6013e;
}
.menu li ul {
display : block;
background : #fff;
margin : -1px 0 0;
position : absolute;
display : none;
z-index : 2;
border : 1px solid #ddd;
font-weight : normal;
}
.menu li ul li {
float : none;
display : inline;
margin : 0;
padding : 0;
font-weight : normal;
}
.menu li ul li a {
width : auto;
margin : 4px;
white-space : nowrap;
font-weight : normal;
}
#search {
float : right;
width : 275px;
margin : 23px 18px;
display : inline;
padding-top : 5px;
}
#search .text {
width : 227px;
height : 16px;
border : 1px solid #ddd;
padding : 5px;
float : left;
color : #888;
}
#search .submit {
float : right;
border : 0;
background : #000 url(../images/search.gif) no-repeat center 8px;
width : 32px;
height : 28px;
padding-top : 1px;
}
#pitch {
margin-bottom : 30px;
}
#pitch .infoline {
margin-top : -70px;
padding : 25px 0 25px 25px;
background : #000;
font-size : 18px;
width : 955px;
height : 18px;
color : #fff;
}
.pitch-gallery {
overflow : hidden;
width : 980px;
position : relative;
}
.pitch-gallery-holder {
width : 3920px;
position : relative;
top : 0;
left : 0;
}
.pitch-gallery-div {
float : left;
}
#left {
width : 600px;
float : left;
margin-left : 25px;
display : inline;
border-right : 1px solid #ccc;
padding-right : 36px;
clear : both;
}
#left form {
padding-left : 45px;
}
#left label {
float : left;
display : block;
clear : both;
padding : 3px 0;
color : #666;
font-weight : normal;
width : 150px;
}
#left .lcurrent {
font-weight : bold;
}
#left label img {
vertical-align : middle;
}
#left input.text, textarea {
float : left;
margin : 0 5px 10px 0;
padding : 7px;
width : 350px;
border : 1px solid #ccc;
}
#left textarea {
height : 200px;
}
#left select {
width : 366px;
}
#left input:focus {
border-color : #aaa;
}
#left textarea:focus {
border-color : #aaa;
}
.error {
font-size : 10px;
color : #666;
margin : 0 0 10px 150px;
display : none;
}
#left .submit {
border : 0;
background : #000;
color : #fff;
padding : 5px;
float : left;
margin-left : 150px;
}
#left_inner_details input.text, textarea, form {
color : #013f74;
font-size : 14px;
}
#contactrow {
width : 330px;
padding-bottom : 9px;
height : 25px;
}
#contactbox {
width : 530px;
padding : 30px;
background : #e4e4e4;
border : 2px dotted #cccccc;
}
ul {
color : #666;
margin : 0 0 10px 30px;
line-height : 18px;
}
ol {
color : #666;
margin : 5px 0 5px 30px;
line-height : 18px;
}
#contact-back {
margin : 12px 40px 0 0;
float : right;
}
.post {
position : relative;
margin-bottom : 20px;
height : 127px;
}
.post-options {
position : relative;
margin : -37px 0 40px 0;
font-size : 10px;
color : #666;
}
#right {
width : 260px;
float : right;
margin-right : 25px;
display : inline;
}
.right {
width : 260px;
float : right;
margin-right : 25px;
display : inline;
}
#left_inner {
width : 650px;
float : left;
margin-left : 18px;
border-right : 1px solid #ccc;
padding-right : 15px;
}
#left_inner_details {
width : 635px;
float : left;
margin-left : 18px;
border-right : 1px solid #ccc;
padding-right : 15px;
text-align : justify;
}
#right_inner {
width : 270px;
float : right;
margin-left : 5px;
display : inline;
height : 650px;
}
#inner_row {
float : left;
width : 650px;
margin-right : 0;
padding : 0;
clear : both;
}
#leftcell {
float : left;
}
#rightcell {
float : right;
}
#rightcell_testimonial {
float : right;
width : 500px;
text-align : justify;
}
#rightcell_casestudy {
float : right;
width : 390px;
text-align : justify;
color : #6a6a6a;
padding-right : 8px;
}
#inner_header {
margin-bottom : 25px;
}
.inner {
float : left;
width : 310px;
margin-right : 0;
border : 1px solid #ccc;
padding-left : 0;
}
.innerimage {
float : left;
width : 125px;
}
.innerblock {
float : right;
background : #fff;
margin : 3px;
width : 170px;
color : #6d6d6d;
font-size : 11px;
padding-left : 1px;
}
.clientblock {
border : 5px solid #009ad7;
width : 235px;
padding : 5px;
}
.quicklinkbox {
margin-top : 10px;
padding : 3px;
border : 1px solid #e2e3e3;
height : auto;
background-repeat : no-repeat;
background-position : right center;
float : left;
width : 600px;
clear : left;
display : block;
}
#quicklinkleftcell {
float : left;
width : 420px;
padding : 5px;
}
#quicklinkrightcell {
float : right;
padding : 5px;
display : table-cell;
vertical-align : middle;
margin-bottom : 5%;
}
#inner_top {
padding : 20px;
padding-top : 8px;
}
#feature {
margin-left : 25px;
padding-bottom : 10px;
}
.small-post {
float : left;
width : 260px;
margin-right : 75px;
}
.small-post1 {
float : left;
width : 598px;
margin-right : 0;
border : 1px solid #ccc;
background : #e2f0f5;
}
.small-post2 {
float : left;
width : 598px;
margin-right : 0;
border : 1px solid #ccc;
padding-left : 0;
}
.portfolio {
float : left;
width : 215px;
}
.portfolio img {
border : 1px solid #ccc;
padding : 3px;
margin-bottom : 5px;
}
#portfoliohead {
width : 650px;
float : left;
}
.casestudyleft {
float : left;
width : 280px;
margin : 3px;
height : 78px;
padding : 5px;
border-right : 1px solid #b9ced9;
}
.casestudyright {
float : right;
margin : 3px;
width : 280px;
height : 78px;
padding : 5px;
}
.companynewsimage {
float : left;
width : 199px;
}
.companynewsblock {
float : right;
background : #dedede;
margin : 3px;
width : 371px;
height : 78px;
}
.testimonial {
float : left;
width : 250px;
margin-right : 0;
border : 1px solid #ccc;
padding-left : 0;
}
.testimonialimage {
float : left;
width : 90px;
}
.testimonialblock {
float : right;
background : #fff;
margin : 3px;
width : 150px;
font-size : 11px;
}
.last {
margin-right : 0;
}
#feature ul {
margin-top : -11px;
}
#footer {
color : #666;
font-size : 11px;
margin : 15px 0 20px 10px;
width : 200px;
float : left;
}
#footer1 {
color : #666;
font-size : 11px;
margin : 15px 20px 0 10px;
float : right;
display : block;
}
.post-info {
font-size : 11px;
color : #999;
}
.read-more {
background : url(../images/link.gif) no-repeat left center;
padding-left : 13px;
font-size : 11px;
color : #cc0000;
font-weight : bold;
}
.more {
padding-left : 13px;
font-size : 10px;
float : right;
color : #890525;
}
.more_left {
font-size : 10px;
float : right;
color : #890525;
padding-right : 10px;
}
.more_inner {
font-size : 11px;
float : left;
color : #9f092c;
padding : 0;
margin : 0;
padding-top : 2px;
font-weight : bold;
}
.more_portfolio {
font-size : 11px;
float : right;
color : #154b63;
padding : 0;
margin : 0;
font-weight : bold;
}
.breadcrumb {
font-size : 11px;
color : #757575;
}
.breadcrumb a {
font-size : 11px;
color : #015d78;
}
.breadcrumb a:hover {
font-size : 11px;
color : #000;
}
.breadcrumbinactive {
font-size : 11px;
color : #b7b7b7;
}
.break {
margin : 30px 0;
display : block;
}
.break1 {
border-top : 1px dotted #ccc;
margin : 30px 0;
display : block;
}
.break2 {
border-top : 1px dotted #979797;
margin : 10px 0;
display : block;
margin-left : 0;
}
.no-border {
border : 0;
}
.break3 {
border-top : 1px dotted #ccc;
margin : 30px 2px 2px 2px;
display : block;
width : 935px;
}
.space {
margin-bottom : 20px;
}
div.banner {
background-color : #ecedef;
margin : 0;
font-size : 80%;
font-weight : bold;
line-height : 1.1;
text-align : center;
position : fixed;
top : 24em;
left : auto;
width : 30px;
right : 0;
padding-top : 5px;
padding-bottom : 5px;
border : 1px solid #bababa;
}
body > div.banner {
position : fixed;
}
.sel {
color : #fff;
font-weight : bold;
}
#scroll_content {
width : 600px;
}
.marqueecontainer {
position : relative;
overflow : hidden;
height : 70px;
padding : 5px;
}
ul.sitemap {
list-style : none;
}
ul.sitemap li {
margin : 0;
list-style : none;
}
ul.sitemap li a {
list-style : none;
padding-left : 13px;
background-image : url(../images/bullet.gif);
background-repeat : no-repeat;
background-position : left;
clear : both;
}
ul.sitemap li a:hover {
color : #ff6b17;
}
ul.featureside {
list-style : none;
margin : 0 0 0 9px;
padding : 0;
}
ul.featureside li {
list-style : none;
padding-left : 13px;
background-image : url(../images/bullet1.jpg);
background-repeat : no-repeat;
background-position : left;
clear : both;
vertical-align : text-top;
}
.ddimgtooltip {
display : none;
position : absolute;
border : 1px solid #999999;
background : white;
color : black;
z-index : 2000;
padding : 4px;
font-weight : bold;
font-size : 16px;
}