@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; }

/*	-------------------------------------------------------------	TABLES- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.tableheader {background:#f1f1f1; font-size:14px; padding: 2px;}

.table-box {margin: 15px 0; padding: 2px;}

.table-box td{border-bottom: 1px dotted #ccc; padding: 10px 2px;}

#table-a {	width: 600px;	height: auto;	margin:0 0 20px 0;	float:left;	border-collapse: separate;	border-bottom:1px solid #cecece }#table-a caption {	font-family:"TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	font-size:20px;	color: #333;	margin:10px 0 20px 0;	padding:0;	text-align: centre; }		#table-a thead {	height:55px;	line-height: 55px;	background: url("../../images/bg_table_thead.gif") no-repeat top right; }	#table-a thead th {	color:#333;	text-shadow: 0 1px 0 #383838;	text-align: centre;	font-size: 14px;	padding:0 0 0 10px; }	#table-a tbody {	font-size:0.9em;	background:#fcfcfc; }	#table-a tr.alt {	background:#e9e9e9; }	#table-a tr.alt td {	border-left:1px solid #fff;	border-bottom:1px solid #e4e4e4;	border-top:1px solid #e4e4e4; }	#table-a tr.alt td.left {	border-left:1px solid #cecece; }	#table-a td {	padding:10px;	color:#666;	font-weight: normal;	border:none;	border-left:1px solid #cecece;	vertical-align: middle;}	#table-a td.left {	width:150px;	color:#333;	font-weight: bold;	padding:10px 10px 10px 15px;	border-left:1px solid #cecece; }	#table-a td.last {	border-right:1px solid #cecece; }	#table-a td.price {	color:#5381ac;	font-size:14px; }	#table-a td.order {	background:#fff;	padding:20px 0 0 10px;	border: none !important; }#table-a td.order a {	color:#fff;	padding:10px 13px;	font-size:12px;	font-weight: bold;	margin:0 10px 0 0;	background:#5381ac;	-moz-border-radius: 5px;	-khtml-border-radius: 5px;	-webkit-border-radius: 5px;	-ms-border-radius: 5px; }
/* 
----------------------------------------
	Plans
----------------------------------------
*/
.PlansBox {
	line-height:24px;
	font-weight:bold;
	background: url(images/index_33.gif) repeat-x top;
	width:293px;
	height:148px;
	font-weight:bold;
}
.PlansBox table{
	font-weight:bold;
	}
.plansHeading{
	background:url(images/nav-bg.png) repeat-x #1075b1;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	text-align:center;
	}
/* 
----------------------------------------
	Header
----------------------------------------
*/

/* 	Header - Homepage  */

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

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

#logo { float: left; width: 250px; height: 80px; margin-top: 40px; }

/* 
	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: #1e64c8;
	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 #0c3976;
	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; }
#menu .inside { height: 45px; }

#menu .leftcorners { float: left; position: relative; width: 100%; height: 45px; background: url("../../images/menu/leftcorners.png") left top no-repeat; }
#menu .rightcorners { float: left; width: 100%; height: 45px; background: url("../../images/menu/rightcorners.png") right top no-repeat; }
#menu .bg { float: left; width: 930px; height: 45px; background: url("../../images/menu/bg.png") left top repeat-x; 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: 19px;
	color: #f0f0f0;
	text-decoration: none;
	border-right: 1px solid #788296;
	border-left: 1px solid #a0aabe;
	text-shadow: -1px -1px 1px #5a5f6e;
	background: url("../../images/menu/bg.png") left top repeat-x;
	font-weight: bold;
}
#menu ul li a:hover { 
	color: white;
	background: url("../../images/menu/bg.png") left -45px repeat-x;
}
#menu ul li a:active {
	color: white;
	border-left: 1px solid #828ca0;
	background: url("../../images/menu/bg.png") left -90px repeat-x;
}
#menu ul li.first a {
	border-left: 0;
}
#menu ul li.active a {
	color: white;
	border-left: 1px solid #828ca0;
	background: url("../../images/menu/bg.png") left -90px repeat-x;
}
#menu ul li.active a:hover {
	color: white;
	border-left: 1px solid #a0aabe;
	background: url("../../images/menu/bg.png") left -45px repeat-x;
}

/* 	Popup Menu  */

#menu ul li ul {
    position: absolute;
    top: 45px;
	left: 0;
    display: none;
	z-index: 999;
}
#menu ul li ul li {
	padding: 0 10px;
	background: #8c95a9;
	position: relative;
}
#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: 90px; }
#claim .inside { height: 90px; }

#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: 90px; background: url("../../images/claim/bg.png") left top repeat-x; margin-left: 3px; }

#claim p { float: left; width: 750px; font-size: 2.3em; color: #505a6e; padding: 25px 30px; text-shadow: 1px 1px 1px white; }
#claim p a { color: #505a6e; text-decoration: none; }
#claim p a:hover { color: #1e64c8; }
#claim .more { float: right; width: 30px; height: 30px; font-size: 1.8em; color: #505a6e; margin: 32px 35px; text-align: left; }
#claim .more a { 
	float: right;
	width: 6px;
	height: 22px;
	color: #505a6e;
	padding: 4px 12px;
	text-decoration: none;
	background: url("../../images/claim/morebg.png") left top no-repeat;
}
#claim .more a:hover { color: #1e64c8; 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: #1e64c8; }
#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/slide001.png") left top no-repeat;
}
#slide2 {
	background: url("../../content/slideshow/slide002.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: 25%; 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; }

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

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

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

#breadcrumbs #breadcrumb .youarehere { float: left; height: 25px; color: white; }
#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; }
#breadcrumbs #breadcrumb .active .rightarrow { float: left; width: 100%; background: url("../../images/breadcrumbs/activerightcorners.png") right top no-repeat; }
#breadcrumbs #breadcrumb .active .bg { float: left; background: url("../../images/breadcrumbs/activebg.png") left top repeat-x; margin: 0 5px 0 8px; 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; }

.box200 { width: 200px; }
.box200 .heading .bg, .box300 .content .bg { width: 177px; }
.box200 .heading h3 { 
	font-size: 1.0em;
	color: #505a6e;
	padding: 8px 10px;
	height: 19px;
}

.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;
}

.box620 { width: 620px; }
.box620 .heading .bg, .box620 .content .bg { width: 597px; }
.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 .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; }	
#features .box300 .heading h3 { 
	font-size: 1.3em;
	color: #1e64c8;
	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; }
#contentrail { float: left; width: 580px; margin-right: 60px; padding: 0; }
#rightrail { float: left; width: 300px; }

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

#contentrail p { margin-bottom: 1.2em; text-align: justify; }
#contentrail img {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	text-align: center;
}
#contentrail img.left { margin-right: 30px; margin-bottom: 10px; }
#contentrail img.right { margin-left: 30px; margin-bottom: 10px; }
#contentrail 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; }
.sidebar {
	position:fixed;
	float:right;
	width: 225px;
	margin: auto; }
	<div style="text-align:center;width:191px; right:20px; bottom:6px; position:fixed;">
.col-left {
	float:left;
	width: 300px; }

.col-right {
	float:left;
	width: 930px; }
	
/* SIDEBAR */
ul.subnav {
	padding:0;
	margin:0 0 20px 0; }

ul.subnav li  {
	display:block;
	padding: 3px 0;
	background: none; }

ul.subnav li a {
	display:block;
	font-size: 1.1em;
	padding:12px 10px 3px 10px;
	text-align: left;
	border-top:1px solid #efefef;
	color: #919394 }

ul.subnav li a:hover, ul.subnav li a.selected {
	color: #484747 }


ul.subnav li:first-child a  {
	padding-top:0;
	display:block;
	border-top:0px solid #efefef; }
	

/* 
	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: #1e64c8; }
.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 #0c3976;
	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: 50px; 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; }

#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; }