/* - css info -
author: Mateusz Jastrzebski 
contact: contact.pordesign@gmail.com
- */ 

/* - general - */
body {	font: 9pt/130% Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #999; background: #000 url(../images/gr-1.gif) 0 0 repeat-x;}

a {	color: #fff; text-decoration: none; }
/*a:visited {	color: navy; }*/
a:hover,
a:focus { text-decoration: underline; }
a:active { /**/ }
a img {	border: none; }

/* default form styling */	
form ul, form ul li { margin: 0; padding: 0; list-style: none; float: left; clear: left; width: 100%;}
form ul li { margin: 8px 0; width: 100%; znmargin: 0;}
form, fieldset { margin: 0; padding: 0; border: none; width: 100%; }
form { *margin: 0 -50px 0 0; /*prevents ie6 from stretching flexible width form*/}
fieldset:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
label { padding: 0 5px; margin: 0; width: 150px; text-align: right; }	
textarea { font: 11pt/1.1em Arial, Helvetica, sans-serif; padding: 5px;}
label, input, select, textarea { float: left; margin: 0; }
input[type="checkbox"], input[type="radio"] { margin: 3px; }
input[type="text"]{ width: 150px; }
select { width: 154px; }
textarea { width: 300px; }

/*nested list for inline short inputs like birth date */
form ul ul { clear: none; width: auto;}
form ul ul li { width: 110px; clear: none; margin: 0;}
form ul ul input,
form ul ul label,
form ul ul select { width: 50px; text-align: left;}

#submit_button { width: 173px;height: 43px; background: url(../images/submit-request.gif) 0 0 no-repeat; border: none; margin: 0 0 0 160px; cursor: pointer;}
#submit_button:hover,
#submit_button:focus { background-position: 0 -43px; }

.form-error { color: red; }
.form-success { color: #65ab00; }

table { border-collapse: collapse; border: none;}
table td, table th { border: none; padding: 2px 5px;}

h2,h3,h4,h5,h6 { margin: 10px 0; line-height: 100%; padding: 0; }
h2{ font-size: 140%; }
h3 { font-size: 100%; color: #ff3; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

p { margin: 1.4em 0;}

hr { display: block; border-top: 1px solid #dadbd6; font-size: 0; line-height: 0; height: 0; margin: 10px 0;}

abbr { font-size: 150%; }

dl { margin: 10px 0; }
dt { float: left; font-weight: bold; margin: 0; padding: 5px 5px 5px 0;}
dd { margin: 0; padding: 5px 0; }

ul { margin: 10px 0; padding: 0; }
ul li { margin: 5px 0 0 10px; padding: 0 0 5px; }

ol {padding: 0; list-style-position: outside; margin: 0 0 20px;}
ol li { margin: 6px 0 6px 2em; padding: 0 0 0 1em;}

blockquote { margin: 0; }

/* header */
#header { float: left; width: 940px; background: url(../images/bg-2.jpg) 188px 6px no-repeat; position: relative; }

/* header > logo */
h1 { margin: 35px 20px 0; padding: 0; float: left; display: inline;}

/* header > nav */
#header .nav { margin: -16px -10px -42px -10px !important; padding: 0; list-style: none; float: left; width: 960px; height: 90px; background: url(../images/nav-bg.gif) 0 100% no-repeat; display: inline; position: relative;}
#header .nav li { margin: 0; padding: 0; list-style: none; float: left;}
#header .nav a { text-decoration: none; color: #fff; float: left; height: 49px; text-indent: -200px; overflow: hidden;}
.nav a:hover,
.nav a:focus,
.nav li.current a { }
#header .nav .index a { width: 128px; background: url(../images/nav-home.gif) 0 0 no-repeat;}
#header .nav .about a { width: 102px; background: url(../images/nav-about.gif) 0 0 no-repeat;}
#header .nav .services a { width: 97px; background: url(../images/nav-services.gif) 0 0 no-repeat;}
#header .nav .pricing a { width: 85px; background: url(../images/nav-pricing.gif) 0 0 no-repeat;}
#header .nav .promotions a { width: 114px; background: url(../images/nav-promotions.gif) 0 0 no-repeat;}
#header .nav .partners a { width: 95px; background: url(../images/nav-partners.gif) 0 0 no-repeat;}
#header .nav .testimonials a { width: 124px; background: url(../images/nav-testimonials.gif) 0 0 no-repeat;}
#header .nav .join a { width: 91px; background: url(../images/nav-join.gif) 0 0 no-repeat;}
#header .nav .contact a { width: 124px; background: url(../images/nav-contact.gif) 0 0 no-repeat;}
/*#header .nav a:hover,
#header .nav a:focus { background-position: 0 -49px;}*/ 
#header .nav .current a { background-position: 0 -147px; }


/* header > slogan */
#slogan-area { float: left; }

/* header > mascot */ 
#mascot { float: right; margin: 5px -10px 0 0px; float: right; width: 360px;}
#mascot a { float: right; height: 181px; text-indent: -9999px;} 
#mascot img { display: none; }
#mascot.classic a { width: 323px; background: url(../images/mascot-classic.jpg) 0 0 no-repeat;}
#mascot.classic a:hover, #mascot.classic a:focus { background-position: 0 -181px; }

/* site wide styles */
span { color: #ff3; }
.centered { margin: 0 auto; display: block;}

.r-side dt {margin: 0; padding: 0;}
.r-side dd { clear: left; margin: 0 0 5px; padding: 0;}


/* structure */
#wrapper { float: left; width: 100%; background: url(../images/gr-1.gif) 0 100% repeat-x; padding: 0 0 40px;}
#container { margin: 0 auto; width: 940px; padding: 10px; }
#container:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	

/* content */
#content { background: #222 url(../images/bg-1.gif) 0 0 repeat; float: left; border: 1px solid #1c1b1b; padding: 12px; width: 916px;  margin: 0;} 

.main { float: left; width: 620px; margin: 0 0px 20px 0;}
.r-side { float: left; width: 296px;  margin: 0 0 20px; } 

/* content > article */
.article { float: left; margin: 20px 0 0; padding: 0 20px 0 0;}

h2.img { height: 24px; position: relative; font-size: 1em; margin: 0; padding: 0;overflow: hidden; width: 100%;}
.img img { position: absolute; top: 0; left: 0;}

.actions, .actions li { margin: 0; padding: 0; list-style: none; display: inline; float: left; }
.actions { overflow: hidden; margin: 10px 0 0 -8px; }
.actions li { border-left: 1px solid #ff0; margin-left: -1px; padding: 0 8px; line-height: 1em;}
.actions a { color: #fff; text-decoration: none; font-weight: bold;}
.actions a:hover, .actions a:focus { color: #ff0; text-decoration: underline; }

.article ul.style-1 { list-style: none; margin: 0; padding: 0;}
.article .style-1 li { margin: 0; padding: 0 0 0 15px; list-style: none; background: url(../images/bullet.gif) 0 0 no-repeat; color: #ff3;}

/* content > article > latest news */
.latest-news { border: 1px solid #ff3; margin: 15px 0; padding: 0 15px;}
.latest-news p { color: #ff3; }

/* content > hero */
#hero { float: left; width: 942px; background: #f4ead8 url(../images/gr-2.gif) 0 0 repeat-x; margin: -13px  -1px 0 -13px; display: inline; }
#hero h2 { background: url(../images/hero-catchword.jpg) 0 0 no-repeat; margin: 7px -302px 6px 7px; float: left; display: inline; height: 196px; width: 928px; text-indent: -9999px; padding: 0; }

.quick-access, .quick-access li { margin: 0; padding: 0; list-style: none; display: inline; float: left;}
.quick-access { margin: 20px 0 0; }
.quick-access li { clear: left;}
.quick-access a { float: left; height: 42px; text-indent: -9999px; width: 292px; background: url(../images/quick-access.gif) 0 0 no-repeat;}

.quick-access .i1 a:hover, .quick-access .i1 a:focus { background-position: 0 -42px; }
.quick-access .i2 a { background-position: 0 -84px; }
.quick-access .i2 a:hover, .quick-access .i2 a:focus { background-position: 0 -126px; }
.quick-access .i3 a { background-position: 0 -168px; }
.quick-access .i3 a:hover, .quick-access .i3 a:focus { background-position: 0 -210px; }
.quick-access .i4 a { background-position: 0 -252px; }
.quick-access .i4 a:hover, .quick-access .i4 a:focus { background-position: 0 -294px; }

.r-side .quick-access { margin: 8px 0;}

/* content > highlights */
#highlights, #highlights li { margin: 0; padding: 0; list-style: none; display: inline; float: left;}
#highlights { margin: 15px -8px;} 
#highlights li { position: relative; list-style: none; margin: 0 8px;}
#highlights h2 { text-indent: -9999px; position: absolute} 
#highlights a { text-indent: -9999px; float: left; width: 294px; height: 115px;}

#highlights .i1 a { background: url(../images/hl-promotions.gif) 0 0 no-repeat; }
#highlights .i2 a { background: url(../images/hl-franchises.gif) 0 0 no-repeat; }
#highlights .i3 a { background: url(../images/hl-audio-visual.gif) 0 0 no-repeat;}
#highlights .i4 a { background: url(../images/hl-support.gif) 0 0 no-repeat;}
#highlights a:hover, #highlights .i1 a:focus { background-position: 0 -115px; }

.r-side #highlights li { margin: 8px; }

/* content > pricing table */
.pricing tr > td { vertical-align: top; }
.pricing td { padding: 10px 20px 10px 0; }


/* bottom > partners */
ul.partners, ul.partners li { margin: 0; padding: 0; list-style: none; display: inline; float: left;}
ul.partners li { margin: 0 2px;}
ul.partners { float: left;background: #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 916px;}

ul.partners .i1 a {width: 179px; background: url(../images/partners/radio-rentals-2.gif) 0 0 no-repeat; }
ul.partners .i2 a {width: 167px; background: url(../images/partners/officeworks-2.gif) 0 0 no-repeat;}
ul.partners .i3 a {width: 147px; background: url(../images/partners/rt-edwards-2.gif) 0 0 no-repeat;}
ul.partners .i4 a {width: 114px; background: url(../images/partners/in-rent-2.gif) 0 0 no-repeat;}
ul.partners .i5 a {width: 153px; background: url(../images/partners/demand-a-better-way-2.gif) 0 0 no-repeat;}
ul.partners .i6 a {width: 122px; background: url(../images/partners/microsoft-2.gif) 0 0 no-repeat;}

ul.partners a { float: left; height: 87px; text-indent: -9999px; }
ul.partners a:hover, ul.partners a:focus { background-position: 0 -87px; }

/* managing director info */
/*blockquote*/.md { margin: 15px 0; padding: 0;float: left;}
.md img { float: left; margin: 15px 15px 5px 0;}

.md-info { clear: left;}
.md-info strong { color: #ff3; font-size: 1.4em; line-height: 1.4em;}

/* all partners definition list */
.partners dt { margin: 0 10px 15px 0; clear: left; }
.partners dd { float: left; width: 400px; margin: 0 0 15px;}

/* hints */
.hints dt { color: #ff3; font-weight: normal; margin: 0; padding: 0; display: block; float: none;}
.hints dd { clear: left; margin: 0; padding: 0 0 15px; display: block;}

/* calendar */
#calendar-holder { float: left; position: relative;}
a.show-calendar { float: left; width: 20px; height: 20px; background: url(../images/calendar/calendar-ico.gif) 0 0 no-repeat; text-indent: -9999px; margin: 2px;}
a.show-calendar:hover,
a.show-calendar:focus { background-position: 0 -20px; }
table#calendar { background: url(../images/calendar/dashboard.gif) 0 0 no-repeat; font-size: 0.9em; width: 170px; position: absolute; top: 0; left: 24px;}
table#calendar table {  margin: 12px 0 10px 7px; width: 150px; height: 130px; text-align: right;}
th { font-weight: normal; clear: left;}
td.another-month { color: #333; }
td.past { color: #666; }
table th, table td { padding: 0px 2px;}

#calendar caption {  padding: 0 0 4px; font-size: 1.1em; height: 16px;}
#calendar caption span { float: left; width: 128px; }
#calendar caption a { float: left; width: 11px; height: 11px; text-indent: -9999px; background: url(../images/calendar/arrows.gif) 0 0 no-repeat; font-size: 6px; line-height: 6px; margin: 2px 0 0;}
#calendar caption a:hover,
#calendar caption a:focus { background-position: 0 -11px; }

#calendar a.prev { background-position: 0 -22px; }
#calendar a.prev:hover,
#calendar a.prev:focus { background-position: 0 -33px; }

#calendar a:hover,
#calendar a:focus { color: #ff3; }



/* footer */
#footer { height: 113px; background: url(../images/footer.gif) 0 0 no-repeat; width: 960px; margin: -40px -12px 0 -8px; float: left; display: inline;}
#footer .nav, #footer li { margin: 0; padding: 0; list-style:none; display: inline; float: left;}
#footer .nav { overflow: hidden; margin: 55px 0 0 0; width: 270px;}
#footer li {padding: 0 8px 2px; border-right: 1px solid #000; line-height: 1em;font-weight: bold;}
#footer #copy { margin: 55px 0 0 0px ; color: #fff; padding: 0;line-height: 1em; float: left; width: 280px;}
#footer #author { margin: 40px 0 0; padding: 0; float: right;  width: 322px;}
#footer #author a { float: right; text-indent: -9999px; width: 322px; height: 45px; background:url(../images/author-info.jpg) 0 0 no-repeat;}