/* CSS Documents for IDI. CopyRight www.idipl.com. All Rights Reserved */

html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Segoe UI, Verdana, Arial, Times New Roman;
	background: White url(      "../images/bodyBG.gif" ) repeat-x;
}
a
{
	outline: none;
}

.clear
{
	clear: both;
	height: 10px;
}
h1
{
	color: #4b4b4b;
	font-size: 11px;
	text-transform: uppercase;
}
h2
{
	color: #2c2c2c;
	font-size: 10px;
	text-transform: uppercase;
}
h3
{
	color: #2c2c2c;
	font-size: 9px;
	text-transform: uppercase;
	border-bottom: 1px solid #adadad;
	width: 200px;
	line-height: 140%;
}
h4
{
	color: #4b4b4b;
	font-size: 18px;
	font-weight: normal;
	line-height: 120%;
	text-transform: uppercase;
}
h5
{
	color: #4b4b4b;
	font-size: 14px;
	font-weight: normal;
	line-height: 120%;
	text-transform: uppercase;
}
.submitbtn
{
	border: 1px solid #066a7f;
	background: #10a1bf;
	color: White;
	width: 100px;
	font-size: 12px;
	font-family: Segoe UI;
	cursor: pointer;
}
.submitbtn:hover
{
	border: 1px solid #10a1bf;
	background: #066a7f;
	color: White;
	width: 100px;
	font-size: 12px;
	font-family: Segoe UI;
	cursor: pointer;
}


.contenttxt
{
	text-align: justify;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 0;
}
.contenttxt li
{
	padding-bottom: 5px;
}
.contenttable
{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	padding-bottom: 10px;
}
.contenttable td
{
	border: 1px solid #eeeeee;
	padding: 5px;
}
.contenttable a
{
	color: #10a1bf;
	font-weight: bold;
}
.contenttable a img
{
	text-decoration: none;
	border: none;
}
.contenttable a:hover
{
	color: #aad43b;
	font-weight: bold;
}
.contenttxt a
{
	color: #10a1bf;
	font-weight: bold;
}
.contenttxt a img
{
	text-decoration: none;
	border: none;
}
.contenttxt a:hover
{
	color: #aad43b;
	font-weight: bold;
}
.ashbg td
{
	background: #dddddd;
	border: none;
	color: #4765aa;
	font-weight: bold;
}
.whitebg td
{
	background: #ffffff;
	border: none;
	color: #a20102;
	font-weight: bold;
}
/* Page sttle begin */

#parentcontent
{
	margin-left: auto;
	margin-right: auto;
	width: 946px;
}

/* Header style begin */

#topbanner
{
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	text-align: justify;
}
.logoarea
{
	width: 946px;
	height: 70px;
	background: transparent;
}
.logoleft
{
	float: left;
	padding-left: 10px;
	padding-top: 3px;
}

.logoleft img
{
	border: none;
}
.callusnow
{
	float: right;
	font-size: 11px;
}
.linksright
{
	float: right;
	color: Black;
	font-size: 11px;
	margin-top: 30px;
}
.linksright a
{
	text-decoration: none;
	color: Black;
	padding-left: 10px;
	padding-right: 10px;
}
.linksright a:hover
{
	text-decoration: underline;
	color: Black;
}
.toprightlinksicon
{
	vertical-align: middle;
}
.wallpaperarea /* Wallpaper area */
{
	width: 946px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 1px solid #bfbdbd;
}
.slideshowarea
{
	width: 946px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.leftarea
{
	float: left;
	width: 634px;
	height: 320px;
	background: White;
	border: 1px solid #bfbdbd;
}
/* Left slideshow area */

.leftareadet
{
	width: 634px;
	height: 320px;
	background: url( "../images/demoimg.gif" ) no-repeat;
	margin-left: auto;
	margin-right: auto;
}
.slideshowleft
{
	float: left;
	width: 425px;
}
.slideshowleftcont
{
	width: 421px;
	height: 310px;
	padding-top: 2px;
	margin-left: auto;
	margin-right: auto;
}
.flashslide
{
}
*html .flashslide
{
}
.slideshow
{
	width: 421px;
	height: 310px;
}
.nav
{
	margin: -15px 0px;
	position:relative;
	z-index:9999;
	float: left;
	font-family: Segoe UI;
}
*html .nav
{
	margin: 5px 15px;
	float: left;
	font-family: Segoe UI;
}
#nav a, #s7 strong
{
	margin: 0 3px;
	padding: 1px 4px;
	font-size: 10px;
	background: #000000;
	color: White;
	text-decoration: none;
}
#nav a.activeSlide
{
	background: White;
	color: #014369;
	border: 1px solid #014369;
}
#nav a:focus
{
	outline: none;
}
.slideshowright
{
	float: right;
	width: 204px;
}
.slideshowrightcont
{
	width: 203px;
	padding-left: 1px;
}
.topcont
{
	width: 203px;
	height:153px;
}
.bottomcont
{
	width: 203px;
	height:159px;
}



.rightarea
{
	float: right;
	width: 300px;
	height: 320px; /*background: url(  "../images/testimonialBG.gif" ) no-repeat; */
	border: 1px solid #bfbdbd;
}
.rightareadet
{
	width: 270px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	font-size: 11px;
}
/*.testimoniailmain
{
	padding-top: 100px;
}*/
.testimoniailmain
{
	padding-top: 30px;
}
.headingtxt1
{
	color: Brown;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}
.testimonialmain
{
	padding-top: 95px;
}
.testimonialmain em
{
	font-size: 11px;
}
.testinavigation
{
	width: 270px;
	margin-left: auto;
	margin-right: auto;
}
.goleft
{
	float: left;
}
.goleft a
{
	display: block;
	width: 50px;
	height: 62px;
	background: url(    "../images/arrowright1.gif" ) no-repeat;
}
.goright
{
	float: right;
}
.goright a
{
	display: block;
	width: 50px;
	height: 62px;
	background: url(    "../images/arrowleft1.gif" ) no-repeat;
}
a.readmore1
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #3979c3;
}
a.readmore1:hover
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
a.readmore2
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #3979c3;
}
a.readmore2:hover
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: Black;
}

/* Content style begin */

#content
{
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	background: White;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 11px;
	color: #343434;
	text-align: justify;
}
.thumbfloat
{
	float: left;
	padding-right: 5px;
}
.downcontent /* Down content starts */
{
	width: 942px;
	height: 240px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #f1f1f1;
	background: #fcfcfc; /*background: White url(  "../images/boxesBG1.gif" ) repeat-x bottom; */
}
.downcontenttableleft a
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: #07519a;
	padding-top: 3px;
	padding-bottom: 3px;
}
.downcontenttableleft a:hover
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: #ff813c;
}
.downcontenttableleft
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	width: 430px;
	float: left;
}
table.downcontenttableleft td
{
	vertical-align: text-top;
}
table.downcontenttableleft td.ftd, table.downcontenttableleft td.std
{
	border-right: 1px solid #eeeeee;
	padding-left: 10px;
	padding-right: 10px;
	width: 215px;
	padding-bottom: 5px;
}
table.downcontenttableleft td.bottomtd
{
	vertical-align: text-top;
	border-top: 1px solid #d0cece;
}
table.downcontenttableright
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	width: 512px;
	float: right;
}
a.readmore
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: #07519a;
	padding-top: 3px;
	padding-bottom: 3px;
}
a.readmore:hover
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: #ff813c;
}
a.emails
{
	text-decoration: underline;
	color: #009fe9;
}
a.emails:hover
{
	text-decoration: underline;
	color: Black;
}
table.downcontenttableright td
{
	vertical-align: text-top;
}
table.downcontenttableright td.ttd
{
	border-right: 1px solid #eeeeee;
	padding-left: 10px;
	padding-right: 10px;
	width: 330px;
}
a.mlink
{
	text-decoration: none;
	font-size: 11px;
	color: #439a08;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	clear: both;
}
a.mlink:hover
{
	text-decoration: underline;
	font-size: 11px;
	color: #ff813c;
	float: left;
	clear: both;
}
.bottomcontent
{
	width: 946px;
	background: White url(        "../images/boxesBG1.gif" ) repeat-x bottom;
}
table.bottomtable /* Bottom links starts here */
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	width: 882px;
}
table.bottomtable td
{
	vertical-align: text-top;
	border-right: 1px solid #eeeeee;
	padding-left: 40px;
}
table.bottomtable td.lasttd
{
	vertical-align: text-top;
	border: none;
}
ul.linkstab
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.linkstab li
{
	padding-bottom: 10px;
	color: #07519a;
}
ul.linkstab li a
{
	text-decoration: none;
	color: #07519a;
}
ul.linkstab li a:hover
{
	text-decoration: none;
	color: #ff813c;
}

ul.quicklinks /* Quick Links */
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.quicklinks li
{
	padding-bottom: 10px;
}
ul.quicklinks li a
{
	text-decoration: none;
	color: #0980e5;
}
ul.quicklinks li a:hover
{
	text-decoration: none;
	color: #d2810e;
}

/* Table style for other pages */

.downcontentdev /* Down content starts for other pages */
{
	width: 942px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #f1f1f1;
	background: #fcfcfc; /*background: White url(  "../images/boxesBG1.gif" ) repeat-x bottom; */
}
.otherservicestable
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	color: Black;
}
table.otherservicestable td
{
	vertical-align: text-top;
}
table.otherservicestable td.ftd
{
	padding-left: 10px;
	padding-right: 10px;
	width: 215px;
	height: 170px;
	padding-bottom: 15px;
	padding-top: 10px;
	background: url(    "../images/designbox2.gif" ) no-repeat;
}
table.otherservicestable td.std
{
	padding-left: 10px;
	padding-right: 10px;
	width: 215px;
	height: 170px;
	padding-bottom: 15px;
	padding-top: 10px;
	background: url(    "../images/designbox1.gif" ) no-repeat;
}
table.otherservicestable td.ttd
{
	padding-left: 10px;
	padding-right: 10px;
	width: 215px;
	height: 170px;
	padding-bottom: 15px;
	padding-top: 10px;
	background: url(    "../images/designbox3.gif" ) no-repeat;
}
table.otherservicestable td.ltd
{
	padding-left: 10px;
	padding-right: 10px;
	width: 215px;
	height: 170px;
	padding-bottom: 15px;
	padding-top: 10px;
	background: url(    "../images/designbox4.gif" ) no-repeat;
}
.otherservicestable a
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: White;
	margin-top: -5px;
}
.otherservicestable a:hover
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: Black;
}
table.pricetable
{
	margin: 0;
	padding: 0;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.downcontentdevslide /* Down content starts for coda-slider */
{
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #f1f1f1;
	background: #fcfcfc; /*background: White url(  "../images/boxesBG1.gif" ) repeat-x bottom; */
}


.designservicestable /* Design Services table */
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	color: #383838;
}
table.designservicestable td
{
	vertical-align: middle;
}
table.designservicestable td
{
	padding-bottom: 15px;
	padding-right: 50px;
}
.otherservicestable a
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: White;
	padding-top: 3px;
	padding-bottom: 3px;
}
.otherservicestable a:hover
{
	text-decoration: none;
	float: right;
	font-size: 11px;
	color: Black;
}
.thumbfloaticn
{
	float: left;
	padding-top: 10px;
	padding-right: 5px;
}
*html .thumbfloaticn
{
	float: left;
	margin-top: 10px;
	padding-right: 5px;
}
h1 a
{
	color: #10a1bf;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
h1 a:hover
{
	color: #aad43b;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

.introcontent /* For static content pages */
{
	width: 922px;
	margin-left: auto;
	margin-right: auto;
	background: #fcfcfc;
}
.textbxtype1
{
	width: 180px;
	font-size: 12px;
	padding-left: 2px;
	color: #326080;
	border: 1px solid #cccccc;
	height: 20px;
	padding-top: 3px; /* border:1px solid #3f6f91;  	border-left: 4px solid #3f6f91; 	border-top: 4px solid #e0ebf2; 	border-bottom: 4px solid #e0ebf2; 	border-right: 4px solid #e0ebf2;*/
	background: #e5e5e3;
}
.newtextboxtype2
{
	width: 180px;
	height: 80px;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 2px;
	background: #e5e5e3;
	border: 1px solid #cccccc;
	padding-top: 5px;
}
.textbxtype1normal
{
	width: 180px;
	height: 20px;
	font-size: 12px;
	padding-left: 2px;
	color: White;
	background: #6f8b9b;
	border: none;
	padding-top: 3px; /* border: 2px solid #3f6f91; */
}
.textbxtype1normal1
{
	width: 180px;
	height: 80px;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 2px;
	padding-top: 5px;
	color: White;
	background: #6f8b9b;
	border: none;
}

/* Jquery Popup/Sliding */

#mask
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background: #eeeeee;
	display: none;
}

#boxes .window
{
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 300px;
	width: 400px;
	height: 300px;
	display: none;
	z-index: 9999;
	padding: 20px;
	background: White;
}
.window a
{
	float: right;
	text-decoration: none;
}
a.postesume
{
	float: right;
	padding: 5px;
	background: url( "../images/demo-spindown-closed.gif" ) 0px 9px no-repeat;
	padding-left: 10px;
	border: 1px solid #e7e7e7;
	text-decoration: none;
}
.slide_wrapper
{
}
.slider
{
	overflow: hidden;
}
.slider_menu
{
}
.slider_menu a
{
	text-decoration: none;
	color: Black;
}



/* Footer syle begin */

#clearfooter
{
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	clear: both;
	height: 10px;
}

#footer
{
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	color: Gray;
	font-size: 11px;
	text-align: right;
	height: 50px;
	line-height: 140%;
}
#footer a
{
	text-decoration: none;
	color: Gray;
	font-size: 11px;
}
#footer a:hover
{
	text-decoration: underline;
	color: Gray;
	font-size: 11px;
}
.slideHeader
{
	height: 20px;
	background: Blue;
	color: White;
}

.slideBody
{
	background: Gray;
	padding: 5px;
}

.slidePanel
{
	width: 100px;
	float: left;
	margin: 5px;
}
.bestviewed
{
	color: Gray;
	font-size: 11px;
	text-align: center;
}