/*
@author: Adela Trifan
@copyright: Copyright 2008 Adela Trifan - canadaartdesign.com
*/
body{
background: #fff url(../images/bg_body.jpg) bottom left repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
margin:0px;
padding:0px;
}
a, a:active, a:visited{
color:#d10000;
text-decoration:none;
outline:none;
}
a:hover, a:focus{
text-decoration:underline;
}

table { border-collapse:collapse; border-spacing:0; }

p{
margin:15px 0px;
}
h2{
font-size:17px;
color:#d10000;
font-weight:bold;
margin:20px 0px;
}
#wrapper{
background: url(../images/bg_header.jpg) top left repeat-x;
}
#container{
display:block;
width: 942px;
margin:0px auto;
background: #fff url(../images/bg_header.jpg) top left repeat-x;
}
/* ############################################### HEADER ######################################
################################################################################################ */
#header{
height:320px;
}
#header h1, #header h1 a{
display:block;
float:left;
width:550px;
height:90px;
margin:0px;
}
#header h1{
margin-bottom:11px;
}
#header h1 a{
background: #fff url(../images/ROCATel.gif) top left no-repeat;
text-indent:-9999px;
}
#header a.subscribe{
display:block;
float:right;
width:150px;
height:24px;
line-height:24px;
color:#fff;
font-size:14px;
text-align:center;
background: url(../images/subscribe.gif) 0px 0px no-repeat;
margin-top:35px;
margin-right:20px;
}
#header a.subscribe:hover{
background-position: 0px -24px;
text-decoration:none;
}
#header #banner{
height:180px;
clear:left;
padding-left:400px;
}
#header .homebanner{
height:180px;
clear:left;
background: url(../images/banner-home.jpg) 0px 0px no-repeat;
}
#header .homebanner div{
width:210px;
float:left;
padding:15px 60px 0px 0px;
color:#fff;
font-size:15px;
}
#header .homebanner div h2{
color:#fff;
font-size:33px;
margin:5px 0px 0px 0px;
}
ul#main-menu{
height:38px;
background: url(../images/bg_menu.jpg) 0px 0px repeat-x;
margin:0px;
list-style-type:none;
padding-left:10px;
}
ul#main-menu li{
background: url(../images/bg_menu_li.jpg) center right no-repeat;
padding:0px 20px 0px 15px;
display:inline;
line-height:38px;
}
ul#main-menu li.last{
background: none;
}
ul#main-menu li a{
color:#fff;
font-size:14px;
padding-bottom:11px;
}
ul#main-menu li a:hover{
color:#260101;
text-decoration:none;
}
ul#main-menu li a.on{
color:#260101;
background: url(../images/bg_menu_a.gif) bottom center no-repeat;
}
/* ############################################### CONTENT ######################################
################################################################################################ */
#content{
padding:15px;
overflow:hidden;
}
#content.home-content{
padding:0px 15px 0px 0px;
background: #fff url(../images/bg_home.jpg) top left repeat-y;
overflow:hidden;
}
#col-left{
width:350px;
float:left;
padding-left:10px;
}
#col-right{
width:535px;
float:left;
background: url(../images/img_home.jpg) bottom right no-repeat;
padding-left:30px;
}
/*
#col-right p{
width:330px;
}
*/
.narrow-text{
width:330px;
}
.narrower-text{
width:280px;
}
.wide-text{
width:430px;
}
a#start-calling{
display:block;
float:left;
width:340px;
height:111px;
background: url(../images/start_calling.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
a#start-calling:hover{
background-position: 0px -112px;
}
ul#rates{
list-style-type:none;
padding:20px 0px 20px 0px;
margin:0px;
clear:left;
}
ul#rates li{
padding: 5px 0px 5px 80px;
border-bottom:1px dotted #c6c4c4;
color:#4ab000;
line-height:19px;
}
ul#rates li.last{
border-bottom:none;
}
ul#rates li strong{
font-weight:bold;
text-transform:uppercase;
color:#333;
}
ul#rates li.romania{
background: url(../images/flag_romania.gif) 50px 7px no-repeat;
}
ul#rates li.germany{
background: url(../images/flag_germany.gif) 50px 7px no-repeat;
}
ul#rates li.russia{
background: url(../images/flag_russia.gif) 50px 7px no-repeat;
}
ul.arrows{
list-style-type:none;
padding-left:0px;
}
ul.arrows li{
line-height:25px;
background: url(../images/arrow_green.gif) 20px 7px no-repeat;
padding-left:40px;
}
/* ############################################### FOOTER ######################################
################################################################################################ */
#footer{
border-top:10px solid #760505;
margin-top:10px;
clear:left;
font-size:11px;
}
#footer ul{
list-style-type:none;
padding:10px 0px 10px 10px;
float:left;
margin:0px;
width:600px;
}
#footer ul#terms{
float:right;
padding-right:10px;
width:210px;
}
#footer ul li{
display:inline;
padding:10px;
}
#footer ul li a{
color:#000;
}
#footer ul li a:hover, #footer ul li a.on{
color:#d10000;
text-decoration:none;
}
#footer p{
clear:left;
text-align:right;
color:#999;
padding-right:20px;
margin-bottom:0px;
}
#footer p a{
color:#999;
}