form, ul, li, h1, h2, h3, h4, h5, h6, p, label, input, textarea, select, sup, sub, address, marquee{margin: 0; padding:0;}

body{background: #222127;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666;
	margin: 0 auto;}

html{outline: none;}

a{outline: none; text-decoration: none; color: #666;}
p a{color:#333333;}
p a:hover {color:#333333;}
a:hover{text-decoration: underline; color: #666;}
img{ border: none;}

h1{ font: normal 21px/30px Arial, Helvetica, sans-serif;
	color: #666;}

h2{ font: normal 20px Arial, Helvetica, sans-serif;
	color: #666;}
	
h5{ font: normal 23px/23px Arial, Helvetica, sans-serif;
	color: #003B78; margin-bottom:10px; margin-top:10px; line-height:130%;}
	
h6{ font: bold 14px Arial, Helvetica, sans-serif;
	color: #85770A;  margin-bottom:7px;}
	
h7{ font: bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;
	color: #85770A; height:25px; display:block;}
	

#page{overflow: hidden;}
/*header start here*/
#header{background: #ffffff url(../images/header-bgx.gif) repeat-x;}
#inner-header{background: #ffffff url(../images/header-bgx.gif) left bottom repeat-x;}

#inner-container p{ padding:0 0 15px 0;}

#main-header{ width: 925px; margin: 0 auto; clear:both; }

#main-header .homepage{ position:relative;}
#main-header .homepage .desktop{ position: absolute; height: 270px; width:348px; display:block; bottom: 0; right:0;}

#container{ border-top: solid 1px #E6E6E6;	background: #F2F2F2; padding: 20px 0 10px;}
#inner-container{background: white; padding: 20px 0;}

#header-top{ height:93px; z-index:100;}
#header-top h1{ float: left; padding-top:30px;}
#header-top h1 a{ background:url(../images/modis-solutions-logo.gif) no-repeat; height: 48px; width: 188px; display: block; text-indent: -999999px; }
/*
#header-top ul.top-nav{ float: left; overflow: hidden; padding: 20px 65px 0 96px;}
#header-top ul.top-nav li{ float: left; list-style: none;}
#header-top ul.top-nav li a{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #666; padding: 0 8px 8px 8px; text-decoration: none; display: block; letter-spacing: 1px}
#header-top ul.top-nav li a:hover, #header-top ul.top-nav li a.active{ background: url(../images/top-nav-arrow.gif) center bottom no-repeat; text-decoration: none; color:#003B78;}
*/
#header-top .call{ float: left; font: bold 14px/18px Arial, Tahoma, Verdana, sans-serif; color:#636363; padding-top:30px;}
#header-top .call strong{ font: bold 18px/20px Arial, Tahoma, Verdana, sans-serif; display: block;}

#main-header ul.pagging{ display:block; overflow: hidden; padding:0px 0px 10px 0px;}
#main-header ul.pagging li{ list-style: none; float:left;}
#main-header ul.pagging li a{ font: normal 18px/20px Arial, Tahoma, Verdana, sans-serif; padding: 0 10px 0 15px; background: url(../images/right-arrow.gif) left 4px no-repeat; display:block;}
#main-header ul.pagging li a:hover{ color: #85770A; text-decoration: none;}
#main-header ul.pagging li a.main{ background: none; padding: 0 10px 0 0; color: #ADADAD;}

ul.pagging{ display:block; overflow: hidden; padding:0px 0px 10px 0px;}
ul.pagging li{ list-style: none; float:left;}
ul.pagging li a{
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	padding: 0 12px 0px 0px;
	background: url(../images/right-arrow.gif) no-repeat right 2px;
	display:block;
	margin-right: 5px;
}
ul.pagging li a:hover{ color: #85770A; text-decoration: none;}
ul.pagging li a.main{ padding: 0 12px 0px 0px; color: #85770A;}

#breadcrumbs{ width: 100%; background: #F2F2F2;}
#breadcrumbs-inner{ width: 925px; margin: 0 auto; clear:both; overflow: hidden;}

/*header end here*/

#main-container, #main-footer{ width: 925px; margin: 0 auto; clear:both; overflow: hidden;}

#right-nav .top-area h1 {width: 640px; height:40px; background-color:#F2F2F2; padding-top:5px; padding-left:10px; color:#003B78; }

#about-us{ overflow: hidden; padding-bottom: 15px;}
#about-us .box{ float: left; background: url(../images/right-bor.gif) right top repeat-y; padding-right: 40px;}
#about-us .box h2{  padding-left: 22px; color: #003B78; }
#about-us .box h2 a{  color: #003B78; font-size:20px; }
#about-us .box h2 a:hover{  color: #003B78; font-size:20px; }
#about-us .box p{ padding: 0 0 15px 0;}
#about-us .box a{ color: #85770A; font: normal 13px/18px Arial, Tahoma, Verdana, sans-serif; text-decoration: none;}
#about-us .box a:hover{ color: #85770A; text-decoration: none;}
#about-us .box .support{ background: url(../images/support-icon.jpg) no-repeat 15px 10px; padding: 10px 0 0 90px; text-align: justify; width: 190px;height:100px;}
#about-us .box .solution{ background: url(../images/solution-icon.jpg) 8px 10px no-repeat; padding: 10px 0 0 110px; text-align: justify; width: 190px;}

#about-us .vendors{ float: left; padding-left: 22px; }
#about-us .vendors h2{ color: #003B78;}
#about-us .vendors h2 span{ color: #003B78; font-size:10px;}
#about-us .vendors ul{ overflow: hidden; width: 235px;}
#about-us .vendors ul li{ float: left; list-style: none; padding-right: 2px;}
#about-us .vendors ul li a{ text-indent: -99999px; display:block; height: 50px; width: 75px;}
#about-us .vendors ul li a.microsoft{ background:url(../images/microsoft-vendor.gif) no-repeat;}
#about-us .vendors ul li a.dell{ background:url(../images/dell-vendor.gif) no-repeat;}
#about-us .vendors ul li a.hp{ background:url(../images/hp-vendor.gif) no-repeat;}
#about-us .vendors ul li a.apple{ background:url(../images/apple-vendor.gif) no-repeat;}
#about-us .vendors ul li a.juniper{ background:url(../images/juniper-vendor.gif) no-repeat;}
#about-us .vendors ul li a.cisco{ background:url(../images/cisco-vendor.gif) no-repeat;}

div.marq{width:925px; overflow:hidden;}
marquee{ background: url(../images/fortune-bgx.gif) repeat-x; display: block; cursor: default; width:925px; overflow:hidden; float:left;} 
marquee ul#fortune{} 
marquee ul#fortune li{ background:url(../images/divider.gif) left center no-repeat; font: normal 14px/41px Arial, Tahoma, Verdana, sans-serif;  list-style: none; display:inline; padding: 0 17px;}
marquee ul#fortune li.first{ background: none; padding: 0 12px 0 0;}
marquee ul#fortune li.last{}
div#affiliation{padding: 10px 0 10px 20px;}
ul#affiliation{ overflow: hidden; padding: 18px 0 18px 4px;}
ul#affiliation li{ float: left; list-style: none; padding: 0 6px;}
ul#affiliation li a{ text-indent: -99999px; display:block; height: 43px; width: 69px;}
ul#affiliation li a.apple{ background: url(../images/affiliation.gif) no-repeat;}
ul#affiliation li a.microsoft{ background: url(../images/affiliation.gif) -79px top no-repeat;}
ul#affiliation li a.affiliation3{ background: url(../images/affiliation.gif) -160px top no-repeat;}
ul#affiliation li a.cisco{ background: url(../images/affiliation.gif) -241px top no-repeat;}
ul#affiliation li a.hp{ background: url(../images/affiliation.gif) -320px top no-repeat;}
ul#affiliation li a.dell{ background: url(../images/affiliation.gif) -399px top no-repeat;}
ul#affiliation li a.affiliation7{ background: url(../images/affiliation.gif) -478px top no-repeat;}
ul#affiliation li a.symantec{ background: url(../images/affiliation.gif) -557px top no-repeat;}
ul#affiliation li a.juniper{ background: url(../images/affiliation.gif) -636px top no-repeat;}
ul#affiliation li a.double-take{ background: url(../images/affiliation.gif) -715px top no-repeat;}
ul#affiliation li a.affiliation11{ background: url(../images/affiliation.gif) right top no-repeat;}

#inner-container #left-site{ position:relative;float: left;width: 217px; overflow:hidden;}
.contact-tab{ position:relative; width:217px; overflow:hidden; float:left; margin:41px 0px 0px 0px;}
.contact-tab h2{ font-size:18px; padding-bottom:5px;}
.contact-tab-nav{ overflow:hidden;margin:0px; padding:0px; list-style:none; border-bottom:2px solid #F9F9F9;} 
.contact-tab-nav li{ float:left; width:70px; background-color:#E8E8E8; color:#656565; font-size:11px; font-weight:bold;line-height:12px; border:1px solid #FFFFFF; position:relative;}
.contact-tab-nav li a{width:65px; height:26px; background-color:#E8E8E8; color:#656565; font-size:11px; font-weight:bold;line-height:12px; padding:5px 0px 2px 5px; text-decoration:none; display:block; }
.contact-tab-nav li a:hover{ background-color:#F6F6F6; color:#003B78;}
.contact-tab-nav li a.selected{
	 background-color:#F6F6F6; color:#003B78; top:0px; border-bottom:1px solid #F5F5F5; position: absolute;}
.tab-bg{ background:url(../images/tab-bd.jpg) left bottom no-repeat; width:217px;  overflow:hidden; padding-bottom:30px; clear:both;}
.first-tab{ clear:both;}
.first-tab p{margin:5px 0px 0px 7px;  line-height:14px; font-size:12px; height:30px;}
.tab-contact{ margin:5px 0px 0px 7px; padding:0px; list-style:none;}
.tab-contact li{ font-size:11px; margin:12px 0px 0px 0px; float:left; line-height:12px; font-weight:bold; text-transform:uppercase;}
.tab-contact li span{ padding:0px 8px 0px 5px;}
.tab-contact textarea {width:122px; height:35px;}
.tab-name{ width:65px; float:left; padding-top:5px;}
.tab-name-large{ width:125px; float:left; padding-top:5px;}
.tab-name-large2{ width:125px; float:left; padding-top:10px;}
.tab-box{width:135px; height:24px;}
.tab-file {width:135px; height:24px;}

.map{ text-align:center; margin:10px 0px 0px 0px;}
.tab-test-box{ width:125px; height:19px; border:1px solid #cccccc; margin:0px 0px 0px 0px;}

#call-back{
	clear:both;
	float:right;
	margin:5px 20px 0px 0px;
	padding:5px;
	color:#003366;
	font-size:11px;
	font-weight:bold;
	background-color:#e8e8e8;
	border:1px solid #cccccc;
	text-transform:uppercase;
	cursor:pointer; 
}
#call-back a{color:#003366; font-size:11px; font-weight:bold; padding:7px 12px 0px 0px; float:right;}
#call-back a:hover{ color:#144F89; text-decoration:none;}
#inner-container #left-nav{ float: left; width: 217px;}
#inner-container #left-nav ul{}
#inner-container #left-nav ul li{ list-style: none; text-align: left; padding-bottom:5px; border-bottom:dotted 1px #ccc;}
#inner-container #left-nav ul li a:hover{ background:url(../images/right-arrow.gif) right 4px no-repeat; display: block; padding-right: 10px; text-decoration: none;}
#inner-container #left-nav ul li a.active{ font-weight: bold; background:url(../images/right-arrow.gif) right 4px no-repeat; display: block; padding-right: 10px;}




#inner-container #right-nav{ width: 650px; float:right;}
#inner-container #right-nav .top-area{ overflow:hidden; padding-bottom: 15px;}
#inner-container #right-nav .top-area h5{ width: 650px; float:left}
#inner-container #right-nav .top-area .image{ float:right; margin-top:15px; margin-bottom:15px;}



/*footer start here*/
#footer{background: #222127; padding: 15px 0 50px 0;}
#footer-nav{ float: left; overflow: hidden;}
#footer-nav ul{ float:left; padding-right: 30px;}
#footer-nav ul li{ list-style: none; text-transform:capitalize;}
#footer-nav ul li.head a{ color: #85770A; font: bold 11px/16px Arial, Tahoma, Verdana, sans-serif; }
#footer-nav ul li.head a:hover{ color: white; text-decoration: none; }
#footer-nav ul li a{ color: #AFB0B0; font: normal 11px/16px Arial, Tahoma, Verdana, sans-serif; white-space: nowrap;}

#footer .right{ float: right; width: 130px;}
#footer .right .call{ font: bold 14px/18px Arial, Tahoma, Verdana, sans-serif; color: white;}
#footer .right .call strong{ font: bold 18px/20px Arial, Tahoma, Verdana, sans-serif; display: block;}
#footer .right p{color: #AFB0B0; font: normal 11px/16px Arial, Tahoma, Verdana, sans-serif; padding: 15px 0 0 0;}
#footer .right p a{color: #AFB0B0;}
div.copyright{clear:both; display:block; float:left; padding-top:15px; font-size:11px;}
/*footer end here*/

/*mygallery start here*/

.head-banner{ overflow: hidden; height: 270px;}

.head-banner .text-area{width: 550px; float:left; padding-top: 40px;}
.head-banner .text-area	h1{font-size: 20px; color: #7C7B78; padding-bottom: 7px;}
.head-banner .text-area	h1 a{ color: #333333; }
.head-banner .text-area p{ font: italic normal 14px/18px Georgia, "Times New Roman", Times, serif; padding-top: 35px;}
.head-banner .text-area p span{ color: #85770A; font-size: 13px; display:block;}

.head-banner .read{}
.head-banner .read a{ background: url(../images/read-bg.gif) no-repeat; font: normal 14px/18px Arial, Tahoma, Verdana, sans-serif; color:#85770A; text-decoration: none; padding-left: 22px; display:block; width: 75px;}
.head-banner .read a:hover{color:#666; text-decoration: none;}

.head-banner .stepcarousel{
position: relative;
width: 348px;
height: 301px;
float:right;}

.head-banner .stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
width: 348px; 
height: 301px;}

.head-banner .stepcarousel .panel{
width: 348px;
overflow: hidden;}


/*mygallery end here*/

.gold {color:#85770A;}

/*Call to action*/
#calltoaction {width:628px; padding:10px; height:70px; background-color:#F2F2F2; border:solid 1px #cccccc; margin-top:15px;}
#calltoaction p{margin-bottom:0px; padding-bottom:0px;}

/*did you know bullets*/
ul.know-bullets {margin-left:10px; list-style-type: none; margin-bottom:15px;}
ul.know-bullets li{background: url(../images/bullet-bg.gif) no-repeat left top;  padding-left:15px; line-height:1.5em; list-style-type: none;}

/*contact forms*/
#contact-form {margin-top:20px;}
#contact-form br{clear: left;}
#contact-form label{
float: left;
width: 200px;
font-weight: bold;
font-size:13px;
}
#contact-form label.email{
width:100px;
float:left;
margin:0px;
padding:0px;
}
#contact-form label.tel{
width:100px;
float:left;
}
#contact-form input.radio{
padding:0px;
margin:0px;
width:15px;
height:15px;
}

#contact-form input, textarea{
width: 180px;
margin-bottom: 10px;
border:1px solid #cccccc;
padding:2px;
}
#contact-form input.file{
width: 180px;
margin-bottom: 10px;
border:1px solid #999999;
padding:2px;
}

#contact-form textarea{
width: 250px;
height: 150px;
}

#contact-form .boxes{
width: 1em;
}

#contact-form #submitbutton{
margin-left: 200px;
margin-top: 5px;
	padding:5px;
	color:#003366;
	font-size:11px;
	font-weight:bold;
	background-color:#e8e8e8;
	border:1px solid #cccccc;
	text-transform:uppercase;
	cursor:pointer; 
}
#contact-form .button{background-color:#666666;
color:#FFFFFF;
}

#contact-form br{
clear: left;
}

/*Contact Page*/
#contact-left{width:270px; float:left; margin-right:30px; }
#contact-right{width:350px; float:left;}
#google-maps{width:650px; clear:both;}
#contact-right span{width:80px; font-weight:bold; color:#85770A; display:block; float:left;}

/*Association images*/
img.association{margin-top:20px;}

/*quote*/
span.quote{width:650px; font: italic normal 12px; color: #85770A; text-align:right; padding-top:10px; padding-bottom:10px; display:block;}

/*dropnav*/
#header-top ul.top-nav{ float: left; padding: 50px 65px 0 90px; overflow:visible; z-index: 500;}
#header-top ul.top-nav li{ float: left; list-style: none; position:relative; z-index: 500;}
#header-top ul.top-nav li a{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #666; padding: 0 8px 15px; text-decoration: none; display: block; letter-spacing: 1px}
#header-top ul.top-nav li a:hover, #header-top ul.top-nav li a.active{ background: url(../images/top-nav-arrow.gif) no-repeat center 17px; text-decoration: none; color:#003B78;}
#header-top ul.top-nav li ul{
	visibility:hidden;
	width:150px;
	background-color:#F3F3F3;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	z-index: 597;
	position: absolute;
	top: 27px;
	left:-30px;
}
#header-top ul.top-nav li ul li{border-bottom:solid 1px #cccccc; font-size:11px; width:150px;}
#header-top ul.top-nav li ul li a{background:none; padding:2px; padding-left:10px; font-size:11px; font-weight:bold; letter-spacing: 0px;}
#header-top ul.top-nav li ul li a:hover{background:#e8e8e8; padding:2px; padding-left:10px; font-size:11px; font-weight:bold; letter-spacing: 0px; color:#85770A;}
#header-top ul.top-nav li:hover > ul{visibility:visible; z-index:100;}
#header-top ul.top-nav li a:hover ul{ display: block;}