#main { width:920px; margin:0 auto; text-align:left;}

#header {height:486px; margin:0 -30px;}

#footer { height:79px; padding-bottom:1px}

.col-1, .col-2, .col-3 { float:left; position:relative;}
.container {width:100%; overflow:hidden;}

/* ============================= mainIndex begins ===========================*/
#mainIndex .row1 .col-1 {width:434px;}
#mainIndex .row1 .col-2 {width:434px;}

#mainIndex .row2 .col-1 {width:274px;}
#mainIndex .row2 .col-2 {width:274px;}
#mainIndex .row2 .col-3 {width:274px;}
/* ============================= mainIndex ends ===========================*/

/* ============================= contactPage starts ===========================*/
#contactPage .row1 .col-1 {width:434px;}
#contactPage .row1 .col-2 {width:434px;}

#contactPage .row2 .col-1 {width:287px;}
#contactPage .row2 .col-2 {width:570px;}
/* ============================= contactPage ends ===========================*/

/* ============================= portfolioPage starts ===========================*/
#portfolioPage .row1 .col-1 {width:860px;}

#portfolioPage .row2 .col-1 {width:434px;}
#portfolioPage .row2 .col-2 {width:434px;}
/* ============================= portfolioPage ends ===========================*/

/* ============================= servicesPage starts ===========================*/
#servicesPage .row1 .col-1 {width:570px;}
#servicesPage .row1 .col-2 {width:287px;}
/* ============================= servicesPage ends ===========================*/