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

BODY { 
padding-right : 0; 
padding-left : 0; 
font-size : 11px; 
padding-bottom : 0; 
margin : 0; 
color : #666; 
padding-top : 0; 
font-family : verdana, Helvetica, sans-serif; 
background-color : #181818; 
letter-spacing : 0; 
} 
P { 
margin-top : 0.3em; 
font-size : 1em; 
margin-bottom : 0.8em; 
text-align : left; 
} 
#header { 
background : url(../img/header-bg.gif) repeat-x; 
height : 115px; 
} 
DIV.inner { 
margin : auto; 
width : 1000px; 
position : relative; 
margin-top : 5px !important ; 
} 
#header .inner { 
height : 115px; 
} 
#header .logo { 
left : 0; 
width : 260px; 
position : absolute; 
top : 35px; 
height : 76px; 
} 
#siteNav { 
left : 466px; 
background-image : url(../img/site/temp/nav.gif); 
width : 536px; 
background-repeat : no-repeat; 
position : absolute; 
top : 83px; 
height : 31px; 
} 
A.home_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/home.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
A.port_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/portfolio.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
A.about_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/portfolio.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
A.services_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/services.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
DIV.port_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/portfolio.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
DIV.about_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/about.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
DIV.services_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/services.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
DIV.home_btn { 
display : block; 
float : left; 
background-image : url(../img/site/buttons/home.gif); 
margin-bottom : 6px; 
width : 134px; 
background-repeat : no-repeat; 
height : 31px; 
outline : none; 
} 
A.about_btn { 
background-position : 0 -31px; 
background-image : url(../img/site/buttons/about.gif); 
margin-left : -1px; 
} 
A.services_btn { 
background-position : 0 -31px; 
background-image : url(../img/site/buttons/services.gif); 
margin-left : -1px; 
} 
A.home_btn { 
background-position : 0 -31px; 
background-image : url(../img/site/buttons/home.gif); 
margin-left : -1px; 
} 
A.home_btn:hover { 
background-position : 0 -62px; 
} 
A.about_btn:hover { 
background-position : 0 -62px; 
} 
A.services_btn:hover { 
background-position : 0 -62px; 
} 
A.port_btn { 
background-position : 0 -31px; 
} 
A.port_btn:hover { 
background-position : 0 -62px; 
} 
A.about_btn { 
background : url(../img/site/buttons/about.gif) no-repeat 0 -31px; 
margin-left : -1px; 
} 
A.services_btn { 
background : url(../img/site/buttons/services.gif) no-repeat 0 -31px; 
margin-left : -1px; 
} 
#loadcover { 
z-index : 9000; 
background : #181818; 
left : 0; 
width : 100%; 
padding-top : 20px; 
position : absolute; 
top : 0; 
height : 700px; 
text-align : left; 
} 
#loadcover P { 
padding-left : 20px; 
margin-bottom : 14px; 
} 
#overlay { 
display : block; 
background : url(../img/overlay.png) no-repeat 0 0; 
left : 0; 
width : 1062px; 
position : absolute; 
top : 0; 
height : 582px; 
text-align : left; 
} 
#controls { 
border-top : 1px solid #262626; 
display : block; 
left : 0; 

width : 100%; 
border-bottom : 1px solid #262626; 
position : absolute; 
top : 465px; 
height : 117px; 
} 
#inner { 
display : block; 
background : #000; 
left : 0; 
margin : auto; 
width : 1000px; 
position : relative; 
top : 0; 
} 
#inner_overlay { 
display : block; 
background : #000; 
left : 3px; 
margin : auto; 
width : 997px; 
position : absolute; 
top : 0; 
height : 100px; 
} 
#inner .words { 
padding-right : 0; 
padding-left : 15px; 
z-index : 60; 
left : 230px; 
padding-bottom : 0; 
margin : 20px 15px 10px 20px; 
border-left : 1px solid #262626; 
width : 500px; 
padding-top : 0; 
position : absolute; 
height : 75px; 
} 
#inner .words H2 { 
margin-top : 2px; 
font-size : 0.92em; 
background : url(../img/site/titles/sprites.gif) no-repeat 0 0; 
margin-bottom : 5px; 
} 
#inner .nav H2 { 
margin-top : 2px; 
font-size : 0.92em; 
background : url(../img/site/titles/sprites.gif) no-repeat 0 0; 
margin-bottom : 5px; 
} 
#inner .nav H2 { 
background-position : 0 -112px; 
margin-bottom : 10px; 
} 
#inner .words P { 
line-height : 15px; 
} 
P.copy { 
margin-top : 0; 
} 
#inner .nav { 
left : 0; 
margin : 20px 20px 0; 
overflow : hidden; 
width : 260px; 
position : absolute; 
height : 75px; 
} 
#inner .nav .col { 
float : left; 
overflow : hidden; 
width : 15px; 
margin-right : 3px; 
height : 75px; 
} 
#inner .nav .col A { 
border-right : 1px solid #fff; 
border-top : 1px solid #fff; 
display : block; 
background : #000; 
margin-bottom : 3px; 
overflow : hidden; 
border-left : 1px solid #fff; 
width : 13px; 
border-bottom : 1px solid #fff; 
height : 11px; 
outline : none; 
} 
#inner .nav .col A:hover { 
background : #444; 
} 
#inner .keys { 
background : url(../img/site/bg/control.gif); 
left : 150px; 
margin : 20px 0 0; 
overflow : hidden; 
width : 79px; 
position : absolute; 
top : 25px; 
height : 45px; 
} 
#inner .keyscover { 
background : url(../img/site/bg/control.gif); 
left : 150px; 
margin : 20px 0 0; 
overflow : hidden; 
width : 79px; 
position : absolute; 
top : 25px; 
height : 45px; 
} 
#inner .keyscover A { 
display : block; 
width : 24px; 
position : absolute; 
height : 22px; 
outline : none; 
} 
#leftClick { 
left : 0; 
top : 23px; 
} 
#upClick { 
left : 24px; 
top : 0; 
} 
#downClick { 
left : 24px; 
top : 23px; 
} 
#rightClick { 
left : 48px; 
top : 23px; 
} 
#inner .icons { 
left : 800px; 
overflow : hidden; 
width : 205px; 
position : absolute; 
top : 20px; 
height : 110px; 
} 
.icons DIV { 
float : left; 
background-image : url(../img/site/icons/sprites.gif); 
margin : 0 10px 5px 0; 
overflow : hidden; 
width : 91px; 
background-repeat : no-repeat; 
height : 15px; 
} 
.tech_css { 
background-position : 0 0; 
} 
.tech_html { 
background-position : 0 -15px; 
} 
.tech_php { 
background-position : 0 -30px; 
} 
.tech_mysql { 
background-position : 0 -45px; 
} 
.tech_flash { 
background-position : 0 -60px; 
} 
.tech_js { 
background-position : 0 -75px; 
} 
.tech_dotnet { 
background-position : 0 -90px; 
} 
.tech_as { 
background-position : 0 -105px; 
} 
.icons DIV SPAN { 
display : block; 
float : left; 
background-image : url(../img/site/icons/sprites.gif); 
margin : 0; 
overflow : hidden; 
width : 91px; 
background-repeat : no-repeat; 
height : 15px; 
} 
.tech_css_off { 
background-position : 0 -120px; 
} 
.tech_html_off { 
background-position : 0 -135px; 
} 
.tech_php_off { 
background-position : 0 -150px; 
} 
.tech_mysql_off { 
background-position : 0 -165px; 
} 
.tech_flash_off { 
background-position : 0 -180px; 
} 
.tech_js_off { 
background-position : 0 -195px; 
} 
.tech_dotnet_off { 
background-position : 0 -210px; 
} 
.tech_as_off { 
background-position : 0 -225px; 
} 
#main { 
background : #000; 
width : 100%; 
position : relative; 
height : 583px; 
} 
#main2 { 
background : #000; 
width : 100%; 
position : relative; 
height : 583px; 
} 
#main2 { 
border-bottom : 1px solid #262626; 
height : 480px; 
} 
#about { 
background : #000; 
margin : auto; 
overflow : hidden; 
width : 1000px; 
position : relative; 
height : 480px; 
} 
#about .leftCol { 
float : left; 
margin : 20px 0; 
overflow : hidden; 
width : 720px; 
text-align : justify; 
line-height : 16px; 
padding-right : 15px; 
} 
#about .rightCol { 
margin-top : 20px; 
padding-left : 20px; 
float : left; 
border-left : 1px solid #262626; 
width : 243px; 
text-align : left; 
height : 440px; 
} 
#about .leftCol .sifr { 
padding-left : 112px; 
font-size : 14px; 
background : url(../img/site/bg/paul.gif) no-repeat 0 0; 
width : 420px; 
color : #fff; 
height : 120px; 
text-align : left; 
} 
#about .leftCol .col { 
margin-top : 20px; 
float : left; 
overflow : hidden; 
width : 320px; 
margin-right : 15px; 
} 
#about P { 
color : #9e9e9e; 
line-height : 1.4em; 
} 
#about A { 
color : #ddd; 
border-bottom : 1px dotted #555; 
text-decoration : none; 
} 
#inner A { 
color : #ddd; 
border-bottom : 1px dotted #555; 
text-decoration : none; 
} 
#about A:hover { 
color : #fff; 
border-bottom : 1px dotted #fff; 
} 
#inner A:hover { 
color : #fff; 
border-bottom : 1px dotted #fff; 
} 
#gallery { 
background : #000; 
margin : auto; 
overflow : hidden; 
width : 1000px; 
position : relative; 
height : 580px; 
} 
#gallery img { 
border : 1px solid #343434; 
} 
#gallery DIV { 
display : block; 
background : #888; 
overflow : hidden; 
width : 502px; 
position : absolute; 
height : 335px; 
} 
#ie8fix { 
border-right : 1px solid #000; 
border-top : 1px solid #000; 
display : block; 
left : 50%; 
margin-left : -501px; 
overflow : hidden; 
border-left : 1px solid #000; 
width : 1000px; 
border-bottom : 1px solid #000; 
position : absolute; 
top : 0; 
height : 579px; 
} 
#footer { 
margin-top : -4px; 
background : url(../img/footer-bg.gif) repeat-x; 
height : 50px; 
} 
#footer P { 
color : #555; 
padding-top : 15px; 
text-align : center; 
} 
#footer A { 
color : #555; 
border-bottom : 1px dotted #555; 
text-decoration : none; 
} 
UL.contact_form INPUT.txt { 
border-right : 1px solid #303030; 
border-top : 1px solid #303030; 
background : #262626; 
border-left : 1px solid #303030; 
color : #868686; 
border-bottom : 1px solid #303030; 
} 
TEXTAREA { 
border-right : 1px solid #303030; 
border-top : 1px solid #303030; 
background : #262626; 
border-left : 1px solid #303030; 
color : #868686; 
border-bottom : 1px solid #303030; 
} 
UL.contact_form INPUT.focus { 
border-right : 1px solid #443b35; 
border-top : 1px solid #443b35; 
background : #342d28; 
border-left : 1px solid #443b35; 
border-bottom : 1px solid #443b35; 
} 
TEXTAREA.focus { 
border-right : 1px solid #443b35; 
border-top : 1px solid #443b35; 
background : #342d28; 
border-left : 1px solid #443b35; 
border-bottom : 1px solid #443b35; 
} 
UL.contact_form SPAN { 
color : #3a2e25; 
} 
UL { 
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
list-style-type : none; 
} 
OL { 
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
list-style-type : none; 
} 
FORM { 
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
} 
UL.contact_form { 
font-weight : bold; 
} 
UL.contact_form INPUT { 
font : 11px Tahoma, Arial, Helvetica, sans-serif; 
} 
TEXTAREA { 
font : 11px Tahoma, Arial, Helvetica, sans-serif; 
} 
UL.contact_form INPUT.txt { 
padding-right : 5px; 
padding-left : 5px; 
padding-bottom : 5px; 
margin : 5px 0 10px; 
width : 235px; 
padding-top : 5px; 
height : 13px; 
} 
UL.contact_form TEXTAREA { 
padding-right : 0; 
padding-left : 5px; 
padding-bottom : 5px; 
margin : 5px 0 2px; 
width : 240px; 
line-height : 22px; 
padding-top : 2px; 
height : 84px; 
} 
UL.contact_form INPUT.btn { 
margin-top : 15px; 
display : block; 
background : transparent none repeat scroll 0% 0%; 
width : 77px; 
cursor : pointer; 

height : 26px; 
outline : none; 
} 
UL.contact_form A.btn:hover { 
border-top-style : none; 
border-right-style : none; 
border-left-style : none; 
border-bottom-style : none; 
} 
UL.contact_form LI.btn { 
margin-top : 10px; 
} 
.line { 
line-height : 18px; 
} 
strong { 
color : #fff; 
} 
.left { 
float : left; 
width : 33%; 
line-height : 22px; 
} 
.right { 
float : right; 
width : 33%; 
line-height : 22px; 
} 
.foot { 
line-height : 16px; 
} 
.foot a:link { 
border-bottom : 0 !important ; 
} 
.foot a:visited { 
border-bottom : 0 !important ; 
} 
.foot a:hover { 
border-bottom : 1px dotted #fff !important ; 
color : #fff; 
} 
.rightCol ul strong { 
color : #fff; 
} 
.terms { 
height : 390px; 
overflow : auto; 
padding : 10px; 
padding-right : 10px !important ; 
padding-left : 5px !important ; 
margin-bottom : 10px; 
line-height : 18px; 
} 
.leftCols { 
width : 1000px; 
height : 480px; 
} 
.divvv { 
font-size : 14px; 
} 
.menu_list { 
width : 100%; 
} 
.menu_head { 
padding : 0; 
cursor : pointer; 
position : relative; 
margin : 0; 
font-weight : normal; 
background : #ffffff; 
height : 22px; 
background : url(images/arrow4.jpg) no-repeat left; 
padding-top : 3px; 
} 
.menu_body { 
display : none; 
padding : 10px; 
background-color : #252526 !important ; 
color : #ccc !important ; 
} 
.menu_head strong { 
color : #666; 
} 
.main-menu { 
width : 100%; 
} 
.form span { 
color : #ff6; 
} 
.divvv img { 
margin : 2px; 
border : 1px solid #333; 
} 
.divvv img:hover { 
margin : 2px; 
border : 1px solid #ccc; 
} 
#gallery ul { 
list-style : none; 
} 
#gallery ul li { 
display : inline; 
} 
#gallery a:link { 
border-bottom : 0 !important ; 
} 
#gallery a:hover { 
border-bottom : 0 !important ; 
} 
#gallery a:active { 
border-bottom : 0 !important ; 
} 
#gallery a:visited { 
border-bottom : 0 !important ; 
} 
.link-thumb-trans { 
border-right : 0 ridge #336600; 
border-top : 0 ridge #336600; 
border-left : 0 ridge #336600; 
border-bottom : 0 ridge #336600; 
} 
.link-thumb { 
border-right : 0 ridge #336600; 
border-top : 0 solid #b4a987; 
border-left : 0 ridge #336600; 
border-bottom : 0 ridge #336600; 
} 
.link-thumb-container { 
margin-top : 0; 
margin-bottom : 0; 
} 
.sorry{
	width: 100%; 
	color: #fff; 
	padding-top:300px; 
	height:700px; 
	background-color:#181818; 
	text-align:center;
}