@charset "utf-8";

/* CSS styles for sophiadaly.com */

body {
	background-color:#fff;
	color: #333;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center; /* To center page - will be over ridden in the page_container */
}
a, a:link, a:visited {
	color: #333;
	outline:none;
	text-decoration:none;
}
a:hover {
	color:#acac83;
	text-decoration:underline;
}
img {
	border:none;
}
.clear_both {
	clear:both;
	height:1px;
	overflow:hidden;
}
.flash_update_msg {
	padding-top:45px;
	text-align:center;
}
.flash_update_msg h4 {
	font-size:12px;
}
#page_container {
	margin:0 auto;
	padding:24px 60px 30px;
	text-align:left; 
	width:894px; /* 1020px - 140px padding */ 
}
#site_logo {
	border-right: 1px solid #666633;
	float:left;
	padding:7px 94px 6px 0;
}
#site_logo a {
	display:block;
	padding:8px 10px 8px 0; /* To give the logo link a larger 'hit' area */
}
#main_container {
	min-height:350px;
	height:auto !important;
	height:350px;
	padding:25px 0 60px;
	position:relative;
}
#content_container {
	float:right;
	text-align:left;
	padding:33px 105px 0;
	width:480px; /* 690px - 210px padding */
}
#slideshow_container {
	float:right;
	width:690px;
}
#portfolio_slideshow a {
	outline:none;
}
.page_title {
	margin: 20px 0 5px;
}
.homepage_title {
	margin-top:15px;
}
.contact_intro {
	padding-bottom:10px;
}
.contact_label {
	display:block;
	float:left;
	width:108px;
}
.styled_list {
	list-style-type:none;
	margin:20px 0 0;
	padding:0;	
}
.styled_list li {
	margin:0;
	padding:0;
}
.styled_list li ul {
	list-style-type:none;
	margin:2px 0 10px 35px;
	padding:0;
}
.styled_list li ul li {
	background-image:url(../images/bullet.gif);
	background-position:left 6px;
	background-repeat:no-repeat;
	padding-left:10px;
}

/* Main navigation styling */

#main_nav {
	display:block;
	float:left;
	list-style-type:none;
	margin:0 0 0 12px;
	padding:0;
	height:45px;
}
#main_nav li {
	float:left;
	margin:0;
	padding:12px 0 0;
}
#main_nav li a {
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	height:25px;
	margin-left:80px;
	padding:0 10px;
	text-indent:-9999px;
}

#main_nav #contact { background-image:url(../images/main_nav/contact.gif); width:43px; }
#main_nav #experience { background-image:url(../images/main_nav/experience.gif); width:63px; }
#main_nav #services { background-image:url(../images/main_nav/services.gif); width:48px; }
#main_nav #solutions { background-image:url(../images/main_nav/solutions.gif); width:52px; }

/* Main nav hover & selected states */

#main_nav #contact:hover, #contact_page #contact { background-image:url(../images/main_nav/contact_on.gif); }
#main_nav #experience:hover, #experience_page #experience { background-image:url(../images/main_nav/experience_on.gif); }
#main_nav #services:hover, #services_page #services { background-image:url(../images/main_nav/services_on.gif); }

#main_nav #solutions:hover,
#solutions_page #solutions,
#identity_page #solutions,
#web_page #solutions,
#print_page #solutions,
#presentation_page #solutions,
#gui_page #solutions,
#illustration_page #solutions,
#smatrix_page #solutions { background-image:url(../images/main_nav/solutions_on.gif); }


/* Side navigation styling */

#side_nav {
	display:block;
	float:left;
	list-style-type:none;
	margin:40px 0 0 0;
	padding:0;
	width:125px;
}
#side_nav li {
	margin:0 0 13px;
	padding:0;
}
#side_nav li.last_link {
	padding-top:28px;
	display:none; /* REMOVE AFTER THAT PAGE IS COMPLETED */
}
#side_nav li a {
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:29px;	
	text-indent:-9999px;
}

#side_nav #identity { background-image:url(../images/side_nav/identity.gif); }
#side_nav #web { background-image:url(../images/side_nav/web.gif); height:15px; }
#side_nav #print { background-image:url(../images/side_nav/print.gif); }
#side_nav #presentation { background-image:url(../images/side_nav/presentation.gif); height:15px; }
#side_nav #gui { background-image:url(../images/side_nav/gui.gif); }
#side_nav #illustration { background-image:url(../images/side_nav/illustration.gif); }
#side_nav #smatrix { background-image:url(../images/side_nav/smatrix.gif); height:15px; }

/* Side nav hover & selected states */

#side_nav #identity:hover, #identity_page #identity { background-image:url(../images/side_nav/identity_on.gif); }
#side_nav #web:hover, #web_page #web { background-image:url(../images/side_nav/web_on.gif); }
#side_nav #print:hover, #print_page #print { background-image:url(../images/side_nav/print_on.gif); }
#side_nav #presentation:hover, #presentation_page #presentation { background-image:url(../images/side_nav/presentation_on.gif); }
#side_nav #gui:hover, #gui_page #gui { background-image:url(../images/side_nav/gui_on.gif); }
#side_nav #illustration:hover, #illustration_page #illustration { background-image:url(../images/side_nav/illustration_on.gif); }
#side_nav #smatrix:hover, #smatrix_page #smatrix { background-image:url(../images/side_nav/smatrix_on.gif); }

/* Footer styles */

#footer {
	color:#999966;
	float:left;
	font-size:10px;
}
#tagline {
	float:right;
}