@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, 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, tfoot, thead, tr, th, td {
	/* [disabled]background: transparent; */
	border: 0;
	margin: 0;
	padding: 0;
}


html, body {
background-color:#fff;
background-image:url(../images/paper-bkg.png);
	background-repeat:repeat;
}

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p{
	text-align:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:24px;
	letter-spacing:1px;
	color:#000;
}

a:link {color:#000; text-decoration:none}
a:visited {color:#666; text-decoration:none}
a:hover {color: #333333; text-decoration: none;}

h1{
	font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:20px;
	color:#000;
	text-align:left;
}

h2{
font-family:Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height:18px;
	color:#000;
}

h2 a:link {color:#ccc; text-decoration:none}
h2 a:visited {color:#66cccc; text-decoration:none}
h2 a:hover {color: #ff0000; text-decoration: none;}

h3{
text-align:left;
	font-family:'Roboto', sans-serif;
	font-style:italic;
	font-size: 14px;
	font-weight:300;
	line-height:24px;
	color:#000;
}

h4{
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	font-weight:300;
	line-height:24px;
	color:#000;
}
hr{color:#CCC;background-color:#CCC;height:1px;border:none; margin:0;}
	
hr.dark{color:#666;background-color:#cccccc;height:1px;border:none; margin:20px 0;}

#wrapper{
	width: 960px;
	margin: 0 auto;
}

.header{
	width: 960;
	margin:10px auto 0;
	text-align:center;
}

#photos{
	width:960px;
	margin:0 auto;
	padding:0;
}
.photos li {
    float: left;
    position: relative;
    list-style-type: none;    
    width: 240px;
	height:50px;
	margin:0px auto;
	padding:0px;
}

.photosVideo li {
    float: left;
    position: relative;
    list-style-type: none;    
    width: 192px;
	margin:0px auto;
	padding:0px;
}
.textMain{
	width:840px;
	margin:20px 60px;
}

.textLeft{
	float:left;
	width:360px;
	margin:30px 10px 20px 0;
}

.textRight{
	float:left;
	width:560px;
	margin-top:20px;
}

.pages{
	width:960px;
	margin:20px 0px;
	padding: 20px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	text-align:center;
}

#projects{
	width:960px;
	margin:20px auto;
	padding:20px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
.projectLeft{
	float:left;
	width:400px;
}

.projectLeft:hover .play{display:block}
.play{
  position:absolute;
    display:none;
    top:100px; 
    width:40px;
    /*margin:0 auto; left:0px;
    right:200px;*/
	margin-left:100px;
    z-index:100
} 

.projectLeft:hover .play2{display:block}
.play2{
  position:absolute;
    display:none;
    top:570px; 
    width:40px;
    /*margin:0 auto; left:0px;
    right:200px;*/
	margin-left:170px;
    z-index:100
} 

.projectLeft:hover .play3{display:block}
.play3{
  position:absolute;
    display:none;
    top:860px; 
    width:40px;
    /*margin:0 auto; left:0px;
    right:200px;*/
	margin-left:170px;
    z-index:100
} 

.projectLeft:hover .play4{display:block}
.play4{
  position:absolute;
    display:none;
    top:1150px; 
    width:40px;
    /*margin:0 auto; left:0px;
    right:200px;*/
	margin-left:170px;
    z-index:100
} 

.projectLeft:hover .play5{display:block}
.play5{
  position:absolute;
    display:none;
    top:1440px; 
    width:40px;
    /*margin:0 auto; left:0px;
    right:200px;*/
	margin-left:170px;
    z-index:100
} 
.projectLeft:hover .play6{display:block}
.play6{
  position:absolute;
    display:none;
    top:1630px; 
    width:40px;
    /*margin:0 auto; left:0px;
    right:200px;*/
	margin-left:170px;
    z-index:100
} 

.projectRight{
	width:500px;
	float:left;
	margin-left:50px;
}

.projectRight p{
	text-align:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:16px;
	letter-spacing:1px;
	color:#000;
}

.col{
	width:15%;
	float:left;
	padding:2%;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	height:220px;
}
.col1{
	width:16%;
	float:left;
	padding:2%;
	text-align:center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	height:220px;
}

.col p{
	text-align:center;
}
.col1 p{
	text-align:center;
}

.colone{
	width:237px;
	float:left;
	text-align:left;
	margin-right:4px;
}
.coltwo{
	width:237px;
	float:left;
	text-align:left;
	margin-right:4px;
}
.colthree{
	width:237px;
	float:left;
	text-align:left;
	margin-right:4px;
}
.colfour{
	width:237px;
	float:left;
	text-align:left;
}

.contactLeft{
	float:left;
	width:270px;
	margin:20px 60px;
}

#contact_right{
	float:left;
	width:540px;
	margin:20px 0;
	height:400px;
}

.indexVideo{
	float:left;
	width:192px;
}

.footer{
	width:960px;
	margin: 0 auto;
	text-align:center;
}


.footer p{
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:54px;
	letter-spacing:1px;
	color:#000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

.clear{
	clear:both;
}

