body 
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
    background-color: #000000;
}

img
{  
    border-style: none;
}

.gradient
{
    background-image: url("img/gradient.gif");
    background-repeat: repeat-x;
}


a:link 
{ 
	color: #FFFFFF;
    text-decoration: none;
}
    
a:visited 
{ 
	color: #FFFFFF;
    text-decoration: none;
}
    
a:hover 
{ 
	color: #FFFFFF;
	text-decoration: none;
}
    
a:active 
{ 
	color: #FFFFFF;
	text-decoration: none;
}

a.portfolio_btn
{
    float : left;
    width : 120px;
    height : 29px;
    background: url("img/portfolio_rollover.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio_btn:hover
{
    background-position: -120px 0;
}

a.about_btn
{
    float : left;
    width : 93px;
    height : 29px;
    background: url("img/about_rollover.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.about_btn:hover
{
    background-position: -93px 0;
}


a.contact_btn
{
    float : left;
    width : 103px;
    height : 29px;
    background: url("img/contact_rollover.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.contact_btn:hover
{
    background-position: -103px 0;
}

a.portfolio1
{
    clear : left;
    float : left;
    width : 180px;
    height : 132px;
    background: url("img/portfolio1.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio1:hover
{
    background-position: -180px 0;
}

a.portfolio2
{
    float : left;
    width : 155px;
    height : 132px;
    background: url("img/portfolio2.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio2:hover
{
    background-position: -155px 0;
}


a.portfolio3
{
    float : left;
    width : 149px;
    height : 132px;
    background: url("img/portfolio3.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio3:hover
{
    background-position: -149px 0;
}

a.portfolio4
{
    clear : left;
    float : left;
    width : 180px;
    height : 132px;
    background: url("img/portfolio4.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio4:hover
{
    background-position: -180px 0;
}

a.portfolio5
{
    float : left;
    width : 155px;
    height : 132px;
    background: url("img/portfolio5.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio5:hover
{
    background-position: -155px 0;
}


a.portfolio6
{
    float : left;
    width : 149px;
    height : 132px;
    background: url("img/portfolio6.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio6:hover
{
    background-position: -149px 0;
}

a.portfolio7
{
    clear : left;
    float : left;
    width : 180px;
    height : 159px;
    background: url("img/portfolio7.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio7:hover
{
    background-position: -180px 0;
}

a.portfolio8
{
    float : left;
    width : 155px;
    height : 159px;
    background: url("img/portfolio8.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio8:hover
{
    background-position: -155px 0;
}


a.portfolio9
{
    float : left;
    width : 149px;
    height : 159px;
    background: url("img/portfolio9.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio9:hover
{
    background-position: -149px 0;
}

a.portfolio10
{
    clear : left;
    float : left;
    width : 180px;
    height : 133px;
    background: url("img/portfolio10.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio10:hover
{
    background-position: -180px 0;
}

a.portfolio11
{
    float : left;
    width : 155px;
    height : 133px;
    background: url("img/portfolio11.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio11:hover
{
    background-position: -155px 0;
}


a.portfolio12
{
    float : left;
    width : 149px;
    height : 133px;
    background: url("img/portfolio12.jpg") 0 0 no-repeat;
    text-decoration: none;
    outline : none;
}

a.portfolio12:hover
{
    background-position: -149px 0;
}



#main_body
{
    clear : left;
	width: 800px;
    margin: auto;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: 0px;

}

#total_header
{
}

#header_left
{
    float : left;
}

#header_right
{
    float : right;
}

#header_buttons
{
    height : 29px;

}

#header_l
{
    background-image: url('img/header_left.jpg');
    width : 484px;
    height : 299px;
}

#header_tr
{
    background-image: url('img/header_tr.jpg');
    width : 316px;
    height : 109px;
}

#header_br
{
    background-image: url('img/header_br.jpg');
    width : 316px;
    height : 161px;
}

#portfolio_ny
{
    float : right;
    width : 316px;
    height : 264px;
    background-image: url('img/portfolio_ny.jpg');
}

#portfolio_chicago
{
    float : right;
    width : 316px;
    height : 292px;
    background-image: url('img/portfolio_chicago.jpg');
}

#portfolio_bottom
{
    clear : left;
    height : 200px;
}

#portfolio_end
{
    clear : left;
    height : 100px;
    background-color: #856F44;
}

/* about page */

#about_tl
{
    clear : left;
    float : left;
    width : 73px;
    height : 686px;
    background-image: url('img/about1.jpg');
}

#about_tm
{
    float : left;
    width : 411px;
    height : 686px;
    background-image: url('img/about2.jpg');
}

#about_tr
{
    float : left;
    width : 316px;
    height : 686px;
    background-image: url('img/about3.jpg');
}

#about_middle
{
    margin-right: 20px;
}

/* contact page */

#contact_left
{
    float : left;
    clear : left;
    width : 73px;
    height : 686px;
    background-image: url('img/contact03.jpg');
}

#contact_middle
{
    float : left;
    width : 411px;
    height : 686px;
    background-image: url('img/contact04.jpg');
}

#contact_right
{
    float : left;
    width : 316px;
    height : 686px;
    background-image: url('img/contact05.jpg');
}

#contact_text
{
    margin-right: 20px;
}

/* footer */

#footer
{
    clear : left;
	width: 800px;
    margin: auto;
	text-align: center;
    background-color: #000000;
}

/* content */

.smalltext 
{
	font-size: 10px;
	line-height: 15px;
    color: #FFFFFF;
}

.normaltext 
{
	font-size: 12px;
	line-height: 17px;
    color: #FFFFFF;
}

.normaltext_link
{ 
	font-size: 12px;
	line-height: 16px;
    color: #FFEEFF;
    text-decoration: underline;
}


.boldtext 
{
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
    color: #FFFFFF;
}



