.tail-top{ background:url(images/bg.gif) repeat-x top #fff}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; }

/*======= header =======*/
#header {height:543px; }

/*======= index.html =======*/
#page1 #content .col-1{ width:660px; margin-right:20px}
#page1 #content .col-2{ width:260px}
#page1 #content .col-3{ width:285px; margin-right:52px}
#page1 #content .col-4{ width:285px}
#page1 #content .bg{ background:url(images/tail2.gif) repeat-y 305px top } 
/*======= index-1.html =======*/
#page2 #content .col-1{ width:330px; margin-right:20px}
#page2 #content .col-2{ width:590px}
#page2 #content .col-3{ width:275px; margin-right:53px}
#page2 #content .col-4{ width:236px}
#page2 #content .bg{ background:url(images/tail4.gif) repeat-y 306px top } 
/*======= index-2.html =======*/
/*
#page3 #content .col-1{ width:650px; margin-right:20px}
#page3 #content .col-2{ width:270px}
#page3 #content .col-3{ width:280px; margin-right:52px}
#page3 #content .col-4{ width:280px}
#page3 #content .col-5{ width:259px}
#page3 #content .col-6{ width:390px}
#page3 #content .bg{ background:url(images/tail2.gif) repeat-y 305px top } 
*/
#page3 #content .col-1{ width:520px; margin-right:20px}
#page3 #content .col-2{ width:400px}
#page3 #content .col-3{ width:152px; margin-right:20px}
#page3 #content .col-4{ width:152px;}	
#page3 #content .col-5{ width:259px}
#page3 #content .col-6{ width:390px}
#page3 #content .bg{ background:url(images/tail2.gif) repeat-y 305px top } 
/*======= index-3.html =======*/

#page4 #content .col-1{ width:310px; margin-right:20px}
#page4 #content .col-2{ width:610px}

#page4 #content .col-3{ width:170px; margin-right:27px; text-align:center}
#page4 #content .col-4{ width:170px; margin-right:27px; text-align:center}
#page4 #content .col-5{ width:170px; text-align:center}

#page4 #content .col-6{ width:170px; margin-left:20px; margin-right:30px}
#page4 #content .col-7{ width:170px; margin-left:20px; margin-right:30px}
#page4 #content .col-8{ width:170px}
/*#page4 #content .bg{ background:url(images/tail4.gif) repeat-y 300px top } */

/* --Orig
#page4 #content .col-1{ width:310px; margin-right:20px}
#page4 #content .col-2{ width:610px}
#page4 #content .col-3{ width:268px; margin-right:32px}
#page4 #content .col-4{ width:287px}
#page4 #content .col-5{ width:130px; margin-right:27px; text-align:center}
#page4 #content .col-6{ width:130px; text-align:center}
#page4 #content .bg{ background:url(images/tail4.gif) repeat-y 268px top } 
*/

/*======= projects-showcase-*.html ==========*/
#projects-showcase #content .col-1{ width:420px; margin-right:20px}
#projects-showcase #content .col-2{ width:500px}


/*======= index-4.html =======*/
/*
#page5 #content .col-1{ width:650px; margin-right:20px}
#page5 #content .col-2{ width:270px}
#page5 #content .col-3{ width:280px; margin-right:52px}
#page5 #content .col-4{ width:280px}
#page5 #content .bg{ background:url(images/tail2.gif) repeat-y 305px top } 
*/
#page5 #content .col-1{ width:550px; margin-right:20px}
#page5 #content .col-2{ width:370px}
#page5 #content .col-3{ width:230px; margin-right:52px}
#page5 #content .col-4{ width:230px}
/*#page5 #content .bg{ background:url(images/tail2.gif) repeat-y 230px top } */
#page5 #content .bg{ background:url(images/tail2.gif) repeat-y 254px top }


/*======= index-5.html =======*/
#page6 #content .col-1{ width:310px; margin-right:20px}
#page6 #content .col-2{ width:610px}
#page6 #content .col-3{ width:350px; margin-right:56px}
#page6 #content .col-4{ width:177px}
#page6 #content .col-5{ width:160px; margin-right:20px;}
#page6 #content .col-6{ width:165px;}
#page6 #content .col-7{ width:292px;}
#page6 #content .col-8{ width:270px;}
#page6 #content .bg{ background:url(images/tail4.gif) repeat-y 375px top } 

/*======= footer =======*/
#footer { height:87px; }