@charset "UTF-8";
/* CSS Document */

.header{
	list-style:none;
}

#pagetitle
{text-align:left;
font-size:22px;
margin:30px 0 10px 50px;
color:#ca122f;
font-family: 'Lora', serif;
}

#titleresumecontain{
width:100%;		
}


#pagetitleresume
{text-align:left;
font-size:22px;
margin:30px 0 10px 0px;
color:#ca122f;
font-family: 'Lora', serif;
width:45%;
float:left;
}

#pagetitlecontact
{text-align:center;
font-size:22px;
margin:30px 0 10px 0px;
color:#ca122f;
font-family: 'Lora', serif;
width:100%;
}

#download
{color:#666666;
width:45%;
height:26px;
vertical-align:bottom;
text-align:right;
font-size:12px;
float:right;
margin:30px 0 0px 0px;
}


#portimg1, #portimg2, #portimg3, #portimg4, #portimg5, #portimg6, #portimg7, #portimg8, #portimg9, #portimg10, #portimg11, #portimg12
{width:85%; text-align:center; position:relative; margin:auto; padding:0px 0 10px 0;}

#homeboxprint, #homeboxweb
{width:100%; text-align:left; position:relative; margin:auto; padding:0px;}

.porttxt
{color:#666666;width:85%;text-align:center;position:relative;margin:auto;padding:0 0 40px 0px;}

.red
{color:#ca122f;}


/*contact page*/
#contactcontain{
width:100%;
margin:auto;
padding:0px;
	}
	
#col1contact{
	color:#333;
	width:30%;
	position:relative;
	display:block;
	border-right:1px solid #ddd;
	margin:0 15px 0 0;
	padding-bottom:15px;
	clear:both;
	}
	
#col2acontact{width:46%; height:auto; float:left; border-left:1px solid #ccc;}
#col2bcontact{width:46%; height:auto; float:right; border-left:1px solid #ccc;}
	
.contacttxt
{text-align:center;
font-size:15px;
padding:0;
margin:15px 0;
}

/*resume page*/
#resume_contain1, #resume_contain2, #resume_contain3, #resume_contain4, #resume_contain5, #resume_contain6, #resume_contain7, #resume_contain8, #resume_contain9, #resume_contain10
{width:100%; height:auto; display:block; text-align:left; margin:auto;
padding-top:10px; border-top:1px solid #ccc;}

#resume_contain1, #resume_contain7, #resume_contain9
{border-top:2px solid #000;}

.resumetitle{
text-align:left;
font-size:15px;
margin:0px 0 10px 0px;
color:#000;
line-height:18px;
}

.resumetitle + p{
	text-align:left;
font-size:13px;
margin:0px;
color:#ca122f;
font-style:italic;
}

.resumetitle + p + p{
text-align:left;
font-size:13px;
margin:0px 0 10px 0px;
color:#666;
font-style:italic;
}


.listresume{
	padding:0px;
	margin:0 0 10px 0;
	font-size:13px;
	color:#999;
	list-style-position:outside;
	line-height:18px;
	}
/*end resume page*/	

a[title], a[download] {
	color:blue;
}

#nav{
	list-style:none; 
	height:auto;
	padding:0px;
	margin-left:atuo;
	margin-right:auto;
	font-size: 14px;
	display:inline-block;
	}
		
#nav li
{ display: block; position: relative; float:left;}

#nav li ul{display: none;}

#nav li a 
{ display: block;
    text-decoration: none;
    color: #333;
    border-right: 1px solid #ccc;
    padding: 4px 15px;
    background: #fff;
    margin-left: 1px;
    white-space: nowrap;}

#nav li a:hover 
{background: #fff;}
#nav li:hover ul 
{display: block; position: absolute;}

#nav li:hover li
{float: none; font-size: 11px; color:#333;}

#nav li:hover li a:hover { background: #fff;}

#nav .active a, #nav li:hover a, #nav .active, #nav li:hover {color:#ca122f;}
 
#subnav li a 
{ display: block;
    text-decoration: none;
    color: #333;
    border:none;
	border-top:1px solid #ccc;
    padding: 5px 15px;
    background: #fff;
    margin-left: -40px;
    white-space: nowrap;
	width:55px;}
	
	#subnav li:hover a{color:#393;}

.active, #subnav li:hover a{color:#393;}
#nav .active a {
    font-weight:bold;
}



.contact{text-align:right; font-size:14px; color:#666;
}

.contact a{color:#666;
}

.contact2{text-align:right; font-size:14px; color:#666;
}

.hidden{display:none;}

#preloader{display:none;}

.intro{ font-size:16px; color:#999; line-height: 120%;}

#line{border-top:1px solid #ccc;
width:91%;
margin:auto;
padding-top:15px;
	}

/* boxes*/

ul.hover_block2, ul.hover_block1 { margin:0px; display: block; height:190px; width:190px; position:relative; padding:0; }
 ul.hover_block2 li,  ul.hover_block1 li { list-style:none; padding: 0px; height:190px; width:190px; position: relative; border: #999 solid 1px; }
ul.hover_block1 li { background: url("../../assets/images/print_bg.png") no-repeat #fff;}
ul.hover_block2 li{ background: url("../../assets/images/web_bg.png") no-repeat #fff;}
 

ul.hover_block2 p, ul.hover_block1 p  { font-size:12px;  padding:10px;}
ul.hover_block2 li a, ul.hover_block1 li a { display: block; position: relative; overflow: hidden; height: 190px; width: 190px; padding: 0px; color: #000;}
ul.hover_block2 li a, ul.hover_block1 li a  { text-decoration: none; }
ul.hover_block2 li img, ul.hover_block1 li img {position: absolute; left: 0; border: 0;} 

@media (max-width: 950px) {
#homecol1{ width:60%; } 
#homecol2 {width:35%;  }	}
	
	
@media (max-width: 820px) {
#col1, #col2, #col2a, #col2b, #homecol1, #homecol2, #col2acontact, #col2bcontact, #col1resume, #col2resume {width:100%; height:auto; float:none;}

.contacttxt
{text-align:left;}

#homecol1, #homecol2, #homeleft, #homeright{ margin-bottom:20px;} 
.contact{text-align:left;}
#line{display:none;}


}