@charset "windows-1254";
/* CSS Document */

body{
height:auto;
float:none;
margin:0 auto 0 auto;
background:url(../images/BG.gif) no-repeat top fixed;
background-position:center;
}

/* Hides annoying HTML borders*/
img {border:none;}

#wrapper{
width:900px;
height:auto;
margin:0 auto 0 auto;
float:none;
background-color:#666666;
}

#topbannerleft{
width:555px;
height:42px;
float:left;
margin:0 0 0 0;
background:url(../images/topbannerleft.png) no-repeat;
}

#btnletstalk{
width:188px;
height:42px;
float:left;
}

#socialnetworks{
width:156px;
height:42px;
float:left;
background-image:url(../images/socialnetworks.png);
}

#bannerbottom{
width:900px;
height:66px;
float:left;
background-image:url(../images/bannerbelow.png);
}

/*buttons*/

#btnwrapper{
width:123px;
height:221px;
float:left;
}

#btnhome{
width:123px;
height:24px;
float:left;
}

#btnabout{
width:123px;
height:23px;
float:left;
}

#btnwork{
width:123px;
height:25px;
float:left;
}

#btndesign{
width:123px;
height:24px;
float:left;
}

#btndevelop{
width:123px;
height:22px;
float:left;
}

#btnblog{
width:123px;
height:25px;
float:left;
}

#btncontact{
width:123px;
height:25px;
float:left;
}

#btnclient{
width:123px;
height:25px;
float:left;
}

#btnfriends{
width:123px;
height:28px;
float:left;
}

.portfolio a{
	height:160px;
	display:block;
	width:630px;
	float:left;
	margin:65px 0 0 30px;
}

.showreel a{
	height:190px;
	display:block;
	width:190px;
	float:left;
	margin:20px 0 0 140px;
}

/*main area*/

#mainareatop{
width:777px;
height:221px;
float:left;
background:url(../images/mainareatop.png);
}

#mainareabottom{
width:900px;
height:268px;
float:left;
background:url(../images/mainareabottom.png);
}

#footer{
	width:900px;
	height:320px;
	float:left;
	background-image:url(../images/footer.png);
}

/*Fonts*/

.NormatText{font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;text-decoration:none;}
.NormalTextBlack{font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:12px; color:#000;text-decoration:none;}

.GreyTextBlack{font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:12px; color:#333;text-decoration:none; font-style:italic;}

.GeogiaBlack{font-family:"Georgia", Times New Roman, Times, serif; font-size:17px; color:#000;text-decoration:none; letter-spacing:0px; font-weight:bold; text-transform:uppercase;}
.GeogiaGrey{font-family:"Georgia", Times New Roman, Times, serif; font-size:14px; color:#333;text-decoration:none; letter-spacing:0px; font-weight:bold}
.GeogiaWhite10{font-family:"Georgia", Times New Roman, Times, serif; font-size:12px; color:#fff;text-decoration:none; letter-spacing:0px; font-weight:200px}
.GeogiaWhiteHeader{font-family:"Georgia", Times New Roman, Times, serif; font-size:15px; color:#fff;text-decoration:none; letter-spacing:0px; font-weight:bold}
a.smalllink{font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:10px; color:#666; text-decoration:none;}
a:hover.smalllink{font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:10px; color:#fff; text-decoration:none;}
a.smalllinkBlack{font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:10px; color:#333; text-decoration:none;}
a:hover.smalllinkBlack{font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-decoration:none;}


/*Interior Page*/

#main_interior{
width:663px;
height:489px;
float:left;
background:url(../images/interior_main.png);
margin-left:110px;
}

#main_interior_portfolio{
width:663px;
height:489px;
float:left;
background:url(../images/interior_main_portfolio.png);
margin-left:110px;
}

#main_interior_nav_top{
	width:114px;
	height:221px;
	float:left;
	background:url(../images/interior-mainareatop.png);
	margin-top: -193px;
}

#main_interior_nav_bottom{
width:237px;
height:268px;
float:left;
background:url(../images/interior-mainareabottom.png);
}

#main_interior_wrapper{
width:237px;
height:489px;
float:left;
}
#textbox{
width:600px; height:auto; float:left; margin:20px 0 0 30px; text-align:left;}

#smallbox{width:210px; height:220px; float:left; margin:30px 0 0 15px; text-align:left;}

.twitter a{width:40px; height:40px; float:left; margin:0 0 0 14px; display:block;}
.myspace a{width:40px; height:40px; float:left; margin:0 0 0 2px; display:block;}
.facebook a{width:40px; height:40px; float:left; margin:0 0 0 2px; display:block;}