/* The Digital Group */

/****************** HTML RESET **************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {margin:0; padding:0;font-weight: normal;font-style: normal;}
ul,ol {list-style: none;}
img {border: 0;}
fieldset,img{border: none; }
caption,th{text-align: left; }
table{border-collapse: collapse; border-spacing: 0;}
/****************** CLEAR FIX **********************/ 
.clearfix:after{content: "."; display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
.clearfix{display: inline-block;}
 html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}

/************** HTML ELEMENT *****************/
* html{margin:0;height:100%;}
body {font: 100% Arial,Verdana, Helvetica, sans-serif; background:#f6f6f7 url(../images/bg.jpg) top repeat-x; margin: 0; padding: 0;
	 color: #262626; font-size:12px;}
a:link, a:visited{color:#262626;text-decoration:none;outline:none;}
a:hover, a:active{color:#5a5b5b;text-decoration:none;outline:none;}
p{text-align:left;}
h1{letter-spacing:0em; font-size:14px; font-weight:bold; color:#fc2a3d;}
h2{letter-spacing:0em; font-size:12px; font-weight:bold;color:#25272e; padding:5px 0 5px 0; border-bottom:1px solid #25272e;}
h3{font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:0em; font-size:15px; font-weight:bold;color:#005b64; border-bottom:1px dotted #005b64; padding:0 0 5px 0;}
h4{font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:0em; font-size:12px; font-weight:bold;color:#005b64; border-bottom:1px dotted #005b64; padding:0 0 3px 0;}
input{ border:1px solid #a2a2a2;}

/*************** Top layout *********************/
#Top{width: 992px ; margin: 0 auto; position: relative;}
#header{width: 100%; position: relative; overflow:hidden;}
#header .logo{float:left; width:111px;}
#header .logoRight{float:right; width:208px;}

#main{clear:both; overflow:hidden; padding:20px 0 0 0; border:0px solid red;}
#main .MainLeft{float:left; width:260px; background: url(../Images/mainLeft.jpg) left bottom no-repeat; height:400px;}
#main .MainRight{float:left; width:725px; margin:0px 0 0 0;}
#ShowCase{border-right:5px solid #d3d3d6; border-left:1px solid #d3d3d6; border-bottom:1px solid #d3d3d6; border-top:1px solid #d3d3d6;  background: #e6e6e6 url(../Images/mainRightBg.jpg) left top repeat-x;}

#navigation{font-size:14px;}
#navigation ul{display:block; margin:25px 0 4px 0;}
#navigation li{padding:0 0 0 0; margin:0 0 0 0;}
#navigation li a{display:block;background:#f6f6f7 url(../Images/buttonRight.jpg) right center no-repeat; height:20px; padding:11px 40px 11px 5px; margin:2px 0 0 0; text-align:right; color:#4f5567; outline:none; font-weight:bold;}
#navigation li a:hover{background:#f6f6f7 url(../Images/buttonHover.jpg) left center no-repeat;}
#navigation li a.select{display:block;background:#f6f6f7 url(../Images/button_Select.jpg) left center no-repeat; padding:11px 40px 11px 5px; margin:0 0px 0 0; text-align:right; color:#4f5567;}


/*************** Middle layout *********************/
.MiddleHolder{background:#abadb3; border-top:5px solid #64676d;}
#Middle{width: 992px; margin: 0 auto; position: relative; overflow:hidden;}
#Middle .MiddleLeft{float:left; width:240px; color:#25272e;}
#Middle .MiddleLeft p{margin:15px 10px;}
.request{margin:0px 0 0px 0;padding:0; text-align:center;font-size:13px; color:#FFFFFF; font-weight:bold;}
#Middle .MiddleRight{float:Right; width:730px;}
#Thumbnail{background:#000000 url(../Images/thumbHeader.jpg) center top no-repeat; padding:15px 0 0 0; border-right:5px solid #81838b; border-bottom:5px solid #81838b;}
#Thumbnail ul{display:block; padding:3px 3px 3px 3px;}
#Thumbnail li{display:inline; padding:3px 2px 0 2px;}
.QuickContact{background:#f2f2f2 url(../Images/QuickContact.jpg) left top repeat-x;}
#PracticeArea{clear:both; overflow:hidden; margin:5px 0 5px 0;}
#PracticeArea .Practice{float:left; width:235px; margin:0 10px 0 0;}
#PracticeArea .Practice1{float:left; width:235px; margin:0 10px 0 0;}
#PracticeArea .Practice2{float:left; width:235px;}
#PracticeArea ul{display:block;}
#PracticeArea li{color:#FFFFFF; padding:5px 0;}

/*************** Footer layout *********************/
.FooterHolder{background:#535359; overflow:hidden;}
#Footer{width: 992px; padding:10px 0 20px 0;  margin: 0 auto; font-size:12px; color:#FFFFFF; overflow:hidden;}
#Footer a{color:#FFFFFF; text-decoration:underline;}
#Footer .FooterLeft{float:left; width:400px;}
#Footer .FooterRight{float:right; width:190px;font-size:15px; color:#FFFFFF; font-weight:bold; }

/****************************** Gallery Styles ****************************/

#slider1 {
    width: 720px; /* important to be same as image width */
    height: 290px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	padding:0px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 140px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 130px !important;
	height: 290px;
}





/********************** Gallery1 *************************/

#gallery .heading { color:#fff; font-size:16px; padding:0px; background-color:#333; border-bottom:#000 4px solid;}
#gallery {position:relative; width:725px; margin:0px; padding:0px; background:#fff; overflow:hidden;
border-left:1px solid #d3d3d6; border-top:1px solid #d3d3d6; border-right:5px solid #d3d3d6; }
#images { height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:725px; height:400px; padding:0px; background:#fff url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:0px}
#thumbwrapper {margin-top:0px; padding:0px 0 5px 0; width:720px; height:auto; border-top:1px solid #666; background:#000}
#thumbarea {position:relative; overflow:hidden; height:65px; width:725px; }
#thumbs {position:absolute; list-style:none; margin:0px; height:65px; width:10000px;}
#thumbs li {float:left; margin-right:5px; cursor:pointer; position:relative;}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:400px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
.checked { position:absolute; top:0px; right:0px; z-index:1000;} 
#thumbs li img { border:1px solid #000;}

ul#captions {margin:0px;padding:0px; position:relative; height:100px; font-size:11px;}
ul#captions li {background-color:#000;	color:#fff;	padding:10px;	line-height:15px;	top:0px;	display:none;
	position: absolute;	width:98%;	
}
#captions a{color:#FFFFFF; text-decoration:underline;}