﻿* { margin:0; padding:0;}
body { background: #fff url('images/body.gif') repeat-x;
}
html, input, textarea, select{font-family:georgia; font-size:100%; color:#636262; font-weight:normal; font-size:0.75em; line-height:1.5em}

/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0px none; vertical-align:top; text-align:left}

a{ color:#375cc0; text-decoration:underline}
a:hover{ text-decoration:none}

.Surname {
	visibility: hidden;
}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

p {margin:0; padding:0;}

h1 { text-indent:-1000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url('images/logo.gif') no-repeat 0 0; 
width:396px; height:68px
}
.pos{ position:absolute; margin-top:0; padding:0}

h2 {  padding:0; margin:0; font-size:1em; padding-bottom:15px; line-height:1.275em}

ul { margin:0; padding:0; list-style:none; line-height:1.8em}
ul li{ background:url('images/list_bg.gif') no-repeat 0 8px; 
padding-left:19px
}
ul li a { color:#375cc0; text-decoration: underline; font-weight:bold; font-size:0.91em}
ul li a:hover{ text-decoration:none}

/*txt, links*/
.link { background:url('images/marker.gif') no-repeat right top; 
padding-right:13px; color:#3333cc; text-decoration:underline; font-size:1.09em
}
.link:hover{ text-decoration:none}

.link1{ color:#636262; font-weight:bold; text-decoration:underline}
.link1:hover{ text-decoration:none}

/*header*/
#header .logo{ height:104px}
#header .logo .fleft{ padding:25px 0 0 43px}
#header .logo .fright{ padding:55px 53px 5px  0}
#header .logo .fright a{ color:#868686; font-family:arial; text-decoration:underline}
#header .logo .fright a:hover{ text-decoration:none}
#header .logo .fright img{ margin-left:12px; vertical-align:middle}

#header .slogan{ height:209px; background:url('images/volvo/slogan.jpg') no-repeat;
}

#header .menu{ height:64px}
#header .menu div{ padding-top:25px; text-align:center}
#header .menu img{ vertical-align:middle; margin:0 35px 0 35px}
#header .menu a{ color:#919191; text-decoration:none}
#header .menu a:hover{ color:#3333cc; text-decoration:underline}
#header .menu span a{ color:#3333cc; text-decoration:underline}


/*content*/
.y{ background:url('images/y.gif') repeat-y;
}

#content .row1{ background:#f7f8f6 url('images/cont_rep.gif') repeat-x; 
width:100%
}
#content .row1 .indent{ padding:28px 0 23px 0}

#content .row2{ width:100%}
#content .row2 .indent{ padding:35px 0 37px 0}
#content .title{ margin-bottom:13px}

#content .block { width:100%}
#content .block .t{ background:#ffffff url('images/t_l.gif') repeat-x; 
width:100%
}
#content .block .b{ background:url('images/b.gif') repeat-x left bottom;
}
#content .block .l{ background:url('images/t_l.gif') repeat-y;
}
#content .block .r{ background:url('images/r.gif') repeat-y right top;
}
#content .block .lt{ background:url('images/lt.gif') no-repeat;
}
#content .block .rt{ background:url('images/rt.gif') no-repeat right top;
}
#content .block .lb{ background:url('images/lb.gif') no-repeat left bottom;
}
#content .block .rb{ background:url('images/rb.gif') no-repeat right bottom;
}

#content p{ padding-bottom:23px}

/*footer*/
#footer{ background:url('images/foot_rep.gif') repeat-x; 
color:#636262
}
#footer .indent{ padding:25px 0 0 36px}
#footer a{ color:#375cc0; text-decoration:underline; font-weight:bold}
#footer a:hover{ text-decoration:none}

/*================== index.html ==================*/
#page1 #content .row1 .col1 .ind{ padding:2px 28px 0 35px} 
#page1 #content .row1 .col1 .ind .ind1{ padding-left:27px}
#page1 #content .row1 .col1 .block{ margin-top:12px}
#page1 #content .row1 .col1 .block .ind2{ padding:21px 65px 16px 26px}
#page1 #content .row1 .col1 .block .img{ float:left}
#page1 #content .row1 .col1 .block ul{ margin-left:76px}

#page1 #content .row1 .col2 .ind{ padding:3px 0px 0 30px; font-size:0.91em; line-height:1.5em} 
#page1 #content .row1 .col2 .img{ vertical-align:middle; margin-right:8px}
#page1 #content .row1 .col2 span{ color:#868686}
#page1 #content .row1 .col2 a{ font-size:1.09em}

#page1 #content .row2 .col_1 .ind{ padding:0 40px 0 35px} 
#page1 #content .row2 .col_1 .img{ float:left; margin:2px 22px 35px 0}
#page1 #content .row2 .col_1 p{ padding:20px 0 8px 0}
#page1 #content .row2 .col_2 .ind{ padding:0 20px 0 29px}
#page1 #content .row2 .col_2 .ind .img{ display:block; margin-bottom:22px}



/*================== index-1.html ==================*/
#page2 #content .row1 .col1 .ind{ padding:5px 41px 0 35px}
#page2 #content .row1 .col1 .img{ float:left; margin:2px 22px 25px 0}

#page2 #content .row1 .col2 .ind{ padding:5px 33px 0 30px}
#page2 #content .row1 .col2 .ind .img{ display:block; padding-bottom:18px}

#page2 #content .row2 .col_1 .ind{ padding:0 40px 0 35px}
#page2 #content .row2 .col_1 .box{ width:100%}
#page2 #content .row2 .col_1 .box .c1{ width:55%; float:left}
#page2 #content .row2 .col_1 .box .c2{ width:44%; float:left}

#page2 #content .row2 .col_2 .ind{ padding:0 30px 0 29px}
 
/*================== index-2.html ==================*/
#page3 #content .row1 .col1 .ind{ padding:5px 41px 0 35px}
#page3 #content .row1 .col1 .img{ float:left; margin:2px 23px 13px 0}

#page3 #content .row1 .col2 .ind{ padding:5px 26px 0 30px}
#page3 #content .row1 .col2 .ind ul{ margin-top:8px}

#page3 #content .row2 .indent{ padding:34px 25px 5px 35px}
#page3 #content .row2 .box{ width:100%; margin-top:15px}
#page3 #content .row2 .box .c1{ width:52%; float:left}
#page3 #content .row2 .box .c2{ width:47%; float:left}
#page3 #content .row2 .box .img{ float:left; margin-right:18px; margin-bottom:10px}
#page3 #content .row2 .box .ind{ padding-right:40px}


/*================== index-3.html ==================*/
#page4 #content .row1 .col1 .ind{ padding:5px 41px 0 35px}
#page4 #content .row1 .col1 .ind .box{ width:100%}
#page4 #content .row1 .col1 .ind .box .c1{ width:52%; float:left}
#page4 #content .row1 .col1 .ind .box .c2{ width:47%; float:left}

#page4 #content .row1 .col2 .ind{ padding:5px 33px 0 30px}
#page4 #content .row1 .col2 .img{ float:left; margin:0 18px 18px 0}

#page4 #content .row2 .col_1 .ind{ padding:0 40px 0 35px}
#page4 #content .row2 .col_1 .img{ float:left; margin-right:23px}
#page4 #content .row2 .col_1 p{ padding:18px 0 9px 0}

#page4 #content .row2 .col_2 .ind{ padding:0 30px 0 29px}
#page4 #content .row2 .col_2 .img{ display:block; margin-bottom:23px}

/*================== index-4.html ==================*/
#page5 #content .row1 .col1 .ind{ padding:5px 41px 0 35px}
#page5 #content .row1 .col1 .img{ float:left; margin:2px 23px 13px 0}

#page5 #content .row1 .col2 .ind{ padding:5px 26px 0 30px}
#page5 #content .row1 .col2 .ind p{ padding-bottom:16px}
#page5 #content .row1 .col2 .ind ul{ margin-bottom:14px}

#page5 #content .row2 .indent{ padding:34px 25px 5px 35px}
#page5 #content .row2 .box p{ padding:17px 0 6px 0}
#page5 #content .row2 .box{ width:100%; margin-top:22px}
#page5 #content .row2 .box .c1{ width:52%; float:left}
#page5 #content .row2 .box .c2{ width:47%; float:left}
#page5 #content .row2 .box .img{ float:left; margin-right:22px; margin-bottom:34px}
#page5 #content .row2 .box .ind{ padding-right:20px}

/*================== contact-me.htm ==================*/
#page6 #content .row1 .col1 .ind{ padding:5px 31px 0 35px}
#page6 #content .row1 .col1 .ind .img{ float:left; margin:0 22px 24px 0}

#page6 #content .row1 .col2 .ind{ padding:5px 33px 0 30px}


#page6 #content .row2 .col_1 .ind{ padding:0 40px 0 35px}
#page6 #content .row2 .col_1 .ind .box{ width:376px}
#page6 #content .row2 .col_1 .ind .box .row{ height:31px; width:100%}
#page6 #content .row2 .col_1 .ind .box .c1{ width:190px; float:left}
#page6 #content .row2 .col_1 .ind .box .c2{ width:176px; float:left}
#page6 #content .row2 .col_1 .ind .box input{ width:179px; height:20px; border:#d3d3cc 1px solid; color:#636262; font-family:georgia; font-size:1em}
#page6 #content .row2 .col_1 .ind .box textarea{ width:369px; height:62px; border:#d3d3cc 1px solid; color:#636262; font-family:georgia; font-size:1em; overflow:auto}
#page6 #content .row2 .col_1 .alignright{ padding-top:10px}
#page6 #content .row2 .col_1 .alignright a{ margin-left:13px}

#page6 #content .row2 .col_2 .ind{ padding:0 30px 0 29px}


/*================== about-this-site.htm ==================*/
#page6 #content .row1 .col1 .ind{ padding:5px 31px 0 35px}
#page6 #content .row1 .col1 .ind .img{ float:left; margin:0 22px 24px 0}

#page6 #content .row1 .col2 .ind{ padding:5px 33px 0 30px}


#page6 #content .row2 .col_1 .ind{ padding:0 40px 0 35px}
#page6 #content .row2 .col_1 .ind .box{ width:376px}
#page6 #content .row2 .col_1 .ind .box .row{ height:31px; width:100%}
#page6 #content .row2 .col_1 .ind .box .c1{ width:190px; float:left}
#page6 #content .row2 .col_1 .ind .box .c2{ width:176px; float:left}
#page6 #content .row2 .col_1 .ind .box input{ width:179px; height:20px; border:#d3d3cc 1px solid; color:#636262; font-family:georgia; font-size:1em}
#page6 #content .row2 .col_1 .ind .box textarea{ width:369px; height:62px; border:#d3d3cc 1px solid; color:#636262; font-family:georgia; font-size:1em; overflow:auto}
#page6 #content .row2 .col_1 .alignright{ padding-top:10px}
#page6 #content .row2 .col_1 .alignright a{ margin-left:13px}

#page6 #content .row2 .col_2 .ind{ padding:0 30px 0 29px}


/*================== how-to-order.htm ==================*/
#page7 #content .row1 .indent{ padding:32px 36px 30px 35px}

/*================== index-7.html ==================*/

