/*
Theme Name: UC Default
Theme URI: http://unifiedcommunications.ie/
Description: The default UC theme.
Version: 1.1
Author: Andrzej Stacherski
Author URI: http://revolution-media.net/
Tags: blue, custom header, fixed width, two columns, widgets
*/

* {padding: 0; margin: 0;}
img	{border: 0; }

body {text-align: center; color: #333; margin: 0; padding:0; background: #eee url("img/bgnd-body.gif") bottom center no-repeat; font: 12px Arial, sans, sans-serif, _sans;}

p {text-align: left; color: #333; line-height: 1.5em; font-size: 1em; padding: 10px 0; margin: 0;}
a {color: #333; cursor: pointer;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

.l, .alignleft {float: left;}
.r, .alignright {float: right;}
.center {text-align: center;}

.clear {clear: both;}
.strong {font-weight: bold;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s210 {width: 210px;}
.s300 {width: 300px;}
.s500 {width: 500px;}
.s630 {width: 630px;}

.p100 {width: 100%;}
.s80 {width: 80px;}
.h150 {height: 150px;}
.linklove {display: none;}

/********************************************************************************/

#wrapper {width: 960px; overflow: hidden; margin: 0 auto; text-align: center;}

#header {width: 960px; height: 150px; margin: 0 auto; background: url("img/bgnd-top.png") top center no-repeat;}
#header a.logo {float: left; width: 490px; height: 80px; margin: 40px 0 0 20px; background: url("img/uc-logo.gif") no-repeat; text-indent: -9000px;}
#header p.phone {float: right; width: 200px; height: 60px; margin: 55px 30px 0 0; background: url("img/bgnd-phone.gif") no-repeat; text-indent: -9000px;}

#page {width: 960px; padding: 0 0 30px 0; background: url("img/bgnd-page.png") bottom center; display: table-cell;}

#main-nav {width: 920px; height: 161px; margin: 0 20px; overflow: hidden; background: url("img/bgnd-main-nav.gif") bottom repeat-x;}
#main-nav ul {margin: 0 0 0 26px;}
#main-nav ul li {list-style: none; display: inline;}
#main-nav ul li a {display: block; float: left; width: 120px; height: 128px; margin: 0 2px; color: #333; text-decoration: none;}
#main-nav ul li a span {width: 120px; height: 18px; overflow: hidden; padding: 110px 0 0 0; display: block;}
#main-nav .about-uc {background: url("img/menu/microsoft-uc.png") top center no-repeat;}
#main-nav .products {background: url("img/menu/round-table.png") top center no-repeat;}
#main-nav .accessories {background: url("img/menu/plantronics.png") top center no-repeat;}
#main-nav .ip-phones {background: url("img/menu/uc-phone.png") top center no-repeat;}
#main-nav .faq {background: url("img/menu/faq.png") top center no-repeat;}
#main-nav .blog {background: url("img/menu/blog.png") top center no-repeat;}
#main-nav .about-cdsoft {background: url("img/menu/about-cdsoft.png") top center no-repeat;}
#main-nav ul li a:HOVER {background: url("img/bgnd-menu-item-hover.gif") repeat-x;}
#main-nav ul li.current_page_item a, #main-nav ul li.current_page_parent a {background: url("img/bgnd-menu-item.gif") repeat-x;}

#content {float: right; text-align: left; background: url("img/bgnd-globe.jpg") bottom right no-repeat;}
#content.narrow {width: 660px; padding: 0 0 0 20px; margin: 0 30px 0 0; border: #ddd solid; border-width: 0 0 0 1px;}
#content.wide {width: 900px; margin: 0 30px 0 0;}

#content h1 {padding: 0; margin: 0 0 10px 0; font-size: 2.2em; font-weight: normal; color: #333;}
#content h2 {padding: 5px 0; font-size: 1.6em; font-weight: normal; color: #4572B7;}
#content h2 a {color: #4572B7; text-decoration: none;}
#content h2 a:HOVER {color: #666;}

#content p {padding: 10px 0;}

#content ul {margin: 10px 0;}
#content ul li {list-style: none; background: url("img/arrow-blue.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin: 0 0 10px 0;}
#content ul li a {color: #333; text-decoration: none;}
#content ul li a:HOVER {text-decoration: underline;}

#content ol {margin: 10px 0;}
#content ol li {padding: 0 0 0 10px; margin: 0 0 10px 0; list-style-position: inside;}
#content ol li a {color: #333; text-decoration: none;}
#content ol li a:HOVER {text-decoration: underline;}

#small p {font-size: 0.9em; padding: 5px 0;}

#cols {width: 960px; margin: 0 auto; padding: 0;}
#cols div.col {float: left; width: 190px; padding: 10px 20px 10px 0; margin: 0 10px; border: solid #ddd; border-width: 0 1px 0 0;}
#cols div.col-wide {float: left; width: 410px; padding: 10px 20px 10px 0; margin: 0 10px; border: solid #ddd; border-width: 0 1px 0 0;}
#cols div.last {float: left; width: 190px; padding: 10px 20px 10px 0; margin: 0 10px; border: none;}
#cols h2 {margin: 0; font-size: 1.4em;}
#cols ul {margin: 10px 0 0 0;}
#cols ul li {list-style: none; background: none; padding: 2px 0; margin: 0; border: #eee dotted; border-width: 0 0 1px 0;}
#cols ul li a  {display: block; color: #333; padding: 10px 10px 10px 15px; background: url("img/arrow-blue.gif") 5px 14px no-repeat;}
#cols ul li a:HOVER  {text-decoration: none; color: #fff; background: #95acd6 url("img/arrow-white.gif") 5px 14px no-repeat;}
#cols a  {color: #333;}
#cols h2 a {color: #4572B7;}
#cols blockquote {background: url("img/bgnd-blockquote.gif") 100% 10px no-repeat;}
#cols blockquote p {font-style: italic;}
#cols blockquote p.who {font-style: normal; font-weight: bold; text-align: right;}

#sidebar {width: 200px; float: left; padding: 0; margin: 0 0 0 30px;}
#sidebar .sidenav {margin: 60px 0 0 0;}
#sidebar ul {margin: 0;}
#sidebar ul li {list-style: none;}
#sidebar ul li a {display: block; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-decoration: none;}
#sidebar ul li a:HOVER {background: #95ACD6; color: #fff;}
#sidebar ul li.current_page_item a {background: #95ACD6; color: #fff;}
#sidebar h2 {color: #333; font-size: 1.4em; margin: 0 0 10px 0; text-align: right;}

#footer {width: 960px; height: 130px; margin: 0 auto 200px auto; background: url("img/bgnd-footer.png") bottom center no-repeat;}
#footer p {padding: 15px 40px 20px 40px; text-align: left; color: #fff;}
#footer p.logo {float: right; width: 140px; height: 50px; background: url("img/cdsoft-logo.png") no-repeat; margin: 30px 0 0 0;}
#footer p a {text-decoration: none; font-weight: bold; color: #fff;}
#footer p a:HOVER {color: #ddd;}

/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */ 



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #fafafa;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

	text-align: center;

}

/* End captions */