/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,table
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body
{
background:#fff url(images/art/bg.jpg) 0 0 repeat-x;
text-align:center;
}
#wrap
{
width:895px;
text-align:left;
margin:20px auto 0 auto;
background:#fff;
padding:0 17px 0 20px;
}
#header
{
width:895px;
height:127px;
}
#header h1
{
width:176px;
height:47px;
background:url(images/art/logo.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:26px 0 21px 0;
}
#header h1 a
{
width:176px;
height:47px;
display:block;
}
#header h1 span{display:none;}
#header p
{
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
line-height:13px;
float:left;
display:inline;
margin:47px 0 0 270px;
}
#header p a
{
color:#666;
text-decoration:none;
margin:0 5px;
}
#header p a:hover{text-decoration:underline;}
#header form
{
width:253px;
float:left;
display:inline;
margin:40px 0 0 0;
}
#header form fieldset label
{
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#666;
line-height:13px;
float:left;
display:inline;
margin:7px 5px 0 5px;
}
#header form fieldset input
{
width:134px;
height:18px;
border:1px solid #dcdcdc;
padding:3px 0 0 5px;
margin:3px 1px 0 0;
float:left;
display:inline;
font:11px Arial, Helvetica, sans-serif;
color:#333;
}
#header form fieldset input.submit
{
width:61px;
height:23px;
background:url(images/art/btn-search.jpg) 0 0 no-repeat;
margin:3px 0 0 0;
border:none;
cursor:pointer;
}
#nav
{
width:895px;
height:33px;
clear:both;
background:url(images/art/nav-bg.jpg) 0 0 repeat-x;
}
#nav li
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#fff;
line-height:13px;
padding:5px 8px 6px 8px;
float:left;
display:inline;
border-right:1px solid #fff;
}
#nav li a
{
color:#fff;
text-decoration:none;
}
#content
{
width:895px;
clear:both;
z-index:10;
margin:4px 0 10px 0;
background:url(images/art/content-bg2.jpg) 0 0 repeat-y;
}
#content.main{background:url(images/art/content-bg.jpg) 0 0 repeat-y;}
#left
{
width:221px;
float:left;
display:inline;
min-height:730px; /* Added */
}
#left ul
{
list-style:none;
margin:5px 0 0 0;
}
#left ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:14px;
margin:0 0 5px 0;
background:url(images/bullet.jpg) 0 5px no-repeat;
padding:0 0 0 15px;
}
#left ul li a
{
color: #69767c; /* color:#CC0000; */
text-decoration:none;
}
#left ul li ul li a
{
/*color:#CC0000;*/
text-decoration:none;
}
#left ul li a:hover{text-decoration:underline;}


#left div.contact
{
margin:10px 0px 0px 0px;
vertical-align:bottom;
}
#left div.contact h2
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:16px;
background:url(images/bullet2.jpg) 0 3px no-repeat;
padding:0 0 0 13px;
margin:0 0 15px 0;
}
#left div.contact p
{
font:11px Arial, Helvetica, sans-serif;
color:#333333;
line-height:13px;
margin:0 0 10px 0;
}
#left div.contact p a{color:#CC0000;}
#left div.line
{
width:192px;
height:3px;
background:#CC0000;
margin:0 0 20px 0;
padding:0;
line-height:3px;
}
#left .line-icon
{
width:192px;
height:3px;
background:#CC0000;
margin:5px 0 20px 0;
padding:0;
line-height:3px;
float:left;
}
#right
{
width:663px;
float:left;
display:inline;
margin:0 0 0 8px;
}
#right h1
{
font:24px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:26px;
margin:0 0 10px 0;
}
#right h2
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:0 0 15px 0;
}
#right h3
{
font:22px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:24px;
margin:0 0 10px 0;
}
#right h4
{
font:18px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:20px;
margin:0 0 10px 0;
}
#right h5
{
font:bold 16px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:18px;
margin:0 0 10px 0;
}
#right h5 a
{
font:bold 16px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:18px;
text-decoration:none;
}
#right h5 a:hover
{
text-decoration:underline;
}
#right p
{
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:19px;
margin:0 0 20px 0;
}
#right p a
{
color:#333;
text-decoration:underline;
}
#right p a:hover{text-decoration:underline;}
#right p img.iml
{
float:left;
display:inline;
margin:0 10px 10px 0;
}
#right p img.imr
{
float:right;
display:inline;
margin:0 0 10px 10px;
}
#right ul
{
margin:0 0 30px 35px;
list-style:none;
}
#right ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
margin:0 0 5px 0;
background:url(images/bullet.jpg) 0 5px no-repeat;
padding:0 0 0 15px;
}
#right ol{margin:0 0 30px 48px;}
#right ol li
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
margin:0 0 5px 0;
}
#right ul li a, #right ol li a
{
color:#333;
text-decoration:underline;
}
#right ul li a:hover, #right ol li a:hover{text-decoration:underline;}
#right div.col-1
{
width:436px;
float:left;
display:inline;
}
#right div.col-1 img{margin:0 0 20px 0;}
#right div.col-2
{
width:205px;
float:right;
display:inline;
}
#right div.col-2 h2
{
height:17px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#CC0000;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
background:url(images/arrow.jpg) 0 4px no-repeat;
padding:4px 0 4px 24px;
}
#right div.col-2 p{font-size:10px;}
#right div.col-2 p a
{
color:#333;
text-decoration:underline;
}
#right div.col-2 p a:hover{text-decoration:underline;}
#footer
{
width:895px;
border-top:1px solid #e6e6e6;
clear:both;
padding:10px 0 20px 0;
position:relative;
}
#footer p
{
font:10px Arial, Helvetica, sans-serif;
color:#999999;
line-height:19px;
}
#footer p a
{
color:#999;
text-decoration:none;
margin:0 5px;
}
#footer p a:hover{text-decoration:underline;}
#footer p span{margin:0 5px 0 0;}
#footer div.contact
{
position:absolute;
z-index:1000;
bottom:80px;
left:0;
}
#footer div.contact h2
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#CC0000;
line-height:16px;
background:url(images/bullet2.jpg) 0 3px no-repeat;
padding:0 0 0 13px;
margin:0 0 15px 0;
}
#footer div.contact p
{
font:11px Arial, Helvetica, sans-serif;
color:#333333;
line-height:13px;
margin:0 0 10px 0;
}
#footer div.contact p a{color:#CC0000;}
#footer div.line
{
width:192px;
height:3px;
background:#CC0000;
margin:0 0 20px 0;
padding:0;
line-height:3px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
#left img.alignleft {
	padding: 1px;
	margin: 0 7px 2px 0;
	display: inline;
	border:none;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
#sidetext {
/*	border:#ccc 1px solid; 
*/	width:180px; 
	margin:10px 0px 0px 0px; 
	font : 12px/14px Arial,Helvetica,sans-serif; 
	color: #333333; 
	padding:5px;
	float:left;
}
#sidetext a {
	color: #69767C;
}
/* End Images */

/* Sharing icon starts*/
#sidetext ul
{
	float:left;
	margin:11px 5px 0 0;
	background:url(images/art/back.png) no-repeat;
}
#sidetext ul li
{
	float:left;
	margin:0;
	padding:0;
	background:none;
}
#sidetext .fb
{
	background:url(images/art/fb-ico.gif) no-repeat;
	width:20px;
	height:20px;
	display:block;
	margin:3px 4px 4px 4px;
}
#sidetext .in
{
	background:url(images/art/in-ico.gif) no-repeat;
	width:20px;
	height:20px;
	display:block;
	margin:3px 4px 4px 0;
}
#sidetext .twit
{
	background:url(images/art/twit-ico.gif) no-repeat;
	width:20px;
	height:20px;
	display:block;
	margin:3px 4px 4px 0;
}
#sidetext .utube
{
	background:url(images/art/utube-ico.gif) no-repeat;
	width:20px;
	height:20px;
	display:block;
	margin:3px 4px 4px 0;
}
#sidetext ul li a:hover{
	text-decoration:none;
}
#sidetext ul li span{
	display:none;
}
#sidetext p{
	float:left;
	margin:14px 0 0 115px;
	position:absolute;
}
.connect_widget_button_count_count {
display:none !important;
}

#brochure{
	clear:left;
	height:310px;
}
#brochure a{
	font:12px/14px Arial,Helvetica,sans-serif;
	color:#69767C;
	text-decoration:none;
	margin:5px 0 0 10px;
}
#brochure a:hover{
	text-decoration:underline;
}
#brochure img{
	float:left;
	margin:10px 0 0 20px;
}	
/* Sharing icon ends*/
#nubie{
display: block;
width: 150px;
height: 110px;
margin-top: 140px !important;
font-size: 10px !important;
text-align: center;
}
#nubie:hover{
text-decoration: none;
}