/* CSS Document */

body{
	background:#cad5e1 url(./images/body_bg.gif) repeat-x;
	padding:0;
	margin:0;
	border:0;
}

#page{
	margin:51px 0 0 0;
	float:left;
	width:100%;
}

/*wrap - it display to the center of the window*/
#wrap{
	margin:0 auto;
	width:960px;
}

#header{
	float:left;
	width:100%;
}

/*logo*/
#logo{
	margin:0 0 0 10px;
	padding:0;
	width:300px;
	height:41px;
	text-indent:-99999px;
}
#logo a{
	width:340px;
	height:41px;
	background:url(./images/logo.png) no-repeat;
	display:block;
}


#logoWrap{
	float:left;
	width:auto;
}
#navWrap{
	float:right;
	width:auto;
}



#navigation{
	padding:0;
	margin:0 10px 0 0;
	border-bottom:1px solid #a7a7a7;
	float:right;
	width:auto;
}
* html #navigation{
	margin:0 6px 0 0;
}
#navigation li{
	list-style:none;
	display:inline;
}
#navigation li a,
#navigation li a:link{
	display:block;
	float:left;
	font-size:14px;
	padding:10px 14px;
	text-transform:uppercase;
	width:auto;
	
}
#navigation li a:hover,
#navigation li a.current{
	color:#000;
	border-bottom:4px solid #000;
}

/*featured Wrap*/
#featuredWrap{
	float:left;
	width:100%;
	height:421px;
}



/*Page Title Wrap*/
#contentTitle{
	background:url(./images/inside_header_bg.gif) no-repeat;
	width:960px;
	height:219px;
	float:left;
	margin-top:54px;
}
#contentTitle .titleWrap{
	width:900px;
	padding:30px;
	float:left;
}
#contentTitle .titleWrap h2{
	font-size:30px;
	font-weight:normal;
	color:#f4fafe;
	padding:38px 0 0px 20px;
	margin:0;
	float:left;
	width:320px;
	height:40px;
	overflow:hidden;
	line-height:40px;
}
#contentTitle .titleWrap h3{
	float:right;
	width:500px;
	font-size:18px;
	color:#dfebf4;
	font-weight:normal;
	margin:0;
	line-height:26px;
	overflow:hidden;
	height:102px;
}



/*breadcrumb*/
.breadcrumb{
	float:left;
	padding:20px 0 0 0;
	width:auto;
}
.breadcrumb ul{
	margin:0;
	padding:0 0 0 20px;
}
.breadcrumb ul li{
	list-style:none;
	float:left;
	line-height:35px;
	color:#777;
	padding-left:.80em;
	text-transform:uppercase;
	width:auto;
}
.breadcrumb ul li a{
	text-transform:uppercase;
	background:url(./images/breadcrumb_arrow.gif) no-repeat right center;
	display:block;
	padding:0 30px 0 0;
	float:left;
	width:auto;
}



/*Slider*/
.slider-wrap{ 
	float:left;
	width: 960px; 
	position: absolute; 
	top: 87px;
	background:url(./images/header_bg.gif) no-repeat;
	margin:60px 0 0 0px;

}			

.stripViewer .panelContainer .panel ul{ 
	text-align: left; 
	margin: 0 15px 0 30px; 
}
.stripViewer{ 
	position: relative; 
	overflow: hidden; 
	width:900px;
	margin:-18px 0 0 30px;
	height:380px;
}
.stripViewer .panelContainer{ 
	position:relative; 
	left:0; 
	top:0; 
}
.stripViewer .panelContainer .panel{ 
	float: left; 
	height: 100%; 
	position: relative; 
	width: 900px; 
}
.stripNavL, .stripNavR, .stripNav{ 
	display: none; 
}
.nav-thumb{ 
	border: 1px solid black; 
	margin-right: 5px;
}
#movers-row{ 
	margin: -64px 0 0 0px;
	float:left;
	width:auto;
}
#movers-row div{
	padding:10px 0 0 0;
	width: 120px; 
	float: left; 
}

#movers-row div a.cross-link{ 
	float: right;
	width:95px;
	height:58px;
}
.cross-link{ 
	display: block; 
	width: 62px;
	background:url(./images/t_bg_normal.jpg) no-repeat;
	position: relative; 
	padding-top: 15px; 
	z-index: 9999;
	float:left;
	
}
.cross-link img{
	margin:-10px 0 0 5px;
	/*margin:5px 0 0 5px;*/
	opacity: 0.4; 
	filter: alpha(opacity=40); 
}
.active-thumb img{ 
	opacity: 1; 
	filter: alpha(opacity=100); 
}
.contentFeatured{
	float:left;
	width:480px;
	margin:25px 0 0 0;
}

*:first-child+html .contentFeatured{
	padding:32px 0 0 0;
	margin:32px 0 0 0;
}
* html .contentFeatured{
	padding:32px 0 0 0;
	margin:32px 0 0 0;
}
.contentFeatured h2{
	color:#f8fbfe;
	font-size:30px;
	font-weight:bold;
}
.contentFeatured p, .contentFeatured ul{
	color:#eef8ff;
	font-size:19px;
	line-height:26px;
}
.contentFeatured ul{
	padding-left:0;
}
.contentFeatured a,
.contentFeatured a:link{
	color:#75f0fb;
	text-decoration:underline;
}
.contentFeatured a:hover{
	text-decoration:none;
	color:#75f0fb;
}
.imageFeatured{
	float:right;
	background:url(./images/featuredThumb_bg.png) no-repeat;
	width:391px;
	height:314px;
}
.imageFeatured img{
	margin:26px 0 0 22px;
	border:1px solid #bdbdbd;
}


/*Buttons - view portfolio and learn more*/
.viewportfolio, .learnmore{
	width:134px;
	float:left;
	text-indent:-99999px;
	margin-right:6px;
	height:25px;
}
.viewportfolio a, 
.viewportfolio a:link,
.learnmore a, 
.learnmore a:link{
	display:block;
	width:134px;
	height:25px;
	float:left;
}
.viewportfolio a, 
.viewportfolio a:link{
	background:url(./images/view_folio.gif) no-repeat;
}
.learnmore a, 
.learnmore a:link{
	background:url(./images/learn_more.gif) no-repeat;
}
.viewportfolio a:hover,
.learnmore a:hover{
	background-position:0 100%;
}



/*main Content*/
#mainContent{
	float:left;
	width:900px;
	padding:0 30px;
	background:#fff;
}
.roundedBottom{
	clear:both;
	background:url(./images/rounded_bottom_bg.png) no-repeat;
	height:10px;
	width:960px;
}
.roundedTop{
	background:url(./images/rounded_top_bg.png) no-repeat;
	height:10px;
	width:960px;
	margin:-10px 0 0 0;
	position:relative;
}
* html .roundedTop{
	margin:-10px 0 0 -960px;
	padding:0;
	position:absolute;
}
#homePage #content,
#insidePage #content
{
	float:left;
	padding:20px 0 20px  0;
	width:auto;
}
#homePage #content{
	width:570px;
}
#insidePage #content{
	width:600px;
}
* html #homePage #content{
	padding:40px 0 0px 0;
}
*:first-child+html #homePage #content{
	padding:40px 0 0px 0;
}



/*Search*/
.searchWrap
{
	float:right;
	margin:-40px 30px 0 0;
	background:url(./images/search_t_bg.gif) no-repeat;
	width:270px;
}
* html .searchWrap{
	margin:-40px 16px 0 0;
}
.searchWrap #eform{
	padding:0;
	margin:0 0 0 0;
}
.searchWrap #eform #enews{
	z-index:99999;
	position:relative;
	background:none;
	border:0;
	color:#ecf1f7;
	float:left;
	padding:8px;
	margin:0 0 0 5px;
	width:210px;
}
.enews
{
	z-index:99999;
	position:relative;
	background:none;
	border:0;
	color:#ecf1f7;
	float:left;
	padding:8px;
	margin:0 0 0 5px;
	width:210px;
}
.buttonSearch{
	float:right;
	position:relative;
	z-index:99999;
	width:auto;
}



#content h2{
	font-size:28px;
	font-weight:normal;
	color:#880000;
	line-height:26px;
}

#sidebar h3, #footer h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:4px;
	color:#5e5e5e;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	background:url(./images/2lines_bg.gif) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:20px;
}

#unblock h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:5px;
	color:red;
	font-size:12px;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:20px;
}
#content strong{
	color:#646464;
}	

#content .styledList{
	list-style-type:none;
	color:#5e5e5e;
	padding-left:0px;
}
#content .styledList li{
	list-style:none;
	background:url(./images/arrow_gray.gif) no-repeat left .5em;
	padding-left:18px;
}

.imgBorder{
	padding:1px;
	border:1px solid #dcdcdc;
}
a, a:link{
	/*color:#128ae8;*/
	color:#003366;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color:#a60000;
}
.readMore{
	color:#128ae8;
	background:url(./images/arrow_blue.gif) no-repeat right 50%;
	padding-right:12px;
}
.readMore:hover{
	color:#128ae8;
	text-decoration:underline;
}


.what_i_do .icon{
	background:url(./images/icon_gear.png) no-repeat;
	display:block;
	width:16px;
	height:17px;
	float:left;
	padding-right:8px;
}


/*Blockquote*/
blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:20px 20px 5px 20px;
	background:#fafafa;
	border-left:4px solid #f0f0f0;
}


/*Homepage's and insidepage's sidebar*/
#homePage #sidebar
{
	padding:20px 0 20px 0;
	width:300px;
	float:right;
	color:#5e5e5e;
	
	background:url(./images/sidebarhome_bg.gif) no-repeat left 0;
}
#insidePage #sidebar{
	padding:20px 0 20px 0;
	width:270px;
	float:right;
	color:#5e5e5e;
	background:url(./images/sidebarinsidepage_bg.gif) no-repeat left 0;
}
* html #homePage #sidebar{ /*IE6 fix*/
	padding:40px 0 0 0;
}
*:first-child+html #homePage #sidebar{ /*IE7 fix*/
	padding:40px 0 0 0;
}

#homePage #sidebar .block{
	padding-left:30px;
	float:left;
	width:270px;
}
#insidePage #sidebar .block{
	padding-left:30px;
	float:left;
	width:240px;
}

.sideNav{
	padding:0;
	margin:0;
}
.sideNav li{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}
.sideNav li a
{
	font-size:13px;
	font-weight:bold; 
	padding:5px 0;
	border-bottom:1px dotted #c6c6c6;
	display:block;
}
* html .sideNav li a{
	padding:5px 0;
	height:20px;
	border-bottom:1px dotted #c6c6c6;
	display:block;
}
.sideNav li a:hover, 
.sideNav li a.current{
	border-bottom:1px dotted #000;
	color:#000;
}




#sidebar .block{
	padding-bottom:20px;	
}
/*Blog Entries*/
#sidebar .block #blogEntries{
	padding:0 0 0 0;
	margin:0;
}
#sidebar .block #blogEntries li{
	list-style:none;
	padding:0 0 15px 0;
}
#sidebar .block #blogEntries li h4{
	padding:0;
	margin:0;
	font-size:12px;
}
#sidebar .block #blogEntries li .datePost{
	display:block;
	color:#aaa9a9;
}

.viewEntries{
	width:134px;
	height:25px;
	text-indent:-99999px;
}
.viewEntries a,
.viewEntries a:link{
	background:url(./images/view_entries.gif) no-repeat;
	display:block;
	width:134px;
	height:25px;
}
.viewEntries a:hover{
	background-position:0 100%;
}

.rss{
	width:14px;
	height:15px;
	text-indent:-99999px;
	display:block;
	float:right;
}
.rss a{
	background:url(./images/rss2.gif) no-repeat right;
	display:block;
	width:14px;
	height:15px;
	margin:16px 0 0 0;
}
* html .rss a{
	margin:1px 0 0 0;
}




/*Work*/
.work, .services{
	width:600px;
	float:left;
}
.row{
	padding:20px 0 10px 0;
	background:url(./images/2lines_bg.gif) repeat-x bottom;
	float:left;
	width:600px;
}
.row .itemLeft{
	float:left;
	width:285px;
}
.row .itemRight{
	float:right;
	width:285px;
}
.work h4{
	padding:0;
	margin:0;
}
.services h4{
	padding-bottom:6px;
	margin:0;
}
.role, .tags{
	color:#9b9b9b;
}
.role span, .tags span{
	color:#4b4b4b;
}
.tags{
	clear:both;
	background:url(./images/2lines_bg.gif) repeat-x top left;
	padding-top:10px;
}




/*Blog*/
.post{
	clear:both;
	padding-top:20px;
	background:url(./images/2lines_bg.gif) repeat-x bottom;
	float:left;
	width:auto;
}
.post .date-post{
	float:left;
	width:80px;
	border-right:1px solid #efefef;
	margin-right:20px
}
.post .date-post .d{
	display:block;
	font-size:60px;
	padding:16px 0;
	font-weight:bold;
}
.date-post .m, .date-post .y{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#bdbdbd;
}
.date-post .m{
	letter-spacing:14px;
	padding-left:6px;
}
.date-post .y{
	letter-spacing:10px;
}
.post-content{
	float:right;
	width:496px;
}
.post-content h3{
	font-size:36px;
	line-height:36px;
	margin:0;
	padding:0 0 20px 0;
	color:#000;
}
.post-content .excerpt{
	font-size:14px;
	line-height:24px;
}
#searchBlog{
	border:1px solid #dddddd;
	padding:5px 5px 5px 20px;
	float:left;
	width:200px;
	background:url(./images/search_bg.gif) no-repeat 2% 50%;
	
}
* html #searchBlog{
	height:16px;
}





/*contact-form*/
#contact-form{
	padding:0;
	margin:0;
}
#contact-form label{
	float:left; 
	width:80px;
}
#name,
#email,
#subject,
#message{
	border:1px solid #dddddd;
	padding:5px 5px 5px 22px;
	color:#5e5e5e;
}
#name{
	background:url(./images/name_icon.gif) no-repeat 3% 50%;
}
#email{
	background:url(./images/email_icon.gif) no-repeat 3% 50%;
}
#subject{
	background:url(./images/subject_icon.gif) no-repeat 3% 50%;
}
#message{
	background:url(./images/message_icon.gif) no-repeat 2% 5%;
	height:140px;
}

#name:focus,
#email:focus,
#subject:focus,
#message:focus{
	border:1px solid #cbcbcb;
	padding:5px 5px 5px 22px;
}

#name,
#email,
#subject{
	width:205px;
}
#message{
	width:280px;
}

.button{
	border:1px solid #c4c1b2;
	padding:5px;
}
.errorMsg h3{
	color:red;
}
.infoMsg h3{
	color:green;
}




/*Footer */
#footerWrap{
	background:#fff;
	width:960px;
	float:left;
	position:relative;
	margin:20px 0 0 0;
}


#footerContent{
	float:left;
	width:900px;
	padding:0 30px;
}

.column1, .column2{
	width:226px;
	float:left;
	margin-right:30px;
	margin-top:20px;
}
#footerContent .column1 h3,
#footerContent .column2 h3{
	margin:0 0 10px 0;
}
.marketing .icon, .solutions .icon{
	width:16px;
	height:16px;
	float:left;
	display:block;
	padding-right:5px;
	margin-top:2px;
}
.marketing .icon{
	background:url(./images/icon_stat.png) no-repeat;
}
.solutions .icon{
	background:url(./images/icon_puzzle.png) no-repeat;
}
.testimonial{
	background:url(./images/testimonial_bg.gif) no-repeat left;
	float:left;
	width:354px;
	padding:26px 0px 0 30px;
}
.testimonial blockquote{
	padding:0;
	margin:0;
	background:none;
	border:none;
}
.testimonial blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}


/*Copyright*/
#copyright{
	clear:both;
	padding:10px 0 0 0;
}
#copyright p{
	text-align:center;
	color:#2d4765;
}
#copyright a,
#copyright a:link{
	color:#47617e;
	text-decoration:underline;
}
#copyright a:hover{
	color:#000;
	text-decoration:underline;
}