@charset "utf-8";

body {
	color:#444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:10px; 
	padding:0;
	background:url(../img/digital-reviews-services.jpg) no-repeat scroll center top #000; 
}
a {
	color:#FF9900;
}
img {
	border:none;
}

.spacer {
	clear:both;
	display:block;
	height:1px; 
	overflow:hidden;
	margin:0px;
	padding:0px;
}

h1 {
	color:#109BE3;
	font-size:18px;
	font-weight:bold;
	margin-bottom:13px;
	width:210px;
}
#words{
	font-size:23px;
	color:#FFFFFF;
	font-weight:normal;
}
h2 {
	font-size:18px;
	color:#109be3;
	font-weight:normal;
	margin:20px 0px 15px;
}

h3 {
	font-size:16px;
	color:#959595;
	font-weight:normal;
	margin:16px 0px 15px;
}

h4 {
	font-size:16px;
	color:#778890;
	font-weight:bold;
	margin:20px 0px 15px;
}

p {
	font-size:12px;
	color:#383838;
	margin:15px 0px;
	line-height:18px;
	text-align:justify;
}

p a {
	text-decoration:none;
	color:#358ad5;
}

p a:hover {
	text-decoration:underline;
}

#container {
	width:990px; 
	margin:0px auto; 
	display:block;
}

#header {
	display:block; 
	overflow:hidden; 
	margin:15px;
}

#header .hleft {
	width:310px; 
	float:left;
}

#header .hright {
	width:630px; 
	float:right;
}

/*********** topnav styles **************/

#topnav {
	display:block;
	padding:32px 145px 0px 0px;
}

#topnav ul {
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
}

#topnav ul li {
	display:block;
	float:left;
	margin-right:1px;
}

#topnav ul li a {
	color:#109BE3;
	text-decoration:none;
	font-size:15px;
	display:block;
	float:left;
	padding:0px;
	margin: 10px 20px;
}

#topnav ul li a span {
	display:block;
	overflow:hidden;
	padding:9px 18px 0px;
	float:left;
	cursor:pointer;
}

#topnav ul li a:hover {
	color:#FFFFFF;
}

#topnav ul li.active a {
	color:#FFFFFF;
}

/************* contentmain styles **************/

#contentmain {
	display:block;
	overflow:hidden;
	width:990px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/main_bgd.png');
}

div > #contentmain {
	background:url(../img/information-publish.png) no-repeat left top scroll;
}

#contentmain .leftcol {
	float:left;
	width:262px;
	padding:10px 0 0 15px;
	display:block;
	overflow:hidden;
}

#contentmain .leftcol .title {
	font-size:18px;
	font-weight:bold;
	color:#109be3;
	width:210px;
	margin-bottom:13px;
}

#contentmain .leftcol .textbody {
	font-size:11.5px;
	color:#383838;
	text-align:justify;
	margin-bottom:10px;
}

#contentmain .leftcol ul {
	list-style:none;
	padding:10px 0;
}

#contentmain .leftcol li {
	margin-bottom:10px;
}

#contentmain .leftcol li a {
	font-size:16px;
	color:#959595;
	margin:16px 0px 15px;
	text-decoration:none;
}

#contentmain .leftcol li a:hover {
	text-decoration:underline;
}

#contentmain .leftcol p {
	margin:0;
}

#contentmain .cright {
	float:right;
	width:698px;
	display:block;
	overflow:hidden;
}

#contentmain .cright .imageviewer {
	display:block;
	margin: 60px 0 10px 30px;
}

#contentmain .cright .imageviewer .buttonprev {
	margin-bottom:40px;
	margin-right:5px;
}

#contentmain .cright .imageviewer .buttonnext {
	margin-bottom:40px;
	margin-left:5px;
}

#contentmain .cright .imageviewer .sample {
	margin-right:40px;
}

#contentmain .cright .textbox {
	margin:30px 0 0 80px;
	padding: 5px 20px;
	width:496px;
	height:148px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/main_text_bgd.png');
}

div > #contentmain .cright .textbox {
	background:url(../img/digital-publication-tips.png) no-repeat 0 0 scroll;
}

#contentmain .cright .easy {
	display:block;
	float:right;
	margin:35px;
	padding:0;
}

#contentmain .cright .easy h1 {
	margin:5px 0px;
	float:right;
}

#contentmain .cright .easy a {
	clear:both;
	color:#f8ea34;
	font-size:13px;
	text-decoration:none;
	float:right;
	margin:0;
	padding:0;
}

#contentmain .cright .easy a:hover {
	text-decoration:underline;
}

#contentmain .linkbanner {
	display:block;
	overflow:hidden;
	margin:9px 0 10px 25px;
}

#contentmain .linkbanner a {
	margin-right:23px;
}

/************ sub content styles *************/
#content {
	display:block;
	margin:0 auto;
	width:990px;
}

#top {
	height:28px;
	margin-bottom:-25px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/box_top.png'); 
}

div > #top {
	background:url(../img/online-media-services.png) no-repeat scroll 0 0;
}

#bot {
	height:21px;
	margin-top:-20px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/box_bot.png'); 
}

div > #bot {
	background:url(../img/online-articles-publication.png) no-repeat scroll left bottom;
}

#content .nav_box {
	display:block;
	overflow:hidden;  
	margin-top:16px;
	margin-bottom:18px;
	padding:0;
	width:990px;
	background:url(../img/digital-articles-publication.png) repeat-y scroll 0 0; 
}

#content .columns {
	display:block; 
	background:url(../img/border.gif) 323px repeat-y; 
	margin-bottom:15px;
	color:#5A5A5A;
	margin:15px 0px 25px 0px;
	padding:0;
	text-align:justify;
}

#content .columns .col01 {
	width:290px; 
	float:left; 
	line-height:18px; 
	padding-right:30px;
}

#content .columns .col02 {
	width:290px; 
	float:left; 
	line-height:18px; 
	border-left:1px solid #324249;
	padding-left:30px
}

/************ textbox styles ***************/

#content .textbox {
	background:url(../img/publication-services.gif) repeat-y;
	display:block;
	width: 725px;
	margin:0;
	padding:0;
}

#content .textbox .ttop {
	background:url(../img/digital-media-services.gif) no-repeat scroll left top;
}

#content .textbox .tbot {
	background:url(../img/web-design.gif) no-repeat scroll left bottom;
}

#content .textbox p {
	padding: 25px 20px;
	margin: 0;
	color:#FFFFFF;
}


.coverthestrandedwhitebox {
	height:100px;
}

/*** leftcol styles ***/

#content .leftcol {
	display:block;
	float:left;
	margin:0;
	padding:5px 0 0 15px;
	width:180px;
}


#content .rightcol {
	border-left:1px solid #cccacc;
	display:block;
	float:right; 
	margin:0;
	padding:5px 10px 0 15px;
	width:729px; 
}

#content .rightcol .topbox {
	background:url(../img/online-publication.gif) repeat left top scroll;
	height:165px;
	width:720px;
}

#content .rightcol a {
	color:#109BE3;
}

#content .rightcol h3 {
	font-size:22px;
	color:#324249;
	margin: 25px 0px 10px 0px;
}

#content .rightcol .darktxt {
	color:#324249;
	font-weight:bold;
	margin-bottom:30px;
	width:720px;
}


/************ leftnav styles **************/

#content .leftcol .title {
	font-size:18px;
	font-weight:bold;
	color:#109be3;
	width:210px;
	margin-bottom:13px;
}

#content .leftcol .textbody {
	font-size:11.5px;
	color:#383838;
	text-align:justify;
	margin-bottom:15px;
}

.leftcol ul {
	list-style: none outside none;
	padding:10px 0;
	margin:0;
}

.leftcol li {
	text-decoration:none;
	margin:0 0 6px 0;
	padding:0px;
	list-style:none;
}

.leftcol li a {
	font-size:16px;
	color:#959595;
	margin:16px 0px 15px;
	text-decoration:none;
}

.leftcol li a:hover {
	text-decoration:underline;
}

.leftcol ul .subnav {
	padding:20px 0 5px 0;
	margin:0px;
	list-style:none;
}

.leftcol li .subsub {
	color:#109BE3;
	font-size:13px;
	margin:0px;
	padding:0px;
	list-style:none;
}

.leftcol li .subsubactive {
	color:#109BE3;
	font-size:13px;
	text-decoration:underline;
	margin:0px;
	padding:0px;
	list-style:none;
}

/************* footer styles **************/

#footer {
	display:block; 
	height:150px;
	overflow:hidden; 
/*	margin-top:10px; */
}

#footer .wrap {
	width:990px; 
	margin:0px auto;
	color:#FFFFFF;
	padding-top:15px;
}

#footer .wrap .fleft {
	width:760px; 
	float:left;
}

#footer .wrap .fleft .copyright {
	display:block;
	clear:both;
	font-size:11px;
	color:#515553;
	margin-left:15px;
}

#footer .wrap .fleft .copyright a {
	color:#515553;
	text-decoration:none;
}

#footer .wrap .fright {
	width:205px; 
	float:right;
	margin-right:15px;
}

/************ footnav styles ************/

#footnav {
	display:block;
	padding:5px 0px 3px 0px;
	margin:10px 0;
	font-size:14px;
	overflow:hidden;
	border-top:.5px solid #514f58;
	border-bottom:.5px solid #514f58;
}

#footnav li {
	display:block;
	float:left;
	height:20px;
	padding:0px 16px;
}

#footnav li a {
	color:#109be3;
	text-decoration:none;
}

#footnav li a:hover {
	color:#FFFFFF;
}

#footnav li.first {
	padding-left:0px;
	background:none;
}

#footnav li.active a {
	color:#FFFFFF;
}

.heightfix {
	width: 1px;
	height: 600px;
	overflow: hidden;
	float: left;
}

