/*----------------------------------------------------
                 Disk - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
	font-family: Arial, Helvetica, sans-serif;font-size:11px;	
	margin:0 auto; padding:0;
	background-color:#F2F2F2;
	color:#666666;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{
	clear:both
}
form{
	margin:0; padding:0;
}
hr{
	border:0;
	background-color: #d3d3d3;
	height: 1px;
}
hr.content-line{
	border:0;
	color:#d0d0d0;
	background-color: #d3d3d3;
	margin:30px 0px 30px 0px;
	height: 1px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5, h6{
	font-family:Cambria, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	color:#656464;
}
h1{
	font-size:30px; 
	line-height:30px; 
	margin-bottom:15px;
}
h2{
	font-size:14px; 
	margin:3px 0px; 
	padding-top:10px;
	padding:0px; 
	letter-spacing:0px;
	font-weight:bold;
}
h3{
	font-size:22px; 
	line-height:20px; 
	margin-bottom:15px;
}
h4{
	font-size:18px; 
	line-height:18px; 
	margin-bottom:8px; 
	font-weight:bold;
}
h5{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px; 
	letter-spacing:0px;
	font-weight:bold;
}
h6{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px; 
	letter-spacing:1px;
}

/* links */
a{
	color:#333; 
	text-decoration:none;
}
a:visited{
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none
}
.imgcenter{
	float:left; 
	margin:0px 0px 10px 0px;
}
.imgleft{
	float:left; 
	margin:4px 12px 10px 0px;
}
.imgright{
	float:right; 
	margin:4px 0px 10px 12px;
}
.imgcenter-border{
	float:left; 
	margin:0px 0px 10px 0px;
	padding:2px;
	border:1px solid #d3d3d3;
}
.imgleft-border{
	float:left; 
	margin:4px 12px 10px 0px;
	padding:2px;
	border:1px solid #d3d3d3;
}
.imgright-border{
	float:right; 
	margin:4px 0px 10px 12px;
	padding:2px;
	border:1px solid #d3d3d3;
}
.border-img-left{
	border:1px solid #303030;
	padding:2px;
	margin:8px 10px 0px 0px;
	float:left;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
	font-size:11px;
	line-height:1.5em;
	margin-bottom:14px;
	color:#666666;
}

ul, ol{
	margin:10px 0 35px 40px;
}
li ol, li ul{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol{
	list-style:decimal;
}

/* code */
code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#container{
	background-image:url(images/bg.png); 
	background-repeat:repeat-x;	
	background-position:top;	
	height:550px;
}
#container-inner{
	background-image:url(images/header.jpg); 
	background-repeat:repeat-x;	
	background-position:top;
	margin-bottom:25px;
}
#top-container{
	width:1040px;
	height:50px;
	margin:0px auto;
}
#slide-container{
	width:1070px;
	height:365px;	
	margin:0px auto;
	background-image:url(images/bg-slideshow.png);
	background-repeat:no-repeat;
	background-position:center;
}
#mid-container{
	width:960px;
	margin:0px auto;
}
#mid-containergall{
	width:1005px;
	margin:0px auto;
}
#bottom-container{
	width:100%;
	height:237px;
	background-image:url(images/bgfooter.jpg);
	background-repeat:repeat-x;
	margin-top:15px;
	float:left;
}
#footer-container{
	width:100%;
	height:38px;
	background-color:#f2f2f2;
	float:left;
}


/* Header
------------------------------------------------------*/
#header-left{
	width:960px;
	height:50px;
	float:left;
}
/* Mainmenu Styling */
#mainmenu{
	width:600px;
	margin:1px 0px 0px 0px;
	float:left;
}
.navigation{
	width:900px;
	margin-top:8px;
	padding-left:0px;
	float:left;
	list-style-type:none;
}
.navigation ul{
	margin:0px;
	padding:0px; 
	list-style-type:none; 
	position:relative;
	clear:both;
}
.navigation li{	
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
	float:left;
	height:30px;
	margin-top:8px;
	z-index:100; 
	position:relative;
	font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#656b7f;
}
.navigation li a{
	font-size:16px;
	text-decoration:none;
	color:#c3cce5;
	display:block; 
	padding:1px 10px 0px 10px;
	float:left;
	height:35px;
	z-index:100; 
	margin-right:0px;
	font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;
}
.navigation li.current a, .navigation li a:hover, .navigation li.current li a:hover{
	color: #dddddd;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.navigation li.current li a{
	text-decoration:none;
	color:#c3cce5;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.navigation li li{
	margin:0 0 0px 0px;
	padding:0px;
	position:relative;
	z-index:100;	
}
.navigation ul{
	display:none;
	position:absolute;
	top:33px;
	width:150px;
	z-index:100;	
	background-image:url(images/bg-menu.png);
}
.navigation li ul a{
	width:140px;
	height:auto;
	float:left;
	padding:7px 0px 7px 10px;
	font-size:12px;
	color:#c3cce5;
	border-bottom:1px dotted #656b7f;
	z-index:100;
	text-decoration:none;
}

.navigation li ul a:hover{
	width:140px;
	height:auto;
	float:left;
	padding:7px 0px 7px 10px;
	font-size:12px;
	color:#dddddd;
	border-bottom:1px dotted #656b7f;
	z-index:100;
	text-decoration:none;
}
/*  Slideshow
------------------------------------------------------*/

#home_feature{width:1070px;
	height:350px;
	margin:0px auto;
	background-image:url(images/bg-slideshow.png);
	background-repeat:no-repeat;
	background-position:center;}

/* slider nav */
.slider_img_cropped{position:absolute;left:0;top:0;}

/* slider full */
#slider_img{
	display:none;
	height:400px;
	overflow:hidden;
	margin:0px auto;
	right:0;
	top:0px;
	width:960px;}
#home_feature #slider_img .slider_full{height:400px;margin-top:0px;overflow:hidden;}
.slider_frame{
	background:transparent url(images/slider_frame.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:317px;
	position:absolute;
	top:0;
	right:0;
	width:600px;
	}
.slider_content{
	display:none;
	right:0;
	padding-right: 25px;
	padding-top:15px;
	position:absolute;
	top:0;
	width:300px;
	z-index:10;
	}
.slider_full .slider_content{width:330px;padding-left:0px;}

/* slider staged */
#home_feature #slider_img .slider_cropped{height:317px;margin: 8px 0px 0px 4px;overflow:hidden;}
#home_feature #slider_content .slider_cropped{margin:20px 20px;overflow:hidden;}
#home_feature .slider_full h2, #home_feature .slider_full{color:#888888;}

#slider_img img{right:0;bottom:0;}

#loading_slider{
	background:transparent url(images/slider_loader.gif) no-repeat scroll center top; 
	height:16px;
	position:absolute;
	text-align:center;
	top:220px;
	width:1070px !important;
	z-index:20;}

/* Content
------------------------------------------------------*/
#content{
	width:960px;
	margin:25px 0px 0px 0px;
	float:left;
}
#contentgall{
	width:1005px;
	margin:25px 0px 0px 0px;
	float:left;
}
#left-content{
	-moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 0px;              	       
	border:1px solid #bbb;
	width:600px;
	margin-right:28px;
	float:left;
}

#left-contentcontact{
	-moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 0px;
	border:1px solid #bbb;
	width:450px;
	margin-right:28px;
	float:left;
}

#left-contentgall{
	width:700px;
	margin-right:0px;
	float:right;
}
#right-content{
	-moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 0px;
	border:1px solid #bbb;
	width:328px;
	margin:0 auto;
	margin-bottom:10px;
}
#right-contentgall{
	-moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 0px;
	border:1px solid #bbb;
	width:255px;
	margin-right:0px;
	float:left;
}
#fullwidth-content{
	width:960px;
	float:left;
}
.maincontent{
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	padding:8px 14px 14px;
	background:#fff url(images/block_topbg.gif) repeat-x top;
	border:1px solid #fff;
	padding-bottom:12px;
	float:left;
}
.maincontentgall{
	padding-bottom:25px;
	float:left;
}
.sidebar-content{
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	padding:8px 14px 14px;
	background:#fff url(images/block_topbg.gif) repeat-x top;
	border:1px solid #fff;
	width:298px;
	padding-bottom:8px;
	margin:0 auto;
}

.sidebar-contentgall{
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	padding:8px 14px 14px;
	background:#fff url(images/block_topbg.gif) repeat-x top;
	border:1px solid #fff;
	width:225px;
	padding-bottom:28px;
	float:left;
}

.sidebar-contentgall h6 a{
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/arrowmenu.png) no-repeat;
	padding-left:23px;
	padding-top:5px;
	font-size:11px;
	line-height:22px;
	color: #333;
	text-transform:uppercase;
}

.sidebar-contentgall h6 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/arrowmenu.png) no-repeat;
	padding-left:23px;
	margin-left:5px;
	padding-top:5px;
	font-size:11px;
	line-height:22px;
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
}


.maincontent h3, .sidebar-content h3, .maincontentgall h3, .sidebar-contentgall h3{
	color:#003366;
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #d3d3d3;
}
.front-content{
	border:1px solid #bbb;
	width:300px;
	margin-right:27px;
	float:left;
}
.front-content-last{
	border:1px solid #bbb;
	width:300px;
	margin-right:0px;
	float:left;
}
#middle-box{
	width:960px;
	margin:-22px 0px 10px 0px;
	background-image:url(images/shadow-content.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#front-testi{
	background-color: #E6E6E6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width:570px;
	height:81px;
	padding:15px 15px 0px 15px;
	margin:40px 30px 0px 0px;
	float:left;
}
#front-testi h4{
	color:#737373;
	font-size:14px;
	line-height:20px;
	font-style:italic;
}
#front-mail{
	width:330px;
	height:96px;
	background-color: #E6E6E6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:40px;
	padding:0px;
	list-style-type:none;
	float:left;
}
#front-mail h4{
	color:#656464;
	margin:18px 0px 0px 15px;
	float:left;
}
#front-mail h4 a, #front-mail h4 a:visited{
	color:#656464;
	text-decoration:none;
}
#front-mail h4 a:hover{
	color:#333333;
	text-decoration:none;
}
#front-mail p{
	width:240px;
	margin:2px 0px 0px 15px;
	float:left;
}
.mail-img{	
	margin:21px 0px 0px 21px;
	float:left;
}
.quote-img{	
	margin:14px 0px 0px 21px;
	float:left;
}

/* Check list */
ul.check-list{
	margin:0px 0px 15px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.check-list li{
	background-image:url(images/arrow.png); 
	background-position:5px 8px; 
	background-repeat:no-repeat; 
	padding-left:20px;
	line-height:1.8em;
}
	

/* Bottom Content
------------------------------------------------------*/
#bottom-content{
	width:960px;
	height:235px;
	margin:0px auto;
}
.bottom-box{
	width:198px;
	margin:24px 32px 0px 0px;
	float:left;
}
.bottom-box-last{
	width:268px;
	margin-top:20px;
	float:left;
}
.bottom-box h4, .bottom-box-last h4{
	color:#333333;
	margin-bottom:8px;
}
.bottom-box-last p{
	margin-top:12px;
}

/* Bottom content list */
ul.list-bottom{
	margin:15px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.list-bottom li{
	background-image:url(images/arrow.png); 
	background-position:5px 7px; 
	background-repeat:no-repeat;
	margin-bottom:4px; 
	padding:0px 0px 6px 20px;
	border-bottom:1px solid #313131; 
	line-height:1.5em;
}
ul.list-bottom li a{
	color:#444444;
	text-decoration:none;
}
ul.list-bottom li a:hover{
	text-decoration:underline;
}


/* Services
------------------------------------------------------*/
.services-content{
	margin-bottom:23px;
}
.services-content p{
	margin-bottom:6px;
}
.services-content h4{
	margin-bottom:0px;
}

/* Content list */
ul.content-list{
	width:300px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.content-list li{
	background-image:url(images/arrow.png); 
	background-position:5px 9px; 
	background-repeat:no-repeat; 
	padding-left:20px;
	line-height:2em;
}
ul.content-list li a{
	color:#979797;
	text-decoration:none;
}
ul.content-list li a:hover{
	text-decoration:underline;
}

/* Ads list */
ul.ads-list{
	width:298px;
	margin:0px 0px 0px 2px; 
	padding:0px; 
	list-style-type:none;
}
ul.ads-list li{
	width:125px;
	margin:5px 10px;
	float:left;
}
ul.ads-list li img{
	border:1px solid #d3d3d3;
	padding:3px;
}


/* Portfolio
------------------------------------------------------*/
/* Portfolio slide */
#portfolio-slide{
	position:relative; 
	margin:0px 44px 0px 44px;
	overflow:hidden;
	float:left;
}
#portfolio-slide ul, #portfolio-slide li{
	width:872px;
	height:245px;
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}
.pfslide-img{
	width:379px; 
	height:229px;
	border:1px solid #d3d3d3;
	margin-right:20px;
	padding:2px;
	float:left;
}
#portfolio-slide li.pf-content p{
	width:466px;
	float:left;
}
.portfolio-button{
	float:left;
	margin:12px 5px 0px 0px;
}

/* Portfolio thumbnail */
#middle-pf{
	width:946px;
	margin-top:10px;
	padding:80px 0px 30px 14px;
	background-image:url(images/shadow-content.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#middle-pf2{
	width:946px;
	margin-top:10px;
	padding:0px 0px 0px 14px;
	float:left;
}
.pf-box{	
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 23px 58px 0px; 
	float:left;
}
.pf-box2{	
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 23px 135px 0px; 
	float:left;
}
.pf-box h6, .pf-box2 h6, .pf-box-last h6, .pf-box-last2 h6{
	margin:5px 0px 8px 0px;
}
.pf-box-last{
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 0px 58px 0px; 
	float:left;
}
.pf-box-last2{
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 0px 135px 0px; 
	float:left;
}
.pf-img{
	border:1px solid #d3d3d3;
	padding:2px;		
}

/* Portfolio Slider Navigation */
#prev-pf a{
	width:14px; 
	height:21px; 
	position:relative;	
	top:-135px; 
	left:0px; 
	display:block; 
	background:url(images/pf-prev.gif) no-repeat 0 0; 
	cursor:pointer; 
	float:left; 
}
#next-pf a{
	width:14px; 
	height:21px;
	position:relative;	
	top:-135px; 
	right:0px; 
	display:block; 
	background:url(images/pf-next.gif) no-repeat 0 0; 
	cursor:pointer; 
	float:right; 
}

/* Portfolio list */
ul.featured-pf-list{
	width:466px;
	background-color:#FF0000;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
	float:left;
}
ul.featured-pf-list li{
	background-image:url(images/arrow.png); 
	background-position:5px 13px; 
	background-repeat:no-repeat; 
	padding-left:20px;
	line-height:32px;
	float:left;
}
ul.featured-pf-list li a{
	color:#979797;
	text-decoration:none;
}
ul.featured-pf-list li a:hover{
	text-decoration:underline;
}



/* Blog
------------------------------------------------------*/
.blog-post{
	margin-bottom:66px;
}
.blog-post h3{
	color:#a20b0d;
	margin-bottom:11px;
	padding-bottom:22px;
	border-bottom:1px solid #d3d3d3;
}
.blog-post h3 a, .blog-post h3 a:visited{
	color:#a20b0d;
	text-decoration:none;
}
.blog-info{
	color:#979797;
	margin-top:-30px;
	float:left;
}
.blog-info a, .blog-info a:visited{
	color:#979797;
	text-decoration:none;
}
.blog-info-icon{
	margin-right:3px;
}
.blog-info-icon2{
	margin-left:20px;
	margin-right:3px;
}
.readmore-blog{
	float:right; 
}

/* Author info styling */
.author{
	width:600px;
	background-color:#f1f1f1; 
	border-top:1px solid #d3d3d3; 
	border-bottom:1px solid #d3d3d3; 
	color:#a6a6a6; 
	padding:10px 15px 6px 15px; 
	line-height:18px; 
	float:left;
}
.author h6{
	margin:1px 0px 3px 0px;
}

/* Blog pagination */
.commonPageListControlBar{
	height:30px;
	margin:0px;
	text-align:left;
	float:left;
}
.commonPageListControlBar p{
	float:left;
}
.commonPageListBtn{
	border: 1px solid #d3d3d3;
	font:normal 11px Tahoma;
	color:#a4a3a3;
	margin:-2px 2px 0px 0px; 
	padding: 5px 4px;
	cursor: pointer;
	float:left;
}
.commonPageListControlBar a, .commonPageListControlBar a:visited{
	color:#a4a3a3; text-decoration:none;
	float:left;
}
.commonPageListControlBar a:hover{
	text-decoration: underline;
	float:left;
}
.commonPageListBtnSelected{
	border: 1px solid #d3d3d3;
	background-color:#eaeaea;
	font:normal 11px Tahoma;
	color:#a4a3a3;
	margin:-2px 2px 0px 0px; 
	padding:5px 4px;
	cursor:default;
	float:left;
}

/* Latest post list */
ul.latestpost-list{
	width:300px;
	margin:-2px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.latestpost-list p{
	width:234px;
	margin:4px 0px 0px 0px;
	float:left;
}
ul.latestpost-list li{
	margin-bottom:12px;
	line-height:32px;
	float:left;
}
.latestpost-img{
	border:1px solid #d3d3d3;
	margin:5px 11px 0px 0px;
	padding:2px;
	float:left;
}
ul.latestpost-list li a{
	color:#979797;
	text-decoration:none;
}


/* Contact
------------------------------------------------------*/
form{
	margin:0; 
	padding:0;
}
#contactFormArea{
	width:270px;
	margin:0px; 
}
label{
	margin-bottom:3px;
}
.input{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:11px; 
	width:280px; 
	padding:6px 5px; 
	margin:0px; 
	color:#939393;
}
.input-submit{
	background-image:url(images/send-button.gif); 
	background-repeat:no-repeat; 
	padding:0px;
	margin:0px; 
	border:0px; 
	width:80px; 
	height:25px; 
	cursor:pointer; 
	float:right; 
	margin-right:0px;
}
.textarea{
	background-color:#ffffff; 
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:11px;
	overflow:hidden;
	width:280px; 
	padding:6px 5px; 
	margin:0px; 
	color:#939393;
}
#loadBar{
	width:230px;
	height:18px;
	border:1px solid #d3d3d3;
	background-color:#f1f1f1;
	color:#797979;
	text-align:center;
	padding:7px 30px;
}
#emailSuccess{
	width:230px;
	height:21px;
	border:1px solid #d3d3d3;
	background-color:#f1f1f1;
	color:#797979;
	text-align:center;
	padding:7px 30px;
}
.loading-text{
	font-weight:bold;
	margin-left:0px;
	float:left;
}
.loading-form{
	width:128px;
	height:15px;
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	margin:3px 0px 0px 14px;
	float:left;
}
.map{
	width:564px;
	height:300px;
	background:url(images/hover-opacity-map.png) no-repeat top left;
	margin:5px 0px 10px 0px;
	padding:2px;
	border:1px solid #d3d3d3;
	float:left;
}

.maphome{
	width:292px;
	height:183px;
	background:url(images/hover-opacity-map.png) no-repeat top left;
	margin:6px 0px 8px 0px;
	padding:2px;
	border:1px solid #d3d3d3;
	float:left;
}


/* Footer
------------------------------------------------------*/
#footer-content{
	width:960px;
	height:38px;
	margin:0px auto;
}
#footer-text{
	width:700px;
	color:#333333;
	padding-top:12px; 
	font-size:10px;
	float:left;
}
#footer-nav{
	background: url(images/arrowmenu.png) no-repeat;
	width:207px;
	margin-top:6px;
	text-align:right;
	padding-top:6px; 
	font-size:10px;
	float:right;
}
#footer-nav a, #footer-nav a:visited{
	color:#555555;
	text-decoration:none;
}

#footer-nav a:hover{
	color:#000000;
	text-decoration:none;
}
#footer-nav img{
	margin-left:5px;
}




/* ------- 2. Portfolio ------- */
.one_third{width:150px;position:relative;margin-right:10px;margin-left:15px;margin-bottom:5px;float:left;}
.one_third2{width:250px;position:relative;margin-right:10px;margin-left:15px;margin-bottom:5px;float:left;}
	
/* surround any image with div.img to add an attractive shadow at the bottom plus a border */
div.img img{
	padding:4px;
	border:#ccc 1px solid;
}

div.img{
	background:url(images/photo-shadow.gif) bottom center no-repeat;
	padding-bottom:4px;
	width:auto !important;
	float:left;
}

div.image img{
	padding:4px;
	border:#ccc 1px solid;
}

div.image{
	padding-bottom:4px;
	width:auto !important;
	float:left;
}

div.imageright img{
	padding:4px;
	border:#ccc 1px solid;
}

div.imageright{
	padding-bottom:4px;
	width:auto !important;
	float:right;
}


/* ------- 2. Portfolio ------- */
#separate{width:550px;margin-bottom:15px;float:left;}