@charset "UTF-8";
/*
Theme Name: Gabriel Law
Author: Minds Eye Design
*/

@import url(reset.css);

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

.clear {clear:both;height:0px;}
strong {font-weight:bold;}
.underline {text-decoration:underline;}
em {font-style:italic;}
p {margin-bottom:1em;}

#wrap {
	background-image:url(images/shadow.png);
	background-repeat:repeat-y;
	width:1000px; /* 1026 */
	margin:auto;
	padding:0px 13px;
}

#bg-left {
	background-image:url(images/left-blue.jpg);
	background-repeat:repeat-y;
	background-position:left;
	width:1000px;
}

#logo {
	width:263px;
	height:147px;
	margin:auto;
}
/* ------- LEFT COLUMN ------------- */
#col-left {
	background-image:url(images/left-blue.jpg);
	background-repeat:no-repeat;
	width:295px;
	min-height:900px;
	padding:45px 0 0 0;
	float:left;
}

#firm {
	background-image:url(images/bg-firm.png);
	background-repeat:no-repeat;
	height:119px;
	width:295px;
	position:relative;
	top:68px;
}

#address {
	font-size:1.2em;
	color:#ffffff;
	text-align:center;
	width:180px;
	height:57px;
	position:relative;
	margin:auto;
	top:75px;
}

#slogan {
	text-transform:uppercase;
	font-size:1.4em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	width:295px;
	position:relative;
	top:175px;
	line-height:2em;
}

#slogan a {
	color:#ffffff;
	text-decoration:none;
}

/* ---------- RIGHT COLUMN ----------- */
#col-right {
	width:705px;
	float:left;
}

#main-image {
	background-image:url(graphics/main-pic.jpg);
	background-repeat:no-repeat;
	width:705px;
	height:367px;
}

#phone {
	width:268px;
	height:42px;
	float:right;
	background-color:#000000;
	color:#ffffff;
	font-size:1.5em;
	margin-right:1px;
	position:relative;
	top:230px;
	padding-left:5px;
}

#phone strong {
	font-size:1.1em;
}

#phone em {
	font-size:.9em;
}

/* ----- NAVIGATION ----- */
#navigation {
	background-image:url(images/bg-topnav.png);
	background-repeat:repeat-x;
	height:119px;
	position:relative;
	top:219px;
	width:705px;
	clear:right;
}

#navigation ul {
	height:16px;
	width:665px;
	padding:56px 0 56px 24px;
}

#navigation li {
	padding:0 18px;
	float:left;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
}

#navigation li a {
	color:#ffffff;
	text-decoration:none;
}

#navigation li a:hover {
	color:#ff6600;
}

.brdr {
	border-right:1px solid #ffffff;
}

/* ---------------- CONTENT AREA --------------- */
#content {
	font-size:1.2em;
	font-family:Verdana, Geneva, sans-serif;
	padding:20px;
}

#content h2 {
	font-weight:bold;
	font-size:1.2em;
	display:inline;
}

#content a {
	color:#ff6600;
	text-decoration:none;
	font-weight:bold;
}

#content img {
	float:right;
	margin:5px 0 0 10px;
}

.button {
	float:right;
	margin:-10px -10px 0 0;
}

/* --------------- SITE INFO ---------------- */
#site-info {
	background-image:url(images/shadow-footer.png);
	background-repeat:repeat-y;
	padding:20px 33px 20px 33px;
	width:960px;
	margin:auto;
	font-size:1.2em;
	position:relative;
	margin-top:-24px;
}

#site-info p {
	width:450px;
}

#site-info a {
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
}

.logo-footer {
	float:right;
	width:280px;
	height:169px;
	margin:-10px 0 0 0;
}

/* --------------- FOOTER ----------- */
#footer {
	background-image:url(images/bg-footer.png);
	background-repeat:repeat-x;
	height:119px;
	clear:both;
	color:#000000;
	position:relative;
	top:-12px;
	z-index:200;
}

#footer-text {
	width:960px;	
	padding:20px;
	margin:auto;
}

#footer ul {
	float:left;
	width:200px;
}

#footer li a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
}

#phone-foot {
	width:262px;
	height:31px;
	font-size:1.4em;
	float:left;
	padding:20px 0 0 50px;
}

#phone-foot strong {
	font-size:1.2em;
}

#phone-foot em {
	font-size:.8em;
}

#address-foot {
	font-size:1.2em;
	text-align:right;
	width:180px;
	height:57px;
	float:right;
	padding-top:10px;
}