/*
Title:		Master styles for screen media
Author:		justine@gentlecode.net
*/


/*-----reset------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, acronym, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img, :link img, :visited img {
	border: 0;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
p,pre,ol,ul,dl{	padding-bottom:20px;margin:0px;}
ol li{list-style:decimal;margin-left:20px;padding-bottom:20px;font-size:12px;}
dl dt{font-weight:bold;	padding-bottom:10px;}
dl dd{padding-bottom:10px;margin-left:0px;}
ol, ol li {list-style-type:decimal;}
ol {padding-left:20px;}
p {padding:10px 0 10px 10px;}
p.references {padding:10px 0;}
/* Clearing floats without extra markup  */

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

/* End Clearing floats without extra markup  */
div.section{padding-top:10px;padding-bottom:10px;margin-bottom:10px;}
div.underline {background:url(./images/two_lines.gif) repeat-x bottom left;}

input.submit{border:0;height:28px;margin-top:10px;width:150px;padding:0 0px 0 0px;line-height:28px;text-align:center;text-transform:uppercase;font-weight:bold;color:#fff;font-size:14px;background: url("./images/save_btn_bg1.gif")  0 -28px no-repeat;float: right;margin-right: 50px;}

body {
	font:12px/18px  Verdana, Arial, sans-serif;
	color: #505050;
	background-color: #dedede;
}

.services h3 {color: #2a8bb4;}
.services .posts h3 {color: #2a8bb4;font-size:14px;}
/* Links */

a:link, a:visited {
	color: #507b8d;
	color: #2a8bb4;
	outline: none;
	text-decoration: none;
}

a:hover {
color: #507b8d;
	text-decoration: underline;
}

p.right {text-align:right; }
/*------------------BACKGROUND-----------------*/
.top {
	width: 100%;
	background: #000 url(./images/bg-body2.png) top center no-repeat;

}
.header {
	height: 80px;
	padding: 35px 0 0;
	background: none;
	position: relative; 

}


/* PAGE STRUCTURE
------------------------------------------------------------- */

.inner {
	width: 940px;
	margin: 0 auto;
}

img { padding: 0; margin: 0; }
div.post img, img.siteimg {border:5px solid #ccc;}

/* HEADER
------------------------------------------------------------- */

.header h1 {
	/*width: 320px;*/
	height: 40px;
	line-height: 40px;
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.header h1 a {
	display: block;
	width: 170px;
	height: 40px;
	float: left;
	text-indent: -9999px;
	margin: 0 22px 0 0;
	background: url(/images/bg-logo.png) no-repeat;	
}

.header h1 span {
	display: block;
	float: left;
	height: 40px;
	line-height: 20px;
	padding: 0 0 0 23px;
	background: url(./images/separator-logo.png) 0 50% no-repeat;
}

/* Navigation - first level */

.nav { 
	position: relative;
}

.header ul.nav {
	height: 40px;
	line-height: 40px;
	/*padding: 0 30px 0 30px;*/
	padding: 0;
	float: left;
	background: url(./images/menu-bg.png) repeat;
	background-color: rgba(255, 255, 255, );
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-bottom: 0;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

.header ul.nav li {
	float: left;
	/*padding: 0px 16px;*/
	/*margin: 0 32px 0 0;*/
	position: relative; 
}

.header ul.nav li a {
	display: block;
	height: 40px;
	color: #c4c4c4;
	position: relative;
	padding: 0px 12px;
}
#sitemenu ul.nav li a.current, #sitemenu ul.nav li  a.current:hover{
	color: #FFFFFF !important;
	
	/*text-decoration: underline;*/
	background: url(./images/a_current_bg.png) 0 0 repeat-x;
}

#sitemenu ul.nav li a:hover {
	color: #FFFFFF !important;
	text-decoration: none;
	background: url(./images/a_hover_bg.png) 0 0 repeat-x;
}

.header ul.nav li.hover, .header ul.nav a:hover { 
	position: relative; 

}

/* Navigation - second level */

.header ul.nav ul {
	width: 155px;
	visibility: hidden; 
	position: absolute; 
	top: 100%; left: -53px;  
	background: url(./images/bg-tooltip.png) 50% 10px no-repeat;
	padding-top: 17px;
	z-index: 100;
}

.header ul.nav ul li {  
	float: none; 
	display: block;
	margin: 0;
	background: url(./images/bg-tooltip-repeat.png) repeat;
	background-color: rgba(255, 255, 255, 0.87);
}

.header ul.nav ul li a { 
	color: #507b8d;
	padding: 0 20px;
}

/* FEATURED 
------------------------------------------------------------- */

.featured {
	margin-bottom: 73px;
	background: transparent url(./images/bg-featured.png) no-repeat;
	position: relative; 
}

.featured h2 em{font-size:12px;font-style:normal;}

#cu3er-container {
	margin-bottom: 73px;
 	outline: none;
}

/* We use div.featured to create the headings on subpages */

.subpage .featured {
	margin-bottom: 0;
	height: 90px;
}

.subpage .featured h2 {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding: 20px;
}

/* --- */

.featured, .featured .item, .featured .item-wrap {
	position: relative; 
	height: 257px;	
}

.featured .item {
	position: relative; 
	float: left;
	width: 100%;
}

/* Slider - full width */

.featured .item div.caption {
	height: 42px;
	line-height: 42px;
	position: absolute;
	right: 0; bottom: 20px;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	background: url(./images/bg-caption.png) repeat-x;
	overflow: hidden;
	margin: 0;
}

.featured .item div.caption span {
	display: block;
	float: left;
	line-height: 38px;
}

.featured .item div.caption a {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	line-height: 44px;
	font-size: 12px;
}

/* Slider - iPhone */

.featured .item .descr {
	width: 455px;
	float: left;
	padding: 30px 0 0 25px;
	color: #8e8e8e;
}

.featured .item .descr h3 {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding: 0;
	border: none;
}

.featured .item .descr h3 strong {
font-size: 36px;line-height: 40px;
/*font-family:georga;*/
text-transform:none;
}

.featured .item .thumbs {
	position: relative;
	width: 460px;
	height: auto;
	float: left;
	overflow: visible;
}

.featured .item .thumbs img.big {
	position: absolute;
	top: -15px; left: 20px;
	padding: 91px 28px 0 25px;
	background: url(./images/bg-iphone-big.png) no-repeat;
	z-index: 1000;
}

.featured .item .thumbs img.small {
	position: absolute;
	top: 43px; left: 175px;
	padding: 71px 27px 0 20px;
	background: url(./images/bg-iphone-small.png) no-repeat;
	z-index: 999;

}

/* Slider - navigation */

.featured .featured-nav {
	height: 23px;
	position: absolute;
	left: 0; bottom: 0;
	background: url(./images/bg-slider-nav.png) 100% 100% no-repeat;
	padding: 0 30px 0 20px;
	border: none;
	z-index: 10;
}

.featured .featured-nav a {
	float: left;
	margin: 6px 8px 0 0;
	display: block;
	width: 9px;
	height: 9px;
	text-indent: -9999px;
	background: url(./images/bg-slider-bullet.png) right no-repeat;
}

.featured .featured-nav a:hover, .featured .featured-nav a.activeSlide {
	background-position: left top;
}


/* MAIN/PRIMARY STYLES
------------------------------------------------------------- */

/* Headings */

h3 {
	color: #8c8c8c;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #d6d6d6;
}

h4 {
	color: #858585;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #d6d6d6;
}





h5 {
	color: #507b8d;
	font-size: 10px;
	text-transform: uppercase;
	margin: 30px 0 10px 0px;
}

h5.references {
	color: #507b8d;
	font-size: 10px;
	padding-top: 20px;
	text-transform: uppercase;
	border-top: 1px solid #D6D6D6;
	margin: -4px 0 10px 0px;
}

a.readmore {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
}
/*--------- styledlist -----*/
ul.styledlist{list-style:none;margin:0;padding:10px 0 20px 0;}
ul.styledlist li{background:url(./images/li_icon.png) no-repeat left 3px;padding-left:22px;padding-bottom:5px;list-style:none;margin-left:2px;line-height:22px; font-size: 14px;}
ul.styledlist li a {font-size:16px;padding:2px 4px;}
ul.styledlist li a.current {padding:2px 4px;text-decoration:underline;color:#A6154C;background:transparent;}
ul.styledlist li a em {color:#A6154C;font-style:normal;font-size:14px;}

 p.italic{line-height:1.6em;font-family:Georgia, "Times New Roman", Times, serif;padding-bottom:20px;font-size:16px ! important;color:#444;font-style:italic;}

/*post*/
div.post{padding-bottom:20px;width:100%;margin-bottom:20px;}

div.post ul{list-style:none;margin:0;padding:10px 20px 20px 20px;}
div.post ul li{color:#4E5050;font-size:14px;background:url(./images/li_icon.png) no-repeat left 3px;padding-left:22px;padding-bottom:5px;list-style:none;margin-left:2px;line-height:1.6em;}

#main_content .dossier  .post{background:transparent;margin-bottom:0px;}
.post p{font-size:12px;padding:10px;margin:0;line-height:1.6em;}
h2 {color: #2a8bb4;text-transform: uppercase;padding-top:20px;padding-bottom:10px;font-size:20px;line-height:1.2em;}

.post h2{margin-top:0px;padding-bottom:20px;}
.post h1.docu_header{background:url(/images/cnaoc_convocation.png) no-repeat left top;color:#782761;padding:20px 20px 20px 220px;text-align:right;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;margin-top:0px;line-height:42px;font-size:28px;}
.post h2.docu_header{padding: 10px; background-color:#8E1A1A; color:#fff;margin-bottom:10px;}
.post h3 {padding: 15px 0 15px 0;margin: 0 0 15px 0;	border-bottom: 1px solid #d6d6d6;}

.post .meta{font-family:Georgia, "Times New Roman", Times, serif;padding-bottom:10px;padding-left:0px;padding-top:0px;display:block;font-style:italic;	color:#026DB5;}
.post p.blockquote{line-height:1.6em;font-family:Georgia, "Times New Roman", Times, serif;font-size:26px;color:#0E3A7C;}
.post p.italic{line-height:1.6em;font-family:Georgia, "Times New Roman", Times, serif;padding-bottom:20px;font-size:18px;color:#444;font-style:italic;}

.post .meta a:hover{text-decoration:underline;}

p.center {text-align:center;}


.primary {
	width: 608px;
	float: left;
	margin-bottom: 10px;
}

.full-width .primary {
	width: 100%;
}

.subpage .main {
	padding: 25px 25px 10px 25px;

}

.main {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	margin-top: -26px;
	position: relative;
}

/* Tabs - naviagtion */
.tab_group {float:left;width:100%;}
.primary ul.tabs-nav {

padding-bottom:0;
	background-color: #000;
}

.primary ul.tabs-nav li {
	float: left;
	width: 40%;
	margin-right:4px;
}

.primary ul.tabs-nav li a {
	display: block;
	height: 23px;
	width: 100%;
	line-height: 23px;
	color: #ccc;
	background-color: #444;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-top: 3px solid #000;
}
.primary ul.tabs-nav li a:hover {
background-color: #eee;
border-top: 3px solid #000;
	text-decoration: none;
	color: #7c7c7c;
}
 .primary ul.tabs-nav li a.current {
	background-color: #fff;
	border-top: 3px solid #fff;
	text-decoration: none;
	color: #7c7c7c;
}



/* Tabs - content */

.tab h2 {padding-top:20px;padding-bottom:10px;font-size:14px;line-height:1.2em;}
.tab h3 {padding-top:10px;}
.tab h2 a{color: #507b8d;}
.tab p {
	margin-bottom: 5px;
}

.tab ul {
	padding: 15px;

}
.tab {padding:10px 2%;float:left;width:96%;background:white;}

.tab ul li {
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
}

.tab ul li:last-child {
	padding: 0;
	margin: 0;
	border: none;
}

.tab ul li img {
	float: left;

	margin: 0 16px 0 0;
}

.tab ul li.welcome {
/*background: url(/images/community.png) no-repeat;*/
}

/* About us - tabs */

.main ul.about-us li {
	padding: 0 0 0 80px;
	margin: 20px 0;
}

.main ul.about-us li.team {
	background: url(./images/icon-team.png) no-repeat;
}

.main ul.about-us li.do {
	background: url(./images/icon-whatwedo.png) no-repeat;
}

.main ul.about-us li.worldwide {
	background: url(./images/icon-worldwide.png) no-repeat;
}

.main ul.about-us li.support {
	background: url(./images/icon-support.png) no-repeat;
}

ul.items-nav {
	position: relative;
	margin: 16px 0 40px -38px;
}

ul.items-nav li {
	margin-bottom: 10px;
}

ul.items-nav li a {
	display: block;
	width: 290px;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	color: #858585;
	text-transform: uppercase;
	text-align: center;
	background-color: #cbcbcb;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 6px;
	border-radius-topright: 6px
}

ul.items-nav li a.current {
	width: 330px;
	background: url(./images/bg-about-tab.png) repeat-x;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

ul.items-nav li a:hover {
	text-decoration: none;
}

/* Gallery */


span.caption {
			color: /*#8c8c8c;*/ #2A8BB4;
			font-size: 18px;
			display: block;
			text-transform: uppercase;
			padding: 10px 0 15px 0;
			margin: 10px 0 15px 0;
			/*border-bottom: 1px solid #d6d6d6;*/
}

ul.gallery {
	margin-top: 30px;
}

ul.gallery li {
	width: 275px;
	float: left;
	margin: 0 26px 15px 0;
}

ul.gallery li .loader {
	height: 103px;
	width: 274px;
	display: block;
}

ul.gallery li:nth-child(3n+0) {
	margin-right: 0;
}

ul.pagination li {
	float: left;
	margin: 25px 5px 25px 0;
}

ul.pagination li a {
	display: block;
	line-height: 22px;
	padding: 0 18px;
	color: #848484;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(./images/bg-pagination-item.png) 0 0 repeat-x;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.pagination li a:hover, ul.pagination li.current a {
	background-position: 100% 100%;
	text-decoration: none;
}


ul.pagination li.back_inactive, ul.pagination li.next_inactive {display: none;}

/* Blog - posts */

ul.posts li {
	width: 240px;
	float: left;
	margin: 25px 28px 0 0;
	padding: 25px 25px 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

ul.posts li:nth-child(2n+0) {
	margin-right: 0;
}

/* Forms */

/*contact-form*/
#contact-form{padding:0;margin:0;width:100%}
#contact-form label{float:left;width:200px;padding-left: 10px;font-size:18px;font-family:Arial, Helvetica, sans-serif;}
#contact-form label em {font-size:12px;}
#username,
#passwd,
#message,
input.styled{border:1px solid #dddddd;padding:8px;color:#5e5e5e;background:#f2f2f2 url(./images/input_bg.gif) repeat-x top;font-size:18px;font-family:Arial, Helvetica, sans-serif;}

#username:focus,
#passwd:focus,
#message,
input.styled:focus{border:1px solid #acacac;padding:8px;}

#username,
#passwd,
#message,
input.styled{width:340px;}

#message{width:534px;height:200px;}




.main input.submit{border:0;height:28px;margin-top:10px;width:150px;padding:0 0px 0 0px;line-height:28px;text-align:center;text-transform:uppercase;font-weight:bold;color:#fff;font-size:14px;background: url("./images/save_btn_bg1.png")  0 -28px no-repeat;margin-right: 50px;}

/*.main input#submit {
	display: block;
	width: 75px;
	line-height: 22px;
	color: #848484;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(./images/bg-pagination-item.png) 0 0 repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}*/

.main textarea {
	display: block;
	width: 430px;
	height: 125px;
	padding: 5px;
	border: 1px solid #c6c6c6;
	margin: 0 0 15px 0;
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #505050;
}

.main img.map {
	float: right;
	margin: 20px 10px 0 0;
}

.main form div#error {
	font-size: 11px;
	float: left;
}

.main form div#error span {
	margin-right: 5px;
	color: red;
}


/*normal read more*/
.section p {padding:10px;margin:0px}
.section .link_btn {padding-bottom:10px; margin-bottom:0px;padding-top:10px;}
div.link_btn.alignright {float:right;width:30%;}
.link_btn a{float: right;width:auto;text-decoration: none;padding:0px 30px 0 0;height:28px;line-height:28px;margin-right: 20px;font-size:10px;color: #5c5c5c;	background: url(./images/link_btn_bg.gif) no-repeat top right;}
.link_btn a span {width:auto;float: left;padding-right: 12px;display: block;margin-top:0px;text-indent:-9000px;height: 28px;background: url(./images/link_btn_bg.gif) no-repeat top left;}
.link_btn a:hover {color:#262626;background-position:right 100%;text-decoration:none;}
.link_btn a:hover span {background-position:left 100%;}


/* Portfolio */

/*ul.portfolio {
	margin: -50px 0 0 1px;
}

ul.portfolio li {
	width: 240px;
	float: left;
	margin: 25px 34px 0 0;
	padding: 25px 25px 10px;
	background-color: #fff;
}

ul.portfolio li .loader {
	height: 48px;
	width: 233px;
	display: block;
}
*/

div.dossier {margin: -50px 0 0 1px;}

div.dossier div.column {
	width: 290px;
	float: left;
	margin: 25px 34px 0 0;
	padding: 0;
	}

div.dossier div.column-middle {
	width: 290px;
	float: left;
	margin: 25px 34px 0 0;
	padding: 0;
	}

div.dossier div.column-right {
	width: 290px;
	float: right;
	margin: 25px 0 0 0;
	padding: 0;
	
	}
div.dossier div.white_box {background-color: #fff; width: 240px;
	padding: 25px 25px 10px; margin-bottom: 25px;}


ul.features {
	width: 540px;
	float: left;
	overflow: hidden;
}

ul.features li {
	float: left;
	width: 230px;
	line-height: 34px;
	padding: 0 0 0 40px;
	background: url(./images/bullet-portfolio.png) 0 50% no-repeat;
	color: #507b8d;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

a.visit {
	display: block;
	float: right;
	width: 130px;
	line-height: 22px;
	color: #848484;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0 220px 0 0;
	background: url(./images/bg-pagination-item.png) 0 0 repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

a.goback {
	display: block;
	float: right;
	color: #507b8d;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 30px 0 0 0;	
}

/* SECONDARY STYLES
------------------------------------------------------------- */

.secondary {
	float: right;
	width: 294px;
}

.secondary .widget {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	position: relative;	
	margin-bottom: 35px;
}

.secondary .widget h3 {
	width: 296px;
	height: 51px;
	background: url(./images/bg-fold-top.png) 50% 50% no-repeat;
	color: #535353;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	top: -20px; left: -1px;
	margin-bottom: -15px;
	padding: 0;
	font-size: 12px;
	border: none;
}

.secondary .widget ul {
	margin: 0 15px 15px;
}

.secondary .widget ul li {
	padding: 6px 3px;
	padding-bottom: 15px;
	margin-bottom: 9px;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
}

.secondary .widget ul li:last-child {
	margin: 0;
	border: none;
}

.secondary .widget ul li img {
	float: left;
	margin: 0 16px 0 0;
}

.secondary .widget ul li h5 {
	margin: 5px 0 0 0;
}

.secondary .widget ul li span, .secondary .widget ul li span a {
	font-size: 10px;
	color: #454545;
	text-transform: uppercase;
}

.secondary ul.categories {
	/*background: url(./images/separator-vert.png) 120px 0 repeat-y;*/
	margin-bottom: 30px;
	padding-left:30px;
}

.secondary ul.categories li {
background: url(./images/li_icon.png) 0 12px no-repeat;
display:block;
padding-left:15px;
	/*width: 120px;
	float: left;*/
	line-height: 26px;
}


.secondary ul.categories li a {
	font-size: 10px;
	color: #676767;
	text-transform: uppercase;
}

.secondary ul.categories li a.current {
font-weight:bold;
text-decoration:underline;
}

.secondary img.sponsor {
	border: 4px solid #fff;
	margin-bottom: 15px;
}

/* BOTTOM AREA AND FOOTER
------------------------------------------------------------- */

.bottom {
	margin-top: 15px;
	padding: 65px 0 0 0;
	background: url(./images/bg-bottom.png) top center no-repeat;
	font-size: 10px;
}

.bottom .widget {
	float: left;
	margin: 0 40px 0 0;
	padding: 0 40px 0 0;
	background: url(./images/separator-vert.png) 100% 0 repeat-y;
}

.bottom .widget.contact_us { width: 220px;height:380px;}
.bottom .widget h3 { font-size: 14px; font-family: arial; border: 0; margin: 0; padding: 0 0 15px 0;}
.bottom .widget p {  border: 0; margin: 0; padding: 0;}
.bottom .widget h5 { border: 0; margin-top: 0;margin-bottom:20px;}

.bottom .widget.social { width: 150px;height:380px;}
.bottom .widget.social ul li {float:left; width:74px;}

/*.bottom .widget:last-child {
	margin-right: 0;
	padding: 0 0 0 10px;
	background: none;
}*/

.bottom .widget ul li a {
	color: #676767;
	text-transform: uppercase;
	line-height: 30px;
}

.bottom .widget.services {
	/*width: 250px;*/
	width: 398px;
	margin-right: 0;
	padding-right: 0;
	background: none;
	float: right;
}

.bottom .widget .tools {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(./images/separator-horizontal.png) left bottom repeat-x;
}

.bottom .widget .screenshot {padding-left: 10px;}

.bottom .widget .screenshot ul li {
	float: left;
	margin: 12px 10px 0 0;
}

.bottom .widget .screenshot ul li a img {
	border: 3px solid #bcbcbc;
}

.bottom .widget .screenshot ul li a:hover img {
	border: 3px solid #aaa;
}

.foot {
	margin: 45px 0 0 0;
	background-color: #eaeaea;
	text-transform: uppercase;
	font-size: 10px;
	color: #676767;
	height: 42px;
	line-height: 42px;
}

.foot ul {
	float: left;
}

.foot ul li {
	float: left;
	margin: 0 5px 0 0;
}

.foot ul li a {
	border-right: 1px solid #676767;
	padding: 0 5px 0 0;
	color: #676767;
}

.foot p {
	float: left;
	margin-bottom: 0;
}

.foot p a {
	color: #676767;
	font-weight: bold;
	
}

/* COMMENTS STYLES
------------------------------------------------------------- */

#comments {
	margin: 30px 0 0 0;
}

#comments ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

#comments ol li {
	background: url(./images/comments-balloon-bg.png) no-repeat top left;
	border-bottom: 1px solid #d6d6d6;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

#comments ol li img {
	margin: 0 16px 0 0;
}

#comments ol li .author {
	background: url(./images/comments-author-icon.png) no-repeat center left;
	padding: 0 0 0 12px;
	line-height: 12px;
	font-weight: bold;
	font-size: 11px;
}

#comments ol li .date, #comments ol li .time {
	font-size: 9px;
	color: #7b7b7b;
	line-height: 12px;
}

#comments ol li .date {
	background: url(./images/comments-date-icon.png) no-repeat center left;
	padding: 0 0 0 12px;
	margin: 0 15px 0 0;
}

#comments ol li .time {
	background: url(./images/comments-time-icon.png) no-repeat center left;
	padding: 0 0 0 12px;
}

#comments ol li a.author_url {
	font-size: 9px;
	line-height: 12px;
	background: url(./images/comments-url-icon.png) no-repeat center left;
	padding: 0 0 0 11px;
}



#comments ol li span.author_url {
	font-size: 9px;
	line-height: 12px;
	color: #999
}

#comments ol li .reply {
	float: right;
	font-size: 10px;
	letter-spacing: 2px;
	text-decoration: underline;
	text-transform: uppercase;
	background: url(./images/comments-reply-icon.png) no-repeat center left;
	padding: 0 0 0 14px;
}

#comments .comment-content {
	background: #d6d6d6;
	margin: 5px 0 0 0;
	padding: 15px 15px 1px 15px;
	font-size: 11px;
}

#comments ol li ul {
	padding: 20px 20px 0 20px;
	margin: 0;
	list-style: none;
	border: 1px dashed #d6d6d6;
	border-top: none;
}

#comments ol li ul li {
	background: url(./images/comments-balloon-bg.png) no-repeat top left;
	border-bottom: none;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}

/* COMMENT STYLES
------------------------------------------------------------- */

#comment {
	margin: 30px 0 0 0;
}

/* MISC.
------------------------------------------------------------- */

.hide {
	display: none;
}


/* self-clear floats */

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.featured .item p a:hover, h3 a:hover, h4 a:hover, .subpage .featured h2 a:hover, ul.items-nav li a:hover {
	
 	text-decoration: none;
  	color: #2a8bb4;
	color: #507b8d;

}



.loader { background: #d6d6d6 url(./images/ajax-loader.gif) no-repeat center center; }


/*----------------------------Page-info--------------------------*/
#page-info {clear:both;width:100%;}

ul.page_admin {float:left;width:100%;}
ul.page_admin li{list-style:none;float:left;width:36px;height:36px;padding:4px;margin:5px 0 10px 10px;border:1px solid #777;background-color:#fff; }
ul.page_admin li a{float:left;width:36px;height:36px;padding:0;margin:0;}
ul.page_admin li a em{display:none;}
ul.page_admin li.SiteXml{background:#fff url(/icons/admin/page.png) no-repeat center;}
ul.page_admin li.BaseDoc{background:#fff url(/icons/admin/about.png) no-repeat center;}
ul.page_admin li.ImportProcess{background:#fff url(/icons/admin/process.png) no-repeat center;}
ul.page_admin li.ImportMask{background:#fff url(/icons/admin/page_html.png) no-repeat center;}
ul.page_admin li.ImportMask a.layout{background:#fff url(/icons/admin/layout.png) no-repeat center;}
ul.page_admin li.ImportMask a.content{background:#fff url(/icons/admin/content.png) no-repeat center;}
ul.page_admin li.ImportMask a.footer{background:#fff url(/icons/admin/footer.png) no-repeat center;}
ul.page_admin li.ImportMask a.sitemenu{background:#fff url(/icons/admin/sitemenu.png) no-repeat center;}
ul.page_admin li.ImportMask a.submenu{background:#fff url(/icons/admin/menu.png) no-repeat center;}
ul.page_admin li.ImportMask a.feature_menu{background:#fff url(/icons/admin/list.png) no-repeat center;}
ul.page_admin li.ImportMask a.new_form{background:#fff url(/icons/admin/form.png) no-repeat center;}


/*-------buttons------------*/

a.freequote_button  {
background:url(./images/buttons.png) 0 0 no-repeat;
color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bold;
height:35px;
line-height:35px;
margin:15px 0 0 15px;
padding:0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:171px;
}

a.freequote_button:hover {background:url(./images/buttons.png) 0 -35px no-repeat;}

img.centered, img.aligncenter {display: block;margin-left: auto;margin-right: auto;border: 4px #CCCCCC solid;}
img.alignright {float: right;margin:10px 0 10px 20px;padding:0px;border: 4px #CCCCCC solid;}
img.alignleft {float: left;margin:10px 20px 10px 0px;padding:0px;border: 4px #CCCCCC solid;}


img.icon {border: 0;float: left;margin:2px 10px 2px 0px;}
img.icon.alignright {float: right;margin:2px 0px 2px 10px;}
img.icon.clearboth {clear:both;}
img.centered {float:none;display:block;margin:10px auto}
.secondary  h5 {color: #707070 ! important;}



/*-------------VIDEO LAYOUT---------------*/
div.column-left {float:left;width:70%;}
div.column-right {float:right;width:30%;}