/*
Theme Name: EYEinI 3.0
Theme URI: http://eyeini.com
Description: This is the 2010 theme for EYEini
Version: 3.0
Author: RC Cone/EYEinI
Author URI: http://eyeini.com


*/


.comingsoonpage {text-align: center;}
.widgetmodule {font-size: 24px;}
input[type="submit"] {background-color:#999; font-family:Helvetica, sans-serif; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; font-size:14px; font-weight: bold; border: thin #ccc solid;}
input[type="submit"]:hover {background-color: #FFF;}
input[type="submit"]:active {background-color:#666;}
.widgetmodule input {background-color:#CCC;}
#wpoi_email {width: 400px; height: 40px; font-size: 25px; font-family: Helvetica, sans-serif; font-weight: bold;}
.wrapper {width: 1000px; margin: 0 auto; }
/* root element for scrollable */ 





/*-----------------------/HOME/ splash page -------------------*/



div.scrollable { 
 clear: both;
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 800px; 
    width: 1000px; 
	
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
	
}
div.scrollable div.items div {height: 900px; margin-left: 10px; }
div.scrollable div.items .item {position: relative;}

#main_navi {font-family: helvetica; font-size: 14px; list-style-type:none; font-weight:900; }
#main_navi ul { vertical-align: bottom; }
#main_navi li { float: left; cursor: pointer; margin-left: 33px; z-index: 100; position: relative; margin-top: 35px; }
.active {color:#0F0;}
#main_navi li:hover {color: #FFF; }
div.ahover {
    position: absolute;
    z-index: 99;
    background: #ccc;
	width: 100%;
	height: 100%;
	margin-left: 9px;
	margin-top: 5px;
	padding: 5px;
	 -moz-border-radius: 2px;
   -khtml-border-radius: 2px;
   -webkit-border-radius: 2px;
	
	
	

}
h1 {font-family: Helvetica, sans-serif; font-size: 100px; font-weight: 900; margin: 0px; letter-spacing: 1px; }
h2 {font-family: Helvetica, sans-serif; font-size: 75px; font-weight: 900; margin: 0px; letter-spacing: 1px;}
p {  font-family: Helvetica, sans-serif; font-size: 12px; font-weight: 100;  word-spacing: 2px; line-height: 17px; color: #666;}
a {text-decoration: none; color: #333;}
a:hover {color:#CCC;}
a:active {color: #000;}

ul.clients_front {font-family: Helvetica, sans-serif; list-style-type:none; font-size: 12px; float: left; margin-left: 100px; clear: both;}
ul.clients_front #clients_text {font-size: 20px; font-weight: 400px; margin-bottom: 0px; color: #000; font-weight: 900;}
ul.clients_front li {float: left; margin-left: 30px; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: 100; word-spacing: 2px; line-height: 17px; color: #666;}
#client_table {margin-left: 30px;}

.photo_scrollable { position: relative;
    overflow:hidden; 
    width: 1000px; 
    height:500px;
	left: -25px;

	}
	
 .photos {position:absolute; 
    width:20000em; }
	
 .photo {float: left; width: 1000px; position: relative; cursor: pointer;}
.photo p {width: 75px; float: right; position: absolute; right:20px;top: 180px; font-size: 10px; text-align: left;}

.photo_navi { 
  
    position: absolute;
    height:20px; 
	top: 60px;
	right:40px;
	display: inline;
	
} 
 
 
/* items inside navigator */ 
.photo_navi a { 
    width:15px; 
    height:15px; 
   float: left; 
    margin:3px; 
    background: #000; 
    cursor: pointer;
    font-size:1px; 
	vertical-alignment:bottom;
} 

.photo_navi a:hover { height: 17px; width: 17px; background: #CCC;}
.photo_navi a.active {background: #666;}

ul.photo_navigation  {height: 20px; display:inline; position:absolute; top:20px; diplay:inline; list-style-type: none;right:40px; }
ul.photo_navigation li {float: left; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: 100;  word-spacing: 2px; color: #666; margin-left: 10px; display: inline;}

#web_box {width: 900px; height: 400px; position: relative; margin: 0px auto; left: -75px; z-index: 1;}
div.webbox1 {width:250px; height: 150px; position: relative; overflow: hidden;}
div.webbox2 {width:250px; height: 250px; position: relative; overflow: hidden;}
div.webbox3 {width:225px; height: 225px; position: relative; overflow: hidden;}
div.webbox4 {width:350px; height: 175px; position: relative; overflow: hidden; }
div.webbox5 {width:415px; height: 225px; position: relative; overflow: hidden; }
div.webbox6 {width:290px; height: 175px; position: relative; overflow: hidden; }
div.webitems {position:absolute; width: 20000em;}
div.itemsvert {position:absolute; height: 20000em;}
div.webitems div {float:left;}


#newmediamovie {float: left;}
#newmediadescrip {float: left; width: 300px; margin: 20px;}

#frontteamprofiles {height: 500px; overflow: hidden;�

}
.frontprofile {width: 300px; float: left; position: relative;}
.frontprofile h3 {float: left; font-family: Helvetica, sans-serif; margin-top: 0px;font-size: 16px; font-weight: 900; margin-left: 5px; letter-spacing: 1px; border-bottom: medium black solid;}
.frontprofile p {float: left; width: 125px; margin-left: 5px; margin-top: -4px;}
.frontprofile .socialmedia ul {list-style-type: none; position: absolute; left: -25px;top: 140px; width: 150px;}
.frontprofile .socialmedia li {float: left; margin: 5px; font-family: Helvetica, sans-serif; font-size: 10px; font-weight: 100; word-spacing: 2px; line-height: 17px; color: #666;}

.logo {display:inline; float: left; }
.front_image {float:right; margin-top: -150px; margin-right: 150px; }
.home {float: left;}

#mostrecent {margin-bottom: 0px;}
.blogtable {margin: 0 auto;}


.blogtable td {width: 290px; height: 175px; vertical-align: top;}
.blogtable h3 {font-family: Helvetica, sans-serif; font-weight: 900; border-bottom: medium black solid; width: 90%; }
.blogtable ul {list-style-type:none;}
.blogtable li {font-family: Helvetica, sans-serif; font-size: 12px; font-weight: 200;  word-spacing: 2px; line-height: 17px; color: #666; margin-left: -30px; width: 95%;}
/*-----------------------/HOME/ splash page -------------------*/


/*------------MAIN WORDPRESS CSS BLOG PAGES ETC-------------------*/



#content {width: 800px; float: left; margin-top:-5px;}
#content .post {}
#content h1 {font-family: Helvetica, sans-serif; font-size: 100px; font-weight: 900; margin: 0px; letter-spacing: 1px; }
#content h2 {font-family: Helvetica, sans-serif; font-size: 75px; font-weight: 900; margin: 0px; letter-spacing: 1px;}

h4 {font-family: Helvetica, sans-serif; font-size: 18px; font-weight: 900; margin: 0px; letter-spacing: 1px;}
#content .pagetitle {font-family: Helvetica, sans-serif; font-size: 14px; font-weight: 600; margin-top: 40px;  letter-spacing: 1px;}

#content .emeta {font-family: Helvetica, sans-serif; font-size: 10px; font-weight: 400;  word-spacing: 2px; line-height: 17px; color: #666; text-align: right; clear:left; width: 800px; margin-bottom: 10px;}
#content p {  font-family: Helvetica, sans-serif; font-size: 12px; font-weight: 100;  word-spacing: 2px; line-height: 17px; color: #666;}
#content a {text-decoration: none; color: #333;}
#content a:hover {color:#CCC;}
#content a:active {color: #000;}

.entry .descrip_column {margin:0 auto;}
.entry .descrip_column ul { font-family: Helvetica, sans-serif; font-size: 12px; font-weight: 100;  word-spacing: 2px; line-height: 17px; color: #666; margin: 0 auto;}
.entry .descrip_column li {float: left; width: 275px; margin: 0 15px 0 0;list-style-type: none;}

blockquote.testimonial p {text-align: right; font-size: 30px; font-weight: 400; font-style:italic; width: 60%; line-height: 30px; color: #000;border-top: medium black solid; border-bottom: medium black solid; float:left;}


.recent_designs {float:right; width: 35%;}
.recent_designs h3 {font-family: Helvetica, sans-serif; font-size: 25px; font-weight: 900;  word-spacing: 2px; line-height: 50px; color: #666; margin: 0 auto; list-style-type:none; }
.recent_designs ul { }
.recent_designs li {font-family: Helvetica, sans-serif; font-size: 20px; font-weight: 600;  word-spacing: 2px; line-height: 17px; color: #666; margin: 0 auto; list-style-type:none;}


#content .etitle { position: relative; }
#content h3 {font-family: Helvetica, sans-serif; font-size: 28px; font-weight: 900;  float: left;  text-align: left;  color: #000; margin-bottom: 0px; text-transform:uppercase; clear:left;}

#content  .etitle .DateTitle {}
#content .date {   }
#content .date .day {}
#content .date .month {}

#content .ebody {clear:left;}
#content .ebody p {clear: left;}
#content .ebody img {clear:left;}


#content .single_meta {margin-top: 50px; font-size: 10px; margin-bottom: 0px;}


#content .postcomments {border-top: medium black solid; width: 800px; position: relative; clear: left;}
#content .postcomments p { font-size: 18px; padding: 5px; text-align: left; float:left; position: absolute; top: -20px; }
#content .bottominfo {position: relative; float:right; text-align:right; bottom:10px; font-size: 10px; }


#content img.alignright {float:right; margin:0 0 1em 1em}
#content img.alignleft {float:left; margin:0 1em 1em 0;}
#content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#content a img.alignright {float:right; margin:0 0 10px 10px;border:none;}
#content a img.alignleft {float:left; margin:0 10px 10px 0;border:none;}
#content a img.aligncenter {display: block; margin-left: auto; margin-right: auto;border:none;}



#sidebar {width: 150px;float:right;}
#sidebar #rss {text-align: right;height: 24px; float:right;}
#sidebar #rss p {float:left; margin-top: 5px; margin-left: 5px;}
#sidebar #rss img {float:left; height: 24px;border:none;}
#sidebar #category_cloud {clear:right; margin-top: 65px;}


.navigation {font-family: Helvetica, sans-serif; font-size: 10px; font-weight: 100;  word-spacing: 2px; line-height: 17px; color: #666;}
.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}

.comments {clear:left;}

#footer {clear:both; margin-top: 50px;}


/*--------------------BLOG SLIDER-----------------------*/
.blogscrollable { position: relative;
    overflow:hidden; 
    width: 800px; 
    height:550px;
	

	}
	
 .blogitems {position:absolute; 
    width:20000em; }
	
 .blogitems img {float: left;position: relative; cursor: pointer;}




/*-----------------------ABBREVIATED POSTS---------------------*/

.abbv_post {width: 350px; float:left; margin: 20px; height: 250px;}

.abbv_post h3 a {font-size: 16px;}
.abbv_post img {float:left; margin-right: 10px; margin-bottom: 5px; border:none;}

.abbv_post .date {clear:both; margin-bottom:0px;}


/*------------------GALLERY STYLES-------------------*/
/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	
	width: 100%;
	clear:left; 
	display:block !important;
	float: left;
	margin-bottom: 10px;
	
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	
	text-align: center;
	wid
}

.ngg-gallery-thumbnail img {


	display:block;
	border:none;
	
}


.ngg-gallery-thumbnail img a {border: none;}

.ngg-gallery-thumbnail img:hover {
	
	
	
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: left;
}

/* ------------- template_employee unique styles (ZACK) ---------------- */
img.floatLeft { 
    float: left; 
    margin: 4px; 
}

#employee_row {width:1000px; margin-top:35px; }

#employee_left {width:300px; height:400px; /*background-image:url(images/zprofile1.jpg);*/ background-repeat:no-repeat; padding:0; margin:0; float:left;}

/* #employee_copy = container for middle column */
#employee_copy {height:400px; padding:0 235px 0 335px; margin:0px;}
/* some common header and paragraph styles */
#employee_copy h3, #employee_blogs h3, #employee_work h3, #employee_right h3 {text-align:left; font-family: Helvetica, sans-serif; margin-top: 0px; font-size: 16px; font-weight: 900; margin:0px; padding:0;letter-spacing: 1px; border-bottom: medium black solid; color:#000;}
#employee_copy p {text-align:left;}
#employee_social {margin-left:-4px;}
 
#employee_right {width:200px; height:400px; padding:0; margin-left:10px; float:right; overflow:hidden;}
/*#employee_right ul {list-style:none; margin:0; padding:0;}*/
#employee_right ul {font-family: Helvetica, sans-serif; height:350; /*list-style-type:none;*/ font-size: 12px; float: left; margin:0px; padding:0; width:200px; }
#employee_right li { font-size: 12px; font-weight: 100; word-spacing: 2px; line-height: 17px; color: #666;}
#employee_right ul li.emplist {font-size:14px; line-height:23px; font-weight:200; margin-top:5px; word-spacing:0px;}

#employee_work {width:482.5px; padding:0;}
#employee_work ul {width:482.5px; }
#employee_work li, #employee_blogs li {font-family: Helvetica, sans-serif; font-size: 12px; font-weight: 100; word-spacing: 2px; line-height: 17px;}

#employee_work ul, #employee_blogs ul {font-family: Helvetica, sans-serif; list-style-type:none; font-size: 12px; float: left; margin:0px; padding:0; clear: both;}

#employee_work ul li.list_title, #employee_blogs ul li.list_title {font-weight:bold; font-size:14px; line-height:120%; margin:10px 0px;}

#employee_blogs {width:482.5px; padding:0; margin: 0px 0 0 35px; float:left;}
#employee_blogs ul {width:482.5px; float:left;}

.profile_blogs img {float:left; margin: 10px;}

/*------PROFILE SCROLLER-------*/
#employee_left .profilescrollable { position: relative;
    overflow:hidden; 
    width: 300px; 
    height:400px;
	

	}
	
 #employee_left .profileitems {position:absolute; 
    width:20000em; }
	
 #employee_left .profileitems img {float: left;position: relative; cursor: pointer;}


/* ------------- end template_employee unique styles (ZACK) ---------------- */