body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #212121;
}
img{ border:none;}
p,li, textarea, input{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#464646;}

a{
	text-decoration: none;
	color: #A0002D;
}
a:hover{
	text-decoration: underline;
}
h1,h2,h3,h4{margin: 0px;padding: 0px;}

h2{
	font-size: 24px;
	color: #111111;
}
h1{
	margin-bottom: 0.5em;
	color: #121212;
}
h1.big{
	font-size: 5em;
	color: #121212;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.2em;
	margin-left: 0px;
}
h3{
	font-size:40px;
	color:#464646;
	margin-bottom:20px;
}
.col-left-content h3{
	text-transform: lowercase;
}
h3.packages-pricing{ font-size:30px;}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{ clear:both;}
table{
	font-size: 11px;
	color: #666666;
}
#Container{
	width: 100%;
	background-color: #212121;
}
#slideshow{
	text-align: center;
	width: 100%;
}
.ContentWrap{
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	padding-top: 50px;	
    background-color: #FFF;
}
#Content{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;		
}
#Header{
	margin: 0px;
	padding: 0px;
	background-color: #212121;
	overflow:hidden;
}
.header-upper{
	width: 100%;
	background-color: #323232;
	padding-top: 4px;
	padding-bottom: 4px;
}
.header-upper-info{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
.header-upper-info p{
	color: #999;
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
}
.header-upper-info p a{
	color: #DF000C;
	text-transform: capitalize;
}
.header-inner{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 35px;
}
.logo{
	background-image: url(../images/modemedia_logo.gif);
	background-repeat: no-repeat;
	height: 71px;
	width: 88px;
	float: left;
	display: block;
}
.logo h1{
	display: none;

}
#flashcontent{ clear:both;}

#TopNav{
	float: right;
	margin-top: 40px;
}
#TopNav ul{

}
#TopNav ul li{
	font-size: 16px;
	display: inline;
	text-transform: capitalize;
}
#TopNav ul li a{
	color: #c8c8c8;
	margin-left: 40px;
	text-decoration: none;
	font-weight: normal;
}
#TopNav ul li a:hover{
	color: #DF000C;
}







/*top nav style*/
.top-nav{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.top-nav a{
	display: block;
}




#Footer{
	width: 100%;
	clear: both;
	background-color: #212121;
}
#Footer a{
	color: #626262;
	text-decoration: none;
}
#Footer a:hover{
	color: #848484;
	text-decoration: none;
}
.footer-inner{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-bottom{
	width: 100%;
	clear: both;
	height: 40px;
}
.copyrights{
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}
.quick-link-last{
	float: right;
}
.quick-link{
	float: left;
	margin-right: 30px;
	width: auto;
}
.quick-link ul{
	padding:0px;
	margin: 0px;
	list-style-type: none;
}


/*.col-box{
	width: 980px;
	float: left;
	padding-bottom: 40px;
}*/
.2-col-left{
	width:600px;
	float: left;
}
.2-col-right{
	width: 320px;
	float: right;
}
.col-box{
	float: left;
	width: 980px;
}
.col-left-content{
	width:680px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.view-project-details-btn{
	height: 27px;
	width: 176px;
	position: absolute;
	top: 245px;
	left:0px;
	background-image: url(../images/view_project_details_btn.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}
.breadcrumb{
	width: 980px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.subpage{
	width: 260px;

}
.subpage ul{
	padding: 0px;
	list-style-type: none;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.subpage li{
	font-size: 14px;
	display: block;
}
.subpage li a{
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 6px;
}
.subpage li a:hover{
	color: #FFFFFF;
	background-color: #CC0000;
}
.subpage li a.select{
	color: #FFFFFF;
	background-color: #FF0000;
}
.page-heading{
	float: left;
}
.sub-heading{
	clear:both;
}
.sub-heading ul{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;

}

.sub-heading a{color: #FFF; text-decoration:none;	}
.sub-heading li{
	background-color: #666666;
	list-style:none;
    padding: 4px 8px;
	font-size: 35px;
	display:block;
	color: #FFF;
	float:left;
	margin-right:20px;
}

.sub-heading li.select{
	background-image: url(../images/sub_heading_arrow.png);
	background-repeat: no-repeat;
	background-position: center 100%;
	padding-bottom: 12px;
}


.contact-details-box{
	background-color: #333333;
	width: 240px;
	padding: 14px;
}
.contact-details-box p{
	color: #CCCCCC;
}
.contact-details-box a{
	color: #FF3300;
}
.contact-details-box a:hover{
	color: #0099CC;
}


#portfolio img{
	border: 1px solid #CCCCCC;
}

.case-details-image{
	margin-bottom: 20px;
}
/*** set the width and height to match your images **/

#slideshow, #slideshow-static{
    position:relative;
    height:320px;
	overflow:hidden;
}

#slideshow DIV, #slideshow-static DIV{
    position:absolute;
	width: 2000px;
	margin-left: -1200px;
	margin-bottom: -160px;
	height: 320px;
	left: 50%;
	bottom: 50%;
    z-index:8;

}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 320px;
    display: block;
    border: 0;
	z-index:-9;
}
#slideshow DIV.overtop {
	width: 980px;
	margin-left: -490px;
	margin-bottom: -160px;
	height: 320px;
	left: 50%;
	bottom: 50%;
    z-index:99;
	display:block;
}


.slideshow-box{
	width: 980px;
	position: relative;
	left: 1120px;
	top: 0px;
}
.slide-show-left{
	float: left;
	width: 380px;
	
}
.slide-show-right{
	float: right;
	width: 600px;

}

.side-box{ margin-top:20px;}
/* quick navigation */

#navigation {
  list-style: none;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 70px;
	position: relative;
	display: block;
}

/* individual navigation items */
#navigation a.web {
	background-position: 0 0;
	width: 245px;
	height:88px;
	background-image: url(../images/quick_nav_webdesign.png);	
}

#navigation .highlight a.web:hover,
#navigation a.web .hover {
	background-position: 0 0;
	width: 245px;
	height:88px;
	background-image: url(../images/quick_nav_webdesign_hover.png);
}

#navigation a.graphic {
	background-image: url(../images/quick_nav_graphicdesign.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 245px;
	height:88px;
}

#navigation .highlight a.graphic:hover,
#navigation a.graphic .hover {
	background-image: url(../images/quick_nav_graphicdesign_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 245px;
	height:88px;
}
#navigation a.print {
	background-image: url(../images/quick_nav_print.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 245px;
	height:88px;
}
#navigation .highlight a.print:hover,
#navigation a.print .hover {
	background-image: url(../images/quick_nav_print_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 245px;
	height:88px;
}
#navigation a.retailconcepts {
	background-image: url(../images/quick_nav_retailconcepts.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 245px;
	height:88px;
}
#navigation .highlight a.retailconcepts:hover,
#navigation a.retailconcepts .hover {
	background-image: url(../images/quick_nav_retailconcepts_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 245px;
	height:88px;
}




#footerenquiry input{
	background-color: #393939;
	border: 1px solid #565656;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#makeenquiry, #makeenquiry select, #makeenquiry textarea{
    color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#makeenquiry input{
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
#makeenquiry input{
	background-color: #FFFFFF;
	border: 1px solid #999999;
}


/*#reveal-btn{
	background-image: url(../images/reveal_btn.png);
	background-repeat: no-repeat;
	display:block;
	height: 26px;
	width: 980px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	background-position: 958px;
	z-index: 9999;
	top: 26px;
	position: relative;
}
*/
#solution-man{
	height: 430px;
	width: 285px;

	margin-left:auto;
	margin-right:auto;
}


.case-box{
	width: 297px;
}
.case-heading{font-size:16px;}
.services-box{ width:216px;}
.services-box ul{
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.services-box li{
	list-style-type: none;
	height: 21px;
}


#client-logos{ padding-top:40px; clear:both;}


.design-block{
	width:74px;
	height:64px;
	background-image: url(../images/design_box.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}
.design-block a:hover{
	width:74px;
	height:64px;
	background-image: url(../images/design_box_over.gif);
	background-repeat: no-repeat;
}