@import url('blueprint.css');
@import url('lightbox.css');

/**
 * Global Tags
 */
body {
	background:#FFF url(../images/design/bg.png) repeat-x;
}

h2 {
	color:#A02121;
	font:normal 1.6em/1 "Myriad Pro", Helvetica, Arial, sans-serif;
}

h3 {
	color:#A02121;
	font-size:1.25em;
	font-weight:bold;
	font-style:italic;
}

strong {
	color:#A02121;
}

a {
	color:#264690;
}

.hr {
	border-color:#999;
}


/**
 * Layout styles
 */
#wrapper {
	background:#D7E2EA;
}

#main,
#branding,
#header,
#nav {
	margin:0 auto;
	width:676px;
}

#header {
	height:305px;
	position:relative;
}

#branding {
	height:52px;
	padding-top:17px;
	position:relative;
}

#branding h1 {
	background:url(../images/design/logo.png) no-repeat;
	height:32px;
	left:0px;
	margin:0;
	padding:0;
	position:absolute;
	top:28px;
	width:475px;
}

#branding h1 a {
	display:block;
	height:100%;
}

#branding h1 a span {
	display:none;
}

#head-description {
	left:-9000px;
	position:absolute;
	top:-9000px;
}

#head-contact {
	background:url(../images/design/contact.png) no-repeat;
	font-size:1px;
	height:51px;
	position:absolute;
	right:0;
	text-align:right;
	top:17px;
	width:150px;
}

#head-contact a {
	bottom:0;
	display:block;
	height:14px;
	position:absolute;
	right:0;
	width:72px;
}

#head-contact span {
	display:none;
}

#head-img {
	background:url(../images/design/header.png);
	color:#FFF;
	height:300px;
	line-height:300px;
	text-align:center;
	text-indent:-9000px;
	padding:0;
	width:688px;
	position:absolute;
	top:0;
	left:-12px;
}

#container {
	padding:20px 0 35px;
}


/**
 * Navigation styles
 */
#nav {
	height:36px;
	position:relative;
	text-align:center;
}

#nav ul {
	float:left;
	list-style:none;
	margin:0;
}

#nav ul li {
	float:left;
	font-weight:bold;
	height:36px;
	line-height:36px;
	margin:0 0 0 3px;
	position:relative;
	width:110px;
	zoom:1;
}

#nav ul li.first {
	margin:0;
}

#nav li.active a,
#home #nav-home a,
#profile #nav-profile a,
#areas #nav-areas a,
#new #nav-new a,
#client #nav-client a,
#contact #nav-contact a {
	background:#9EB6CB;
	color:#FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

#nav ul li:hover a,
#nav ul li.hover a,
#nav ul li:hover li a:hover,
#nav ul li.hover li a:hover {
	color:#A02121 !important;
}

#nav ul li:hover li a,
#nav ul li.hover li a {
	color:#264690 !important;
}

#nav ul li:hover ul,
#nav ul li.hover ul {
	display:block;
}

#nav ul ul {
	background:#B8CBDA;
	display:none;
	font-size:0.9em;
	font-weight:normal;
	left:-20px;
	position:absolute;
	text-transform:none;
	top:36px;
	width:150px;
	z-index:1;
}

#nav ul ul li {
	border-bottom:1px solid #D8E2EB;
	height:auto !important;
	line-height:1.25;
	margin:0;
	width:150px;
}

#nav a {
	display:block;
	padding:0 10px;
	position:relative;
	text-decoration:none;
	zoom:1;
	z-index:2;
}

#nav ul ul a {
	background:transparent none !important;
	border:0 !important;
	cursor:pointer !important;
	padding:3px 8px;
	width:auto !important;
}


/**
 * Content styles
 */
#content {
	float:right;
	padding:0;
	width:385px;
}

/**
 * Side styles
 */
#side {
	color:#FFF;
	float:left;
	width:235px;
}

#side h2 {
	color:#FFF;
	margin:0 0 0.25em;
}

.callout,
.callout * {
	zoom:1;
}

.callout {
	margin-bottom:15px;
	overflow:hidden;
}

.callout .inner {
	line-height:1.1;
	padding:45px 0 0 20px;
	width:191px;
}

.callout h2 {
	display:none;
}

.callout a {
	color:#FFF;
	display: block;
	text-decoration: none;
}

.callout a:hover {
	text-decoration: underline;
}

#meet-callout {
	background:url(../images/design/meet.png) no-repeat;
	height:133px;
	width:266px;
}

#meet-callout .inner {
	width:130px;
}

#meet-callout .inner p {
	line-height:1.75;
}

#areas-callout {
	background:url(../images/design/practice.png) no-repeat;
	height:194px;
	width:235px;
}


/**
 * Footer styles
 */
#footer {
	background:#FFF url(../images/design/footer.png) repeat-x;
	color:#4D4D4D;
	font-size:0.9em;
	padding:20px 4px 15px;
	text-align:center;
}

#footer p {
	margin:0;
}

#footer a {
	color:#4D4D4D;
}


/**
 * Images styles
 */
.img {
	border:0;
	margin:0.5em;
	padding:0;
	overflow:hidden;
	text-align:center;
}

.img img {
	border:0;
	margin:0 auto;
}


/**
 * 2 column unordered lists
 */
ul.column-list {
	line-height:1.1;
	list-style:none;
	margin:1.5em auto;
	width:500px;
}

ul.column-list li {
	float:left;
	width:250px;
}


/**
 * 2 column definition lists
 */
dl.column-list {
	margin:0 auto;
}

dl.column-list dt {
	clear:left;
	float:left;
	padding-right:15px;
	text-align:right;
	width:110px;
}

dl.column-list dt em {
	color:#666;
	display:block;
	font-weight:normal;
}

dl.column-list dd {
	float:left;
	margin-left:0;
	width:235px;
}

.column-list dd input,
.column-list dd textarea {
	margin-left:0;
}

.column-list dd textarea {
	height:125px;
	width:230px;
}


/**
 * Form styles
 */
form h3 {
	background:#2A4298;
	color:#FFF;
	height:1.5em;
	line-height:1.5;
	margin:1.5em 1em 1em;
	text-align:center;
	font-size:1.1em;
}

button {
	cursor:pointer;
}

.form-buttons {
	float:right;
	padding:1em 5em;
}

.form-buttons button.submit {
	background:transparent url(../images/design/submit_white.gif) no-repeat !important;
	border:0;
	height:18px;
	padding:0;
	width:48px;
}

.form-buttons button.submit span {
	left:-9000px;
	position:absolute;
	top:-9000px;
}

/**
 *  External Links
 */
.external {
	background: url(../images/bg-images/external.png) no-repeat right center;
	padding-right: 15px; 
	text-decoration: none;
}