@import url(common.css);
@import url(form.css);
@import url(lightbox.css);

/* 
----------------------------------------
	Canvas
----------------------------------------
*/

#canvas { float: left; width: 100%; background: url("../../images/bg.png") left top repeat-x; }

/* 
----------------------------------------
	Header
----------------------------------------
*/

/* 	Header - Homepage  */

#header { float: left; width: 100%; height: 150px; }
#header .inside { height: 150px; }

/* 
	Header - Logo
	-------------
*/

#logo { float: left; width: 250px; height: 15px; margin-top: 5px;  }

/* 
	Header - Toolbar
	----------------
*/

#toolbar { float: right; width: 650px; margin-top: 65px; }

/* 	Toolbar User Account  */

#toolbar .useraccount { float: right; padding: 5px 20px; }
#toolbar .useraccount ul li { 
	display: inline;
	list-style: none;
	padding-left: 20px;
	padding-right: 10px;
	background: url("../../images/toolbarli.png") left center no-repeat;
}
#toolbar .useraccount ul li.first { 
	background: none;
}
#toolbar .useraccount a { 
	color: #838da1;
	text-decoration: none;
}
#toolbar .useraccount a:hover { 
	color: #780a28;
	text-decoration: underline;
}

/* 	Toolbar Searching  */

#toolbar .searching { float: right; width: 300px; }
#toolbar .searching input { 
	float: left;
	width: 186px;
	height: 16px;
	border: none;
	padding: 7px;
	color: #838da1;
	background: #edeff1 url("../../images/form/miniforminput.png") left top no-repeat;
}
#toolbar .searching button { 
	float: left;
	width: 100px;
	padding: 6px 0;
	height: 30px;
	border: none;
	text-align: center;
	font-weight: bold;
	color: white;
	text-shadow: -1px -1px 1px #4f061b;
	cursor: pointer;
	background: #edeff1 url("../../images/form/miniformbutton.png") left top no-repeat;
}
#toolbar .searching button:hover { 
	color: #edeff1;
	background: #edeff1 url("../../images/form/miniformbutton.png") left -30px no-repeat;
}
#toolbar .searching button:active { 
	color: white;
	background: #edeff1 url("../../images/form/miniformbutton.png") left -60px no-repeat;
}

/* 
----------------------------------------
	Menu
----------------------------------------
*/

#menu { float: left; width: 100%; height: 45px; margin-top:-40px;  }
#menu .inside { height: 45px; }

#menu .leftcorners
{
	float: left;
	position: relative;
	width: 100%;
	height: 45px;
	background: url("../../modules/mod_swmenupro/images/absasco/1.png") left top no-repeat;
}
#menu .rightcorners { float: left; width: 100%; height: 45px; background: url("../../modules/mod_swmenupro/images/absasco/1.png") right top no-repeat; }
#menu .bg
{
	float: left;
	width: 930px;
	height: 45px;
	background: url('../../modules/mod_swmenupro/images/absasco/1.png') no-repeat left top;
	margin-left: 5px;
}

#menu ul { list-style: none; float: left; }
#menu ul li { float: left; position: relative; display: inline; list-style: none; font-size: 15px; }
#menu ul li a
{
	float: left;
	padding: 13px 25px;
	height: 14px;
	color: #f0f0f0;
	text-decoration: none;
	border-right: 1px solid #788296;
	border-left: 1px solid #a0aabe;
	text-shadow: -1px -1px 1px #5a5f6e;
	background: url('../../modules/mod_swmenupro/images/absasco/Empty1.png') repeat-x left top;
	font-weight: bold;
	border-right-color: #800000;
	border-left-color: #CC3300;
	font-family: 'Franklin Gothic Book';
}
#menu ul li a:hover
{
	color: #ffffff;
	background: url("../../modules/mod_swmenupro/images/absasco/Empty1a.PNG") repeat-x left top;
	font-family: 'Franklin Gothic Book';
}
#menu ul li a:active {
	color: white;
	border-left: 1px solid #828ca0;
	background: url("../../modules/mod_swmenupro/images/absasco/Empty1a.png") left  top repeat-x;
}
#menu ul li.first a {
	border-left: 0;
}
#menu ul li.active a
{
	border-left: 1px solid #828ca0;
	background: url("../../modules/mod_swmenupro/images/absasco/Empty1a.png") left top repeat-x;
}
#menu ul li.active a:hover {
	color: white;
	border-left: 1px solid #a0aabe;
	background: url("../../modules/mod_swmenupro/images/absasco/Empty1a.png") left  top repeat-x;
}

/* 	Popup Menu  */

#menu ul li ul {
    position: absolute;
    top: 40px;
	left: 0;
    display: none;
	z-index: 999;
}
#menu ul li ul li
{
	padding: 0 10px;
	background: #CC3300;
	position: relative;
	color: #FFFFFF;
}
#menu ul li ul li a {
    float: left;
	width: 13em;
	padding: .5em 1em;
	display: block;
	border-top: 1px solid #a0aabe;
	border-bottom: 1px solid #788296;
	border-left: 0 !important;
	border-right: 0 !important;
	background: none !important;
	font-weight: normal;
	color: white;
}
#menu ul li ul li a:hover { background: none; color: #dedede !important; }
#menu ul li ul li.first a {
	border-top: 0;
}
#menu ul li ul li.last a {
	border-bottom: 0;
}

/* 
----------------------------------------
	Navigation - Categories, Archive
----------------------------------------
*/

#rightrail .navigation.box { margin-bottom: 40px; }

.navigation ul { float: left; width: 300px; list-style: none; }
.navigation ul li { float: left; width: 100%; }

.navigation ul li a { font-size: 1.2em; text-decoration: none; display: block; cursor: pointer; text-shadow: 1px 1px 1px white; }
.navigation ul li.active a { color: white; text-shadow: -1px -1px 1px #5a5f6e; }
.navigation ul li.active a:hover { color: #f0f0f0; }

.navigation ul li.first a .leftcorners { float: left; width: 100%; background: url("../../images/categories/firstleftcorners.png") left top no-repeat; }
.navigation ul li.first a .rightcorners { float: left; width: 100%; background: url("../../images/categories/firstrightcorners.png") right top no-repeat; }
.navigation ul li.first a .bg { float: left; width: 257px; height: 19px; background: url("../../images/categories/firstbg.png") left top repeat-x; margin: 0 10px; padding: 10px; }

.navigation ul li.first a:hover .leftcorners { background: url("../../images/categories/firstleftcorners.png") left -40px no-repeat; }
.navigation ul li.first a:hover .rightcorners { background: url("../../images/categories/firstrightcorners.png") right -40px no-repeat; }
.navigation ul li.first a:hover .bg { background: url("../../images/categories/firstbg.png") left -40px repeat-x; }

.navigation ul li.first.active a .leftcorners { background: url("../../images/categories/firstleftcorners.png") left -80px no-repeat; }
.navigation ul li.first.active a .rightcorners { background: url("../../images/categories/firstrightcorners.png") right -80px no-repeat; }
.navigation ul li.first.active a .bg { background: url("../../images/categories/firstbg.png") left -80px repeat-x; }

.navigation ul li a .leftcorners { float: left; width: 100%; background: url("../../images/categories/leftcorners.png") left top no-repeat; }
.navigation ul li a .rightcorners { float: left; width: 100%; background: url("../../images/categories/rightcorners.png") right top no-repeat; }
.navigation ul li a .bg { float: left; width: 257px; height: 19px; background: url("../../images/categories/bg.png") left top repeat-x; margin: 0 10px; padding: 10px; }

.navigation ul li a:hover .leftcorners { background: url("../../images/categories/leftcorners.png") left -40px no-repeat; }
.navigation ul li a:hover .rightcorners { background: url("../../images/categories/rightcorners.png") right -40px no-repeat; }
.navigation ul li a:hover .bg { background: url("../../images/categories/bg.png") left -40px repeat-x; }

.navigation ul li.active a .leftcorners { background: url("../../images/categories/leftcorners.png") left -80px no-repeat; }
.navigation ul li.active a .rightcorners { background: url("../../images/categories/rightcorners.png") right -80px no-repeat; }
.navigation ul li.active a .bg { background: url("../../images/categories/bg.png") left -80px repeat-x; }

.navigation ul li.last a .leftcorners { float: left; width: 100%; background: url("../../images/categories/lastleftcorners.png") left top no-repeat; }
.navigation ul li.last a .rightcorners { float: left; width: 100%; background: url("../../images/categories/lastrightcorners.png") right top no-repeat; }
.navigation ul li.last a .bg { float: left; width: 257px; height: 22px; background: url("../../images/categories/lastbg.png") left top repeat-x; margin: 0 10px; padding: 10px; }

.navigation ul li.last a:hover .leftcorners { background: url("../../images/categories/lastleftcorners.png") left -43px no-repeat; }
.navigation ul li.last a:hover .rightcorners { background: url("../../images/categories/lastrightcorners.png") right -43px no-repeat; }
.navigation ul li.last a:hover .bg { background: url("../../images/categories/lastbg.png") left -43px repeat-x; }

.navigation ul li.last.active a .leftcorners { background: url("../../images/categories/lastleftcorners.png") left -86px no-repeat; }
.navigation ul li.last.active a .rightcorners { background: url("../../images/categories/lastrightcorners.png") right -86px no-repeat; }
.navigation ul li.last.active a .bg { background: url("../../images/categories/lastbg.png") left -86px repeat-x; }

/* 
----------------------------------------
	Claim
----------------------------------------
*/

#claim { float: left; width: 100%; height: 43px; }
#claim .inside { height: 30px; }

#claim .leftcorners { float: left; width: 100%; height: 90px; background: url("../../images/claim/leftcorners.png") left top no-repeat; }
#claim .rightcorners { float: left; width: 100%; height: 90px; background: url("../../images/claim/rightcorners.png") right top no-repeat; }
#claim .bg { float: left; width: 934px; height: 60px; 
background: url("../../images/claim/bg.png") left top repeat-x; margin-left: 3px; margin-top: -10px; }

#claim p { float: left; width: 750px; font-size: 2.3em; color: #505a6e; padding: 13px 25px; text-shadow: 1px 1px 1px white; }
#claim p a { color: #505a6e; text-decoration: none; }
#claim p a:hover { color: #780a28; }
#claim .more { float: right; width: 30px; height: 65px; font-size: 1.8em; color: #505a6e; margin: 15px 35px; text-align: left; }
#claim .more a { 
	float: right;
	width: 6px;
	height: 20px;
	color: #505a6e;
	padding: 4px 15px;
	text-decoration: none;
	background: url("../../images/claim/morebg.png") left top no-repeat;
}
#claim .more a:hover { color: #780a28; background: url("../../images/claim/morebg.png") left -30px no-repeat; }

/* 
----------------------------------------
	Helper
----------------------------------------
*/

#helper { float: left; width: 100%; height: 15px; }
#helper .inside { height: 15px; }

#helper .leftcorners { float: left; width: 100%; height: 15px; background: url("../../images/helper/leftcorners.png") left top no-repeat; }
#helper .rightcorners { float: left; width: 100%; height: 15px; background: url("../../images/helper/rightcorners.png") right top no-repeat; }
#helper .bg { float: left; width: 934px; height: 15px; background: url("../../images/helper/bg.png") left top repeat-x; margin-left: 3px; }

/* 
----------------------------------------
	Slideshow
----------------------------------------
*/

#slideshow { float: left; width: 100%; }
#slideshow .container #slideshower { width: 100%; height: 260px; }

#slideshow #arrowleft a { position: absolute; z-index: 999; width: 40px; height: 260px; margin-left: -40px; background: url("../../images/slideshow/arrowleft.png") left top no-repeat; }
#slideshow #arrowleft a:hover { background: url("../../images/slideshow/arrowleft.png") left -260px no-repeat; }
#slideshow #arrowleft a:active { background: url("../../images/slideshow/arrowleft.png") left -520px no-repeat; }

#slideshow #arrowright a { position: absolute; z-index: 999; width: 40px; height: 260px; background: url("../../images/slideshow/arrowright.png") right top no-repeat; }
#slideshow #arrowright a:hover { background: url("../../images/slideshow/arrowright.png") right -260px no-repeat; }
#slideshow #arrowright a:active { background: url("../../images/slideshow/arrowright.png") right -520px no-repeat; }

#arrowhide { width: 940px; margin: 0 auto; }
#arrowhide a { float: left; width: 940px; height: 15px; background: url("../../images/slideshow/arrowhide.png") left top no-repeat; }
#arrowhide a:hover { background: url("../../images/slideshow/arrowhide.png") left -15px no-repeat; }
#arrowhide a.hidden { background: url("../../images/slideshow/arrowhide.png") left -30px no-repeat; }
#arrowhide a.hidden:hover { background: url("../../images/slideshow/arrowhide.png") left -45px no-repeat; }

#slideshow #slides { float: left; width: 940px; height: 260px; background: #780a28; }
#slideshow .slide { float: left; width: 940px; height: 260px; }

/* 	Slideshow Content  */

#slideshow .slide .content { float: left; padding: 35px; width: 650px; }
#slideshow .slide .content h2 { font-size: 2.8em; line-height: 120%; color: white; }
#slideshow .slide .content p { color: white; margin-bottom: 25px; }
#slideshow .slide .content a { color: white; }

#slideshow .slide .content .toolbar { float: left; width: 460px; }

#slideshow .slide .content .readmore { float: left; height: 37px; }
#slideshow .slide .content .readmore a { float: left; color: white; text-decoration: none; height: 37px; cursor: pointer; }
#slideshow .slide .content .readmore a .leftcorners { float: left; height: 37px; background: url("../../images/slideshow/button/leftcorners.png") left top no-repeat; }
#slideshow .slide .content .readmore a .rightcorners { float: left; height: 37px; background: url("../../images/slideshow/button/rightcorners.png") right top no-repeat; }
#slideshow .slide .content .readmore a .bg { 
	float: left;
	height: 23px;
	background: url("../../images/slideshow/button/bg.png") left top repeat-x;
	margin: 0 23px 0 15px;
	padding: 7px 15px 7px 0;
}
#slideshow .slide .content .readmore a:hover .leftcorners { background: url("../../images/slideshow/button/leftcorners.png") left -37px no-repeat; }
#slideshow .slide .content .readmore a:hover .rightcorners { background: url("../../images/slideshow/button/rightcorners.png") right -37px no-repeat; }
#slideshow .slide .content .readmore a:hover .bg { background: url("../../images/slideshow/button/bg.png") left -37px repeat-x; }

#slideshow .slide .content .links { float: right; }
#slideshow .slide .content .links ul {  }
#slideshow .slide .content .links ul li { 
	float: left;
	display: inline;
	list-style: none;
	padding: 7px 10px;
	background: url("../../images/slideshow/separator.png") right center no-repeat; 
}
#slideshow .slide .content .links ul li.last { background: none; }

/* 
	Slideshow - Slides
	------------------
*/

#slide1 {
	background: url("../../content/slideshow/slide005.png") left top no-repeat;
}
#slide2 {
	background: url("../../content/slideshow/slide004.png") left top no-repeat;
}
#slide3 {
	background: url("../../content/slideshow/slide003.png") left top no-repeat;
}

/* 
----------------------------------------
	Page Heading
----------------------------------------
*/

#heading { float: left; width: 100%; }
#heading .container #headinger { width: 100%; height: 100px; }

#heading .head { float: left; width: 940px; height: 100px; background: url("../../images/heading/bg.png") left top no-repeat; }
#heading .head h2 { float: left; width: 50%; font-size: 2.8em; line-height: 120%; padding: 30px 35px; color: white; }
#heading .head p { float: right; width: 55%; padding: 40px 35px; color: white; text-align: right; }



#heading2 { float: left; width: 100%; }
#heading2 .container #headinger { width: 100%; height: 100px; }

#heading2 .head { float: left; width: 940px; height: 100px; background: url("../../images/heading/bg.png") left top no-repeat; }
#heading2 .head h2 { float: left; width: 50%; font-size: 2.8em; line-height: 120%; padding: 30px 35px; color: white; }
#heading2 .head p { float: right; width: 55%; padding: 40px 35px; color: white; text-align: right; }

/* 

----------------------------------------
	Breadcrumbs
----------------------------------------
*/

#breadcrumbs { float: left; width: 100%; height: 25px; margin: 30px 0; font-size: .95em; margin-top :-10px; }
#breadcrumbs .inside { height: 25px; }

#breadcrumbs #breadcrumb { float: left; width: 60%; }

#breadcrumbs #breadcrumb .youarehere { float: left; height: 25px; color: white; margin-top:-25px; }
#breadcrumbs #breadcrumb .youarehere .leftcorners { float: left; width: 100%; background: url("../../images/breadcrumbs/leftcorners.png") left top no-repeat; }
#breadcrumbs #breadcrumb .youarehere .rightarrow { float: left; width: 100%; background: url("../../images/breadcrumbs/rightarrow.png") right top no-repeat; }
#breadcrumbs #breadcrumb .youarehere .bg { float: left; background: url("../../images/breadcrumbs/bg.png") left top repeat-x; margin: 0 8px 0 5px; padding: 3px 10px; }

#breadcrumbs #breadcrumb .active { float: left; height: 25px; color: #828ca0;  }
#breadcrumbs #breadcrumb .active a { color: #828ca0; text-decoration: none;  }
#breadcrumbs #breadcrumb .active a:hover { color: #505a6e; }
#breadcrumbs #breadcrumb .active .leftcorners { float: left; width: 100%; background: url("../../images/breadcrumbs/activeleftcorners.png") left top no-repeat; margin: 0 0 0 100px; }
#breadcrumbs #breadcrumb .active .rightarrow { float: left; width: 100%; background: url("../../images/breadcrumbs/activerightcorners.png") right top no-repeat; margin: 10px 0 10 0px;}
#breadcrumbs #breadcrumb .active .bg { float: left; background: url("../../images/breadcrumbs/activebg.png") left top repeat-x; margin: 10 10 0 10px; padding: 3px 10px; }

#breadcrumbs #breadcrumb .inactive { float: left; height: 25px; color: #828ca0; }
#breadcrumbs #breadcrumb .inactive a { color: #828ca0; text-decoration: none; }
#breadcrumbs #breadcrumb .inactive a:hover { color: #505a6e; }
#breadcrumbs #breadcrumb .inactive .leftcorners { float: left; width: 100%; background: url("../../images/breadcrumbs/inactiveleftcorners.png") left top no-repeat; }
#breadcrumbs #breadcrumb .inactive .rightarrow { float: left; width: 100%; background: url("../../images/breadcrumbs/inactiverightcorners.png") right top no-repeat; }
#breadcrumbs #breadcrumb .inactive .bg { float: left; background: url("../../images/breadcrumbs/inactivebg.png") left top repeat-x; margin: 0 8px 0 8px; padding: 3px 10px; }

#breadcrumbs #tools { float: right; width: 30%; text-align: right; padding: 5px 20px; }
#breadcrumbs #tools a { color: #828ca0; }
#breadcrumbs #tools a:hover { color: #505a6e; }

#breadcrumbs ul li { list-style: none; display: inline; padding: 0 10px; background: url("../../images/footer/separator.png") right center no-repeat; }
#breadcrumbs ul li.first { padding-left: 0; }
#breadcrumbs ul li.last { padding-right: 0; background: none; }

/* 
----------------------------------------
	Boxes
----------------------------------------
*/

.box { float: left; text-align: left; margin-right: 20px; }
.box.last { margin-right: 0; }

.box300 { width: 300px; }
.box300 .heading .bg, .box300 .content .bg { width: 277px; }
.box300 .heading h3 { 
	font-size: 1.2em;
	color: #505a6e;
	padding: 8px 10px;
	height: 19px;
}
box3001 { width: 300px; }
.box3001 .heading351 .bg, .box3001 .content .bg { width: 277px; }
.box3001 .heading351 h3 { 
	font-size: 1.2em;
	color: #505a6e;
	padding: 8px 10px;
	height: 19px;
}

box3002 { width: 300px; }
.box3002 .heading352 .bg2, .box3002 .content .bg { width: 277px; }
.box3002 .heading351 h3 { 
	font-size: 1.2em;
	color: #505a6e;
	padding: 8px 10px;
	height: 19px;
}

.box620 { width: 897px; }
.box620 .heading .bg, .box620 .content .bg { width: 930px; }
.box620 .heading h3 { 
	font-size: 1.2em;
	color: #505a6e;
	padding: 8px 10px;
	height: 19px;
}

/* 	Box Heading Commons  */

.box .heading { float: left; width: 100%; }

.box .heading35 .leftcorners { float: left; width: 100%; background: url("../../images/box/heading/leftcorners35.png") left top no-repeat; }
.box .heading35 .rightcorners { float: left; width: 100%; background: url("../../images/box/heading/rightcorners35.png") right top no-repeat; }
.box .heading35 .bg { float: left; background: url("../../images/box/heading/bg35.png") left top repeat-x; margin: 0 10px; }

.box .heading351 .leftcorners { float: left; width: 100%; background: url("../../images/box/heading/leftcorners35.png") left top no-repeat; }
.box .heading351 .rightcorners { float: left; width: 100%; background: url("../../images/box/heading/rightcorners35.png") right top no-repeat; }
.box .heading351 .bg { float: left; background: url("../../images/box/heading/bg35.png") left top repeat-x; margin: 0 10px; }

.box .heading352 .leftcorners2 { float: left; width: 100%; background: url("../../images/box/heading/leftcorners35.png") left top no-repeat; }
.box .heading352 .rightcorners2 { float: left; width: 100%; background: url("../../images/box/heading/rightcorners35.png") right top no-repeat; }
.box .heading352 .bg2 { float: left; background: url("../../images/box/heading/bg35.png") left top repeat-x; margin: 0 10px; }


.box .heading40 .leftcorners { float: left; width: 100%; background: url("../../images/box/heading/leftcorners40.png") left top no-repeat; }
.box .heading40 .rightcorners { float: left; width: 100%; background: url("../../images/box/heading/rightcorners40.png") right top no-repeat; }
.box .heading40 .bg { float: left; background: url("../../images/box/heading/bg40.png") left top repeat-x; margin: 0 10px; }

.box .heading h3 { 
	float: left;
	font-weight: bold;
	text-shadow: 1px 1px 1px white;
	margin: 0;
}

/* 	Box Content Commons  */

.box .content { float: left; width: 100%; }
.box .content .leftcorners { float: left; width: 100%; background: url("../../images/box/content/leftcorners.png") left bottom no-repeat; }
.box .content .rightcorners { float: left; width: 100%; background: url("../../images/box/content/rightcorners.png") right bottom no-repeat; }
.box .content .bg { float: left; background: url("../../images/box/content/bg.png") left bottom repeat-x; margin: 0 10px; }
.box .content .insider { 
	float: left;
	padding: 15px 10px;
	margin: 0;
}

.box .content p { text-align: justify; margin-bottom: 15px; }
.box .content ul { list-style: none; }
.box .content ul li { list-style: none; }

/* 	Button Commons (Read more ...)  */

.button { float: right; height: 30px; margin: 10px 0; }
.button a { float: left; color: #828ca0; text-decoration: none; height: 30px; cursor: pointer; }
.button a:hover { color: #505a6e; }
.button a .btleftcorners { float: left; height: 30px; background: url("../../images/box/button/leftcorners.png") left top no-repeat; }
.button a .btrightcorners { float: left; height: 30px; background: url("../../images/box/button/rightcorners.png") right top no-repeat; }
.button a .btbg { 
	float: left;
	height: 18px;
	background: url("../../images/box/button/bg.png") left top repeat-x;
	margin: 0 18px 0 12px;
	padding: 6px 15px 6px 5px;
}
.button a:hover .btleftcorners { background: url("../../images/box/button/leftcorners.png") left -30px no-repeat; }
.button a:hover .btrightcorners { background: url("../../images/box/button/rightcorners.png") right -30px no-repeat; }
.button a:hover .btbg { background: url("../../images/box/button/bg.png") left -30px repeat-x; }

/* 
----------------------------------------
	Features
----------------------------------------
*/

#features { float: left; padding-bottom: 40px; }

#features p { margin: 0; }

#features .box300
{
	width: 300px;
	margin-top :-40px;
}	
#features .box300 .heading h3 { 
	font-size: 1.3em;
	color: #780a28;
	padding: 11px 10px;
	height: 18px;
	
}

/* 	Features Icons  */

#features .icon { position: absolute; margin: 8px 0 0 210px; width: 64px; height: 64px; z-index: 999; }

#features .icon.analyzeevolve { background: url("../../content/icons/analyzeevolve.png") right top no-repeat; }
#features .icon.socialmedia { background: url("../../content/icons/socialmedia.png") right top no-repeat; }
#features .icon.getfeedback { background: url("../../content/icons/getfeedback.png") right top no-repeat; }

/* 	Features Read More Button  */

#features .readmore { float: left; height: 30px; margin-bottom: 4px; margin-left: 80px; }
#features .readmore a { float: left; color: white; text-decoration: none; height: 30px; cursor: pointer; }
#features .readmore a .rmleftcorners { float: left; height: 30px; background: url("../../images/box/features/button/leftcorners.png") left top no-repeat; }
#features .readmore a .rmrightcorners { float: left; height: 30px; background: url("../../images/box/features/button/rightcorners.png") right top no-repeat; }
#features .readmore a .rmbg { 
	float: left;
	height: 18px;
	background: url("../../images/box/features/button/bg.png") left top repeat-x;
	margin: 0 16px 0 10px;
	padding: 6px 15px 6px 5px;
}
#features .readmore a:hover .rmleftcorners { background: url("../../images/box/features/button/leftcorners.png") left -30px no-repeat; }
#features .readmore a:hover .rmrightcorners { background: url("../../images/box/features/button/rightcorners.png") right -30px no-repeat; }
#features .readmore a:hover .rmbg { background: url("../../images/box/features/button/bg.png") left -30px repeat-x; }

#features .readmore a:active .rmleftcorners { background: url("../../images/box/features/button/leftcorners.png") left -60px no-repeat; }
#features .readmore a:active .rmrightcorners { background: url("../../images/box/features/button/rightcorners.png") right -60px no-repeat; }
#features .readmore a:active .rmbg { background: url("../../images/box/features/button/bg.png") left -60px repeat-x; }

/* 
----------------------------------------
	Content
----------------------------------------
*/

#centerrail { float: left; width: 620px; margin-right: 20px; padding: 0; }
#centerrail1 { float: left; width: 420px; margin-right: 20px; padding: 0; }
#contentrail { float: left; width: 680px; margin-right: 60px; padding: 0; }
#contentrail1 { float: left; width: 480px; margin-right: 60px; padding: 0; }
#contentrail2 { float: left; width: 780px; margin-right: 60px; padding: 0; }
#rightrail { float: left; width: 300px; }

#rightrail .box { margin-bottom: 20px; }

#contentrail p { margin-bottom: 1.2em; text-align: justify; }
#contentrail1 p { margin-bottom: 1.2em; text-align: justify; }
#contentrail2 p { margin-bottom: 1.2em; text-align: justify; }
#contentrail img { float: left; margin-right: 30px; margin-bottom: 10px; }
#contentrail1 img { float: left; margin-right: 30px; margin-bottom: 10px; }
#contentrail2 img { float: left; margin-right: 30px; margin-bottom: 10px; }
#contentrail img.left { margin-right: 30px; margin-bottom: 10px; }
#contentrail1 img.left { margin-right: 30px; margin-bottom: 10px; }
#contentrail2 img.left { margin-right: 30px; margin-bottom: 10px; }
#contentrail img.right { margin-left: 30px; margin-bottom: 10px; }
#contentrail1 img.right { margin-left: 30px; margin-bottom: 10px; }
#contentrail2 img.right { margin-left: 30px; margin-bottom: 10px; }
#contentrail h2 { background: url("../../images/dottedline.png") left bottom repeat-x; padding: .7em 0; }
#contentrail1 h2 { background: url("../../images/dottedline.png") left bottom repeat-x; padding: .7em 0; }
#contentrail2 h2 { background: url("../../images/dottedline.png") left bottom repeat-x; padding: .7em 0; }
#contentrail h3 { background: url("../../images/dottedline.png") left bottom repeat-x; padding: .7em 0; }
#contentrail1 h3 { background: url("../../images/dottedline.png") left bottom repeat-x; padding: .7em 0; }
#contentrail2 h3 { background: url("../../images/dottedline.png") left bottom repeat-x; padding: .7em 0; }
#contentrail2 .cleintele
{
	border: 1px solid #800000;
	padding: 1px;
	margin: 1px;
	width: 150px;
	height: 150px;
	position: relative;
	display: block;
	table-layout: auto;
}
/* 
	News / Article Commons
	----------------------
*/

.article h3 { background: none !important; margin: 0 !important; font-weight: normal; padding: .7em 0; }
.article h3 a { text-decoration: none; }
.article h3 a:hover { text-decoration: underline; }

.article .infobar { float: left; width: 100%; }
.article .infobar .info { float: left; padding: 15px 0; font-size: .95em; }
.article .infobar .button { float: right; }

.article p { margin-bottom: 0 !important; }

.article { padding-bottom: 10px; margin-bottom: 10px; background: url("../../images/dottedline.png") left bottom repeat-x; }
#news .article { padding-bottom: 0; margin-bottom: 0; background: none; }

/* 
	Paging
	------
*/

.paging { margin: 30px 0; }
.paging ul { list-style: none; }
.paging ul li { float: left; height: 25px; color: white; margin-right: 10px; }
.paging ul li a { float: left; height: 25px; color: white; text-decoration: none; color: #828ca0; }
.paging ul li a:hover { color: #780a28; }
.paging ul li.active a { color: white; }
.paging ul li.active a:hover { color: #f0f0f0; }

.paging ul li a .leftcorners { float: left; width: 100%; background: url("../../images/blog/paging/leftcorners.png") left top no-repeat; }
.paging ul li a .rightcorners { float: left; width: 100%; background: url("../../images/blog/paging/rightcorners.png") right top no-repeat; }
.paging ul li a .bg { float: left; height: 19px; background: url("../../images/blog/paging/bg.png") left top repeat-x; margin: 0 7px 0 7px; padding: 3px 2px; }

.paging ul li a:hover .leftcorners { background: url("../../images/blog/paging/leftcorners.png") left -25px no-repeat; }
.paging ul li a:hover .rightcorners { background: url("../../images/blog/paging/rightcorners.png") right -25px no-repeat; }
.paging ul li a:hover .bg { background: url("../../images/blog/paging/bg.png") left -25px repeat-x; }

.paging ul li.active a .leftcorners { background: url("../../images/blog/paging/leftcorners.png") left -50px no-repeat; }
.paging ul li.active a .rightcorners { background: url("../../images/blog/paging/rightcorners.png") right -50px no-repeat; }
.paging ul li.active a .bg { background: url("../../images/blog/paging/bg.png") left -50px repeat-x; }

/* 
	FAQ
	---
*/

.question h3 { background: none !important; margin: 0 !important; font-weight: normal; padding: .7em 0; }
.question p { margin-bottom: 0 !important; }
.question { padding-bottom: 10px; margin-bottom: 10px; background: url("../../images/dottedline.png") left bottom repeat-x; }
.question.last { background: none; }

/* 
	Twitter Updates
	---------------
*/

#twitter #tweet li { list-style: none; }
#twitter .button { margin-top: 0; }

/* 
	Newsletter Sign Up
	------------------
*/

#newsletter .newslettersignup { float: right; width: 260px; margin-bottom: 5px; }
#newsletter .newslettersignup input { 
	float: left;
	width: 146px;
	border: none;
	padding: 7px;
	color: #838da1;
	background: #edeff1 url("../../images/form/miniforminput.png") left top no-repeat;
}
#newsletter .newslettersignup button { 
	float: left;
	width: 100px;
	height: 30px;
	padding: 6px 0;
	border: none;
	text-align: center;
	font-weight: bold;
	color: white;
	text-shadow: -1px -1px 1px #4f061b;
	cursor: pointer;
	background: #edeff1 url("../../images/form/miniformbutton.png") left top no-repeat;
}
#newsletter .newslettersignup button:hover { 
	color: #edeff1;
	background: #edeff1 url("../../images/form/miniformbutton.png") left -30px no-repeat;
}
#newsletter .newslettersignup button:active { 
	color: white;
	background: #edeff1 url("../../images/form/miniformbutton.png") left -60px no-repeat;
}

/* 
----------------------------------------
	Footer
----------------------------------------
*/

#footer { float: left; width: 100%; font-size: .95em; margin-bottom: 50px; margin-top: 120px; background: url("../../images/footerbg.png") left top repeat-x; color: #828c96; }

#footer .left { padding: 35px 0 35px 55px; background: url("../../images/footerlogo.png") left 25px no-repeat; }
#footer .right { padding: 35px 0; }


#footer1 { float: left; width: 100%; font-size: .95em; margin-bottom: 50px; margin-top: 520px; background: url("../../images/footerbg.png") left top repeat-x; color: #828c96; }

#footer1 .left { padding: 35px 0 35px 55px; background: url("../../images/footerlogo.png") left 25px no-repeat; }
#footer1 .right { padding: 35px 0; }
#footer1 .Cleintele{ width:100px; height:100px;}
/* 
#footer ul { list-style: none; }
#footer ul li { list-style: none; display: inline; padding: 0 10px; background: url("../../images/footer/separator.png") right center no-repeat; }
#footer ul li.first { padding-left: 0; }
#footer ul li.last { padding-right: 0; background: none; }

#footer a { color: #828c96; }
#footer a:hover { color: #505a6e; }
*/