
/* HOMEPAGE CSS*/
html{
background:#040404 url(../../img/bg/vv_bg.png) ;
}
body{
background:#040404 url(../../img/bg/vv_bg.png) ;
font-family:Rockwell,Helvetica Neue, Tahoma, Arial; 
font-size:14px;
color:#fff;
position:absolute;
height:100%;
width:100%;
padding:0px;
margin:0px;
vertical-align:middle;
}
br{
height:10px;
margin:0px;
padding:0px;
}
a{
color:#fff;
border:none;
outline:none;
}
a:hover{
color:#cfcfcf;
border:none;
outline:none;
}
img{
outline:none;
border:none;
}
div,ul,li,ol,span{
padding:0px;
margin:0px;
}
h2{
padding:13px 0px 3px 10px;
border-bottom:solid #C65900 3px;
margin:0px;
text-transform:uppercase;
font-weight:normal;
font-size:1.4em;
color:#fff;
position:relative;
clear:both;
width:99%;
top:0px;
text-align:left;
}
h4{
	font-size:.8em;
	font-weight:normal;
	width:270px;
	padding:0px 0px 5px;
	margin:0px;
}
#horizon{
	background-color: transparent;
	position: absolute;
	top: 38%;
	left: 0px;
	width: 100%;
	margin-top: -180px;
	text-align: center;
}
#wrap{
position:relative;
margin:0px auto;
width:980px;
text-align: left;
height:585px;
}
#greeting{
width:980px;
height:582px;
float:left;
z-index:0;

}
#logo{
height:210px;
width:125px;
float:left;
position:absolute;
top:390px;
left:16px;
z-index:0;
}

#content{
background:transparent url(http://www.visualverbosity.net/img/home/logo_nav_bg.png) no-repeat bottom left;
position:absolute;
top:0px;
z-index:1000;
height:582px;
width:980px;
border:solid 2px #101010;
}
#bg{
position:absolute;
left:0px;
height:584px;
width:982px;
background:#000 url(../../img/content_bg.png) repeat;
}
#slider{
float:right;
height:500px;
width:540px;
margin:2px -1px 0px 0px;
background:#000 url(../../img/home/ajax-loader.gif) no-repeat 50% 50%;
}
#info_box{
height:auto;
padding:9px 10px;
position:absolute;
top:-5px;
left:120px;
width:305px;
z-index:-1;
}
#info_box p{
	line-height:1.75em;
	margin:10px 0px 10px 0px;
	font-size:11px;
}
*:first-child+html #info_box p{
		margin-top:8px;
		margin-bottom:8px;
}
#info_box li{
background:url(../../img/welcome_bg.png) repeat;
padding:0px 10px 10px;
margin-bottom:5px;
list-style:none;
height:232px;
}
#info_box li ul li{
background:transparent;
padding:0px 0px 0px 5px;
margin:0px;
height:auto;
font-size:10px;
}
#info_box li h2{
width:98%;
padding-left:0px;
padding-bottom:3px;
margin-bottom:3px;
}
#nav{
position:absolute;
width:740px;
height:65px;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 215px;
top:508px;
left:0px;
clear:both;
z-index:2;
}
#nav li{
line-height:12px;
padding-right:12px;
text-align:center;
list-style:none;
float:left;
}
#nav a{
font-size:21px;
line-height: 18px;
}
#nav a:hover{
color:#555;
}
.cufon-canvas:hover{
color:#888;
}
.abs_wrap{

}
/* bg related */
#canvas0, #canvas1{
text-align:center;
}
/* END OF HOMEPAGE CSS*/

/* SKETCHES CSS*/

#gallery, #services_gallery{
position:relative;
width:785px;
margin: 10px 0px 10px 0px;
padding:0px 0px 0px 7px;
overflow:hidden;
background:#111;
margin-left:178px;
height:410px;
}

#gallery ul, #services_gallery ul{
float:left;
padding:7px 0px 0px 0px;
width:780px;
}
#gallery ul li, #services_gallery ul li{
float:left;
margin:0px 5px 5px 0px;
list-style:none;
padding:5px;
background:#000;
height:90px;
}
#gallery ul li:hover, #services_gallery ul li ul li:hover {
background:#090909;
}
#gallery ul li{
height:auto;
}
#services_gallery ul li,#services_gallery ul li ul li{
background:transparent;
margin:0px;
}
#gallery ul li h2, #services_gallery ul li h2{
color:#FFD8C4;
padding:10px 0px 3px;
font-size:14px;
border-width:1px;
}

html #gallery ul li h2, html #services_gallery ul li h2{
*padding:0px 0px 3px;
}

#gallery ul li ul, #services_gallery ul li ul{
float:none;
width:auto;
height:none;
border:none;
padding-top:13px;
}
#gallery ul li ul li, #services_gallery ul li ul li{
float:none;
list-style:none;
height:auto;
padding-bottom:10px;
}
#gallery .intro_card, #services_gallery .service{
width:225px;
height:385px;
padding:0px 10px 10px;
background:#333 url(../../img/bg/intro_card_bg.png) no-repeat bottom right;
}

html #gallery .intro_card, html #services_gallery .service{
*padding-top:10px;
*height:370px;
}
#services_gallery .service, #services_gallery .about{
background:#333;
width:493px;
height:385px;
overflow:hidden;
}
#services_gallery .about{
overflow:auto;
padding:0px 10px 10px;
}
#services_gallery .about p{
font-size:.78em;
line-height:1.75em;
margin:5px 0px;
color:#cfcfcf;
}

#services_gallery .about h5{
font-size:.85em;
font-weight:bold;
margin:12px 0px 0px;
padding:0px;
}

#services_gallery .form_flyout{
width:245px;
height:385px;
padding:0px 10px 10px;
margin:0px 0px 0px -3px;
background:#222;
border-left:2px dotted #444;
}
html #services_gallery .form_flyout{
*padding-top:10px;
height:385px;
padding-bottom:10px;
}
#services_gallery .form_flyout .checkbox{
font-size:11px;
vertical-align:middle;
height:7px;
}
#services_gallery .form_flyout .checkbox label{
vertical-align:middle;
}
#services_gallery .form_flyout .checkbox input{
vertical-align:middle;
}

#services_gallery .form_flyout .text_field{
font-size:10px;
width:235px;
margin:0px;
}
#services_gallery .form_flyout li:hover{
background:none;
}
#services_gallery .service ul li{
background:#000;
width:219px;
height:90px;
float:left;
padding:10px;
margin:0px 0px 5px 5px;
font-size:12px;
}
#gallery h4, #services_gallery h4{
margin:5px 0px 0px 0px;
padding:0px 0px 3px 0px;
color:#fff;
font-size:14px;
width:98%;
border-bottom:1px solid #C65900;
}

.thumb_title{
display:block;
font-size:11.5px;
color:#dfdfdf;
}

.thumb_desc{
display:block;
font-size:9px;
color:#afafaf;
width:135px;
padding-top:3px;
height:55px;
}

form{
margin:0px;
padding:0px;
}

a span.pixy_sketch{
width:120px;
background:url(/img/nav/pixy/life_btn.png) no-repeat 0px 0px;
width:165px;
height:50px;
display:block;
}

a:hover span.pixy_sketch{
background:url(/img/nav/pixy/life_btn.png) no-repeat -160px 0px;
}

a span.pixy_chara{
width:120px;
background:url(/img/nav/pixy/chara_btn.png) no-repeat -25px 0px;
width:120px;
height:50px;
display:block;
}

a:hover span.pixy_chara{
background:url(/img/nav/pixy/chara_btn.png) no-repeat -185px 0px;
}

a span.pixy_web{
width:120px;
background:url(/img/nav/pixy/web_btn.png) no-repeat -18px 0px;
width:140px;
height:50px;
display:block;
}

a:hover span.pixy_web{
background:url(/img/nav/pixy/web_btn.png) no-repeat -178px 0px;
}

a span.pixy_about{
width:120px;
background:url(/img/nav/pixy/about_btn.png) no-repeat -4px 0px;
width:155px;
height:50px;
display:block;
}

a:hover span.pixy_about{
background:url(/img/nav/pixy/about_btn.png) no-repeat -171px 0px;
}

a span.pixy_quote{
width:120px;
background:url(/img/nav/pixy/contact_btn.png) no-repeat -30px 0px;
width:105px;
height:50px;
display:block;
}

a:hover span.pixy_quote{
background:url(/img/nav/pixy/contact_btn.png) no-repeat -190px 0px;
}

a span.pixy_logo{
width:120px;
background:url(/img/nav/pixy/logo_btn.png) no-repeat -26px 0px;
width:125px;
height:50px;
display:block;
}

a:hover span.pixy_logo{
background:url(/img/nav/pixy/logo_btn.png) no-repeat -186px 0px;
}

#bg_toplayer{
	background:url(../../img/bg/grit_bg_01.gif);
	height:100%;
	width:100%;
}
#collage{
	/*background:url(http://www.visualverbosity.net/img/collage_01.png) no-repeat center center;*/
	height:100%;
	width:100%;
}
.home_icons {
	padding:5px 5px 0px 0px;
	margin:20px 0px 0px 0px;
	height:45px;
	background:#AA3D00;
	
}
.home_icons li{
	background:transparent;
	padding:0 5px 0 0;
	margin:0px 0 0;
	width:auto;
	height:auto;
	float:right;
	z-index:1002;
}
.border-top{
border-top:2px dotted #C65900;
padding-top:5px;
padding-left:5px;
margin-left:15px;
margin-top:50px;
}

#wrap .index_adjust{
	padding-top:20px;
}

#contact_info{
font-size:13px;
margin-left:515px;
width:auto;
}

#slider_movie{
width:540px;
height:500px;
}

#page_content{
position:relative;
margin:0px auto;
width:70%;
}
#gallery .template_img li{
height:85px;
width:96px;
}
#gallery .fullsite_img li{
width:132px;
height:130px;
}
.template_img img{
width:100%;
}
.fullsite_img img{
width:100%;
height:87%;
}
/* END OF SKETCHES CSS*/

/* GRAPHIC DESIGN CSS*/

/* END OF GRAPHIC DEESIGN CSS*/

/* WEB DEESIGN CSS*/

/* END OF WEB DEESIGN CSS*/

/* CONTACT CSS*/

/* END OF CONTACT CSS*/