/*------------------------------------------------------
Global Reset
------------------------------------------------------*/	
body{  
margin:0px;
font:normal 12px/20px Arial, Tahoma, Helvetica, sans-serif;
color:#484848;
 background: #1d2a2f;
/* url('images/bg2.jpg') center top no-repeat; */
}

* html {
margin:0;padding:0;
}

.imgborder
{
background:#FFFFFF;
padding:3px;
border:1px solid #ccc;
}
.imgborder:hover
{
background:#fff;
padding:3px;
border:1px solid #aaa;
}

ul,ol{
	list-style-type:inherit;
}

.clear {
clear:both; 
}
.rightalign
{
float:right;
}
.leftalign
{
float:left;
}
.textleft
{
text-align:left;
}
.textright
{
text-align:right;
}

p { margin: 0 0 5px 0;}


blockquote, pre {
	padding: 5px 50px;
	}
	
blockquote {
	background:#f0f0f0;
	border-left:3px solid #ddd;
	margin: 20px 0;
}

blockquote p {
	font: italic 12px/20px Georgia, Times, serif;
	padding:20px 0;
}

blockquote cite
{
 display:block;
float:right;
clear:both;
}



/************************* ------------------
 Header part css here 
----------------------------********************/
.header {
height:140px;
background:#eee url('images/headerbg.jpg');
margin:20px 10px 0 10px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
}
 
.slogan h3{
font:normal 20px Arial, Helvetica, sans-serif;
color:#fff;
padding-top:25px;
text-align:right;
}

.slogan h6{
color:#fff;
margin:0;
text-align:right;
}

.logo{
margin:3px 0 0 15px;
}

 
  
/**************************----------------
 Backgrounds 
 -----------------------------***********/
.bgcol
{
background:#00CCFF;
}

.bg_top{
background: url('images/topmid.png') no-repeat;
height:0;
display:none;
}

.bg_repeat{
background: url('images/mid_plain.png') repeat-y;
overflow:hidden;
height:100%;
}

.bg_bottom{
background: url(images/footer.jpg) no-repeat;
height:100px;
text-align:center;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.bg_bottom p{
clear:both;
color:#ccc;
margin-top:35px
}
#footermenu {
margin:0 0 20px 150px;
padding:35px 0 0 0;
text-align:center;
}
#footermenu li {
display:inline;
padding:0 20px 0 20px;
border-right:1px solid #C3D8DF;
float:left;
}
#footermenu li a {
display:inline;
color:#EEE;
font-size:10px;
}

/************* --------------------------
 Start BreadCrumb here 
 ------------------------------------********/  
 
.subheader{
background: url(images/sliderbg.gif) center top no-repeat;
height:110px;
position:relative;
margin-bottom:0px;
}

.subheader h2{
color:#fff;
padding:30px 0 0 20px;
}
.subheader p{
padding:40px 20px 0 0;
color:#FFFFFF;
}
.subheader span
{
color:#fff;
position:absolute;
bottom:10px;
left:25px;
}


.subheader span a { color:#ddd; padding:0 5px; font-size:11px;}
.subheader span a:hover { color:#fff;}
 




/************************************************
                      HEADINGS                  
************************************************/

h1{
font: normal 40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
color:#000;
}

h2{
font: normal 26px/30px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
color:#444847;
margin:0 0 5px 0;
}

h3 		{ 
font: normal 22px/26px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#484848;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
}

h4 		{ 
font: bold 16px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#DF2941; 
border-bottom:1px solid #DF2941;
padding:0 0 0 0;
margin:10px 0 5px 0;
}

h5 		{ 
font: normal 16px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#5d5d5d; 
padding:0 0 0 0;
margin:0 0 5px 0;
}

h6 		{ 
font: italic normal 12px Georgia, Arial, Helvetica, sans-serif; 
color:#4D4C4C; 
padding:0 0 0 0;
margin:0 0 5px 0;
}


a {
text-decoration:none;
color:#2f736c;
}
a:hover
{
color:#934858;
text-decoration:none;
}
.middle_content
{
padding:20px 30px 20px 20px;
margin:0px;
}

.middle_content p
{
margin:10px 0 18px 0;
}





/************* --------------------------
quick-contact start            
----------------------------------********/
.quick-contact
{ 
margin-top:20px; 
border:0px solid #dddddd; 
background:none;
color:#484848;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
height:100%;
overflow:hidden;
} 

 
.quick-contact p
{
font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
color:#484848;
text-align:left;
}
.quick-contact img
{
vertical-align:top;
}

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

.footer
{
padding:30px 0;
color:#CCCCCC;
text-align:center;
font:Arial, Helvetica, sans-serif;
}

/*--------------------------------------------
  				Twitter box
  		------------------------------------*/
.leftsidebar {
 padding:20px;   
 margin:0 5px;}


.twitterbox
{
padding:20px;
}

.twitterbox p
{
font: italic normal 12px Georgia, Arial, Helvetica, sans-serif; 
}

/*------------------------------------------------------
  				News Unordered Lists
  ------------------------------------------------------*/	
	.sidebar h2{
padding:0 0 0 10px;
	}
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;;
}

ul.newslist li
{
padding:3px 0 3px 5px;
margin-bottom:5px;
color:#666666;
}
ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:3px 0px;color:#959595;
text-decoration:none;
}

ul.newslist li a:hover
{
color:#000;
padding:3px 0px;
text-decoration:none;
}

ul.newslist li span
{
font-weight:bold;
display:block;
}
/*--------------------------------------------
  				Sidebar Menu
  		------------------------------------*/
		
.submenu {
margin:0 0px 20px 0px;
text-align:left;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 0px;
}

.submenu li a {
voice-family:inherit;
margin:0 0 0px 0;
height:16px;
overflow:hidden;
height:100%;
background:#f5f5f5;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a {
margin:0 0 0 0;
border:1px solid #eee;
text-decoration:none;

}

.submenu li li a:link, .submenu li li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li a:link, .submenu li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li.current a {
text-decoration:none;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
color:#000;
background:#eee;
}

.submenu li a:hover {
background:#eee;
color:#000;
padding:6px 10px;
z-index:100;
text-decoration:none;
}

/*--------------------------------------------
  				Sidebar box
  		------------------------------------*/
		
.sidebarbox h3 		{ 
font: normal 22px/28px Georgia, Arial, Helvetica, sans-serif; 
color:#4D4C4C;
text-align:center;
padding:10px;
margin:0;
text-decoration:none;
}


.sidebarbox {
border:0px solid #cbcbcb;
background:none;
padding:15px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}

.tour	{
	padding:10px 0 0 0px;
	border:none;
}

/*------------------------------------------------------
  				Services Page Services Block
  ------------------------------------------------------*/
	.servicebox{
margin-left:20px;
padding:15px;
border-bottom :1px dashed #717171; 
}
.servicebox p, .servicebox ul.listitems, .servicebox h3
{
 margin-left:80px;
}


.servicebox2
{
border-bottom :1px dashed #717171; 
overflow:hidden;
height:100%;
padding:20px;
margin:0;
}
.servicebox2 h3, .servicebox2 p
{
margin:0;
padding-left:10px;
margin-left:70px;
}

.servicebox2 img
{
border-right:1px solid #ddd;
padding-right:5px;
}


.readmore
{
margin:10px 0 10px 0;
color:#fff;
background:#2f736c;
padding:2px 10px;
text-decoration:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;

}
a.readmore:hover
{
color:#fff;
background:#934858;
text-decoration:none;
}
/************* -------------------------------------------
Portfolio page  middle part content css here             
---------------------------------------------------********/  


.content-box{ 
background:url(images/borderbottom.gif) center bottom no-repeat;
margin:0 0 20px 0;
overflow:hidden;
height:100%;
}

.content-box p
{

font:normal 12px/22px Georgia, "Times New Roman", Times, serif;
margin:10px 0 0;
}

.content-box h3 a:hover
{
border-bottom:1px solid #999; 
}

.content-box img
{
margin:10px 20px 0 0;
}

.post-info{
padding:5px;
border-bottom:1px dashed #717171; 
border-top:1px dashed #717171; 
margin:0;
font:normal 11px/20px   Arial, Helvetica, sans-serif;
color:#000; 
}

.postimg{
	margin-right:20px;
	margin-bottom:20px;
}

.bottomblog {
	border-top:1px solid #ccc;
	padding:10px 0;
	height:20px;
	margin:10px 0;
	border-bottom:1px solid #ccc;
}

.comments
{
float:right;
padding:0px 0 0 0;
background: url(images/comment.gif) no-repeat;
width:85px;
text-align:center;
height:26px;
}

.comments a		 { color:#777; text-decoration:none;}
.comments a:hover	 { color:#69452e; text-decoration:none;}

 


/*------------------------------------------------------
  	Top Menu Lists
  ------------------------------------------------------*/	
.topmenubg	{
width:940px;
height:40px;
background:url('images/navbg.jpg');
}

.topmenu
{
padding-left:10px;
padding-top:8px;

}

#dropmenu, #dropmenu ul {margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:400; width:100%;  font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#dropmenu a {display:block; padding:0.25em 1em; color:#eee; border-right:1px solid #c8c8c8; text-decoration:none;}
#dropmenu a:hover {background:#19475a; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;background:#fff;}
#dropmenu li ul {border-top:1px solid #c8c8c8;background:#fff; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #ddd;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current_page_item a:link  {background:#19475a; color:#fff;}
#dropmenu li.current_page_parent a {background:#19475a; color:#fff;}
#dropmenu li.current-cat a {background:#19475a; color:#fff;}

/******* COLORS **********/

.yellow 	{ color:#FFCC33; }
.skyblue 	{ color:#9fe5ff; }
.gray 	{ color:#484848 !important; }
.white 	{ color:#ffffff; }

/******* Table **********/
table{
border:none;
border-collapse:collapse;
margin:10px 0 10px 0;
}

td,th
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:10px 15px;
}
th
{
background:url(images/table-head-mid.gif) repeat-x 0 0;
text-align:left;
padding-left:20px;
}
th.lefthead
{background:url(images/table-head-left.gif) no-repeat 0 0;
text-align:left;
padding-left:20px;
}
th.righthead
{background:url(images/table-head-right.gif) no-repeat right top;
text-align:left;
}

table a {text-decoration:none;}
table a:link {}
table a:visited {}

tbody tr:hover 		{background:#f1f1f1;}

tr.even
{
background:#f1f1f1;
}

/*******************************************************
  				Error / Success / Notice	
*******************************************************/

.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}


/* ############### Comments Page ############### */
.commentlist li, #commentform input, #commentform textarea
{
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li
{
	font-size: 1em;
}
.commentlist li
{
	background: #FFFFFF;
	border: 1px solid #dddddd;
	font-weight: bold;
	padding: 8px;
}
.commentlist li .avatar
{
	background: #fff;
	border: 1px solid #eee;
	float: right;
	padding: 2px;
}
.commentlist cite, .commentlist cite a
{
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
}
.commentlist p
{
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p
{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata
{
	font-weight: normal;
}
#commentform input
{
	margin: 5px 5px 1px 0;
	padding: 2px;
	width: 170px;
}
#commentform
{
	margin: 5px 10px 0 0;
}
#commentform textarea
{
	padding: 2px;
	width: 100%;
}
#respond:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#commentform #submit
{
	float: right;
	margin: 0 0 5px auto;
}
.alt
{
	margin: 0;
	padding: 10px;
}
.commentlist
{
	padding: 0;
	text-align: justify;
}
.commentlist li
{
	list-style: none;
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
}
.commentlist li ul li
{
	margin-left: 10px;
	margin-right: -5px;
}
ul.children
{
	margin-right: 5px;
}
.commentlist p
{
	margin: 10px 5px 10px 0;
}
.children
{
	padding: 0;
}
#commentform p
{
	margin: 5px 0;
}
.nocomments
{
	margin: 0;
	padding: 0;
	text-align: center;
}
.commentmetadata
{
	display: block;
	margin: 0;
}

/* ############### Search Input ############### */
div.search fieldset
{
	display: block;
	position: relative;
	top: -2px;
	width: 190px;
	float:left;
margin-bottom:40px;
}
div.search form label
{
	background: url(images/searchbar.png) no-repeat;
	display: block;
	height: 29px;
	width: 184px;
}
div.search fieldset legend
{
	display: none;
}
div.search form label input
{
	background: none;
	border: none;
	color: #484848;
	margin-left: 2px;
	outline: none;
	padding: 5px 0 0 10px;
	width: 170px;
}
.buttonhide
{
	display: none;
}
small
{
	color: #666666;
	font-size: 80%;
}

/* ############### Portfolio Img Border ############### */
.entry img
{
	background: #fff;
	padding: 3px;
	border: 1px solid #ddd;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.entry ul, .entry ol{
	margin:10px 5px; 
	padding:5px;
	}

.entry ul li, .entry ol li{
	height:100%;
	}

.post .post-info
{
margin-bottom:15px;
}
/* ############### Older Entries /  New Entries ############### */
.entries a:link, .entries a:visited, .entries a:active
{
border:1px solid #ccc;
padding:3px 10px;
}
#paymentsol {
	background:#757F67 url('images/paysolbg.jpg'); 
	float:left;
	height:216px;
	width:298px;
	margin:0 0 0 22px;
}
#paymentsol ul {
	margin:15px 0 0 30px;
	list-style-type:square;
	font-size:14px;
	color:#fff;
}
#paymentsol ul li {
	padding:0;
	margin:5px 0 3px 0;
}
#paymentsol ul li a {
	color:#fff;
}
#paymentsol ul li a:hover {
	color:#ddd;
	border-bottom:1px solid #ddd;
}
#paymentsol ul li a:visited {
	color:#eee;
}

#possol {
	background:#5D6651 url('images/possolbg.jpg'); 
	float:left;
	height:216px;
	width:297px;
	margin:0 0 0 12px;
}
#paymentsol h2{
	margin: 10px 10px 10px 10px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #ADBC96;
}
#possol h2 {
	margin: 10px 10px 10px 10px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #ADBC96;
}
#paymentsol h2 a{
font-size:11px;
color:#E0E4EF;
float:right;
}
#possol h2 a{
font-size:11px;
color:#E0E4EF;
float:right;
}
#repsol h2 a{
font-size:11px;
color:#E0E4EF;
float:right;
}

#possol ul {
	margin:15px 0 0 30px;
	list-style-type:square;
	font-size:14px;
	color:#fff;
}
#possol ul li {
	padding:0;
	margin:5px 0 3px 0;
}
#possol ul li a {
	color:#fff;

}
#possol ul li a:hover {
	color:#ddd;
	border-bottom:1px solid #ddd;
}
#possol ul li a:visited {
	color:#eee;
}

#repsol {
	background:#737F63 url('images/repsolbg.jpg');
	float:right;
	height:216px;
	width:298px;
	margin:0 22px 0 0;
}
#repsol h2 {
	margin: 10px 10px 10px 10px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #ADBC96;
}
#repsol ul {
	margin:15px 0 0 30px;
	list-style-type:square;
	font-size:14px;
	color:#fff;
}
#repsol ul li {
	padding:0;
	margin:5px 0 3px 0;
}
#repsol ul li a {
	color:#fff;
}
#repsol ul li a:hover {
	color:#ddd;
	border-bottom:1px solid #ddd;
}
#repsol ul li a:visited {
	color:#eee;
}


.sollink {
border-bottom:1px solid #2F736C;
margin: 30px 30px 0 0px;
font-size:24px;
}
.subsollink {
margin: 20px 30px 30px 30px;
font-size:16px;
}
.featureglance {
background:#F8FBFC;
float:right;
margin:0 0 15px 15px;
padding:15px;
border:1px solid #E0EEEF;
width:200px;
font-size:14px;
color:#145C6F;
}
.bluecular {
width:290px;
float:left;
border:1px solid red;
margin-right:10px;
}
.alignright {
float:right;
margin:0 0 15px 15px;

}
.alignleft {
float:left;
margin:0 15px 15px 0;

}
.aligncenter {
text-align:center;
margin:10px 10px 10px;
}
.border2 {
border:2px solid #C8C4AA;
}
.entry-content ul {
margin:10px 0 10px 20px;
padding:0;
list-style-type:circle;
}
.entry-content ul li{
margin:0 0 8px 15px;
color:#28240C;
padding:0;
}
.entry-content ol {
margin:10px 0 10px 20px;
padding:0;
list-style-type:decimal;
}
.entry-content ol li{
margin:0 0 8px 15px;
color:#28240C;
padding:0;
}
.subh3 {
font-size:24px;
font-family: 'palatino linotype' , palatino;
color:#19388D;
border-top:1px solid #5C6A8C;
border-bottom:1px solid #5C6A8C;
padding:8px 12px;
background:#fff;
text-align:center;
margin:10px 0 15px 0;
}
#curtain {
height:2000px;
width:100%;
z-index:500;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
display:none;
position:absolute;
}
.closeimg {
float:right;
position:relative;
top:-22px;
right:-22px;
}
#teammates {
float:right;
font-weight:bold;
color:#FF6A00;
margin:-2px 15px 0 0;
padding:4px 0px 4px 6px;
width:74px;
background:url('images/teammates.gif') no-repeat;
}
#support{
float:right;
font-weight:bold;
color:#FF6A00;
margin:-2px 15px 0 0;
padding:4px 0px 4px 6px;
width:74px;
background:url('images/teammates.gif') no-repeat;
}
#linkdrop {
position:absolute;
top:200px;
margin-left:180px;
height:300px;
width:900px;
z-index:10000;
display:none;
}
#linkcontainer {
margin:5px 15px 5px 15px;
padding:10px;
border:1px solid #87857C;
background:#EFF3FF;
}
#teamcontainer {
margin:5px 15px 5px 15px;
padding:10px;
border:1px solid #87857C;
background:#EFF3FF;
}
#linkcontainer ul {
margin: 5px 0 20px 20px;
list-style-type:square;
}
#teamcontainer ul {
margin: 5px 0 20px 20px;
list-style-type:square;
}
#linkhead {
height:32px;
width:100%;
background:url('images/linksarrow.gif') no-repeat top right;
}
#linkbody {
background:#fff;
padding:10px 0 10px 0;
}
#teamdrop {
position:absolute;
top:200px;
margin-left:180px;
height:300px;
width:900px;
z-index:10000;
display:none;
}
#teamhead {
height:32px;
width:100%;
background:url('images/linksarrow.gif') no-repeat 232px top;
}
#teambody {
background:#fff;
padding:10px 0 10px 0;
}
/* == Forms Page Styles == */
.formcontainer {
background:#F7FFEF;
border:1px solid #C8C4AA;
padding:10px;
margin:10px 5px;
}
.formcontainer h4 {
color:#19388D;
border-bottom:1px solid #19388D;
}
.formcontainer h5 {
font-weight:bold;
font-size:14px;
}
.formvideo {
height:240px;
width:360px;
border:1px solid #C8C4AA;
background:#DEE4F3;
float:right;
margin:5px 5px 5px 25px;
}
.down1X {
padding:5px;
border-bottom:2px solid #719BB6;
background:url('images/download.png');
font-size:14px;
font-weight:bold;
z-index:999;
position:relative;
top:180px;
}
.down1 {
padding:5px;
border-bottom:2px solid #719BB6;
background:url('images/download.png');
font-size:14px;
font-weight:bold;
display:block;
margin-top:15px;
width:120px;
}
.slider-wrap {
	height:180px;
border:1px solid #C8C5AB;
padding:3px;
background:#DFDDD1;
}

#testislider{
height:162px;
	overflow: hidden;
border:1px solid #C8C5AB;
width:580px;
background:url('images/testi.jpg');
}
.slide {
margin:0 0 0 60px;
}
#myController {
float:left;
width:400px;
}
#slidearrows {
float:right;
width:100px;
}

#myController span{
	background:#eaeaea;
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	border: solid 1px #ccc;
	color: #104E82;
}

#jFlowSlide{

}

#myController span.jFlowSelected {
	background:#104E82;
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	border: solid 1px #ccc;
	color: #eaeaea;
}

.jFlowPrev, .jFlowNext{
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	color: #104E82;
}

/* == Peripheral Page Styles == */
.peripheral {
width:270px;
float:left;
margin:20px 15px 0 5px;
}

.sup {
font-size:8px;
color:#4C85AF;
vertical-align:top; 
}