/*
' Title				: organizealamode.com | Site Stylesheet
' Description		: Overall styles for entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' 4/01/2009			: Tony Groves, I am the walrus.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Main Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html {}
body {background-color:#fff; font-family: Verdana, sans-serif; margin:0; padding:0; font-size:15px;}
a {color:#696969; text-decoration:underline;}
a:hover {color:#8a435f; text-decoration:none;}
a:active {}
a:visited {}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}	
h1 {color:#696969; font-size:1.1em; line-height:1.6em;}
h1 a{}
h1 a:hover{}
h2 {color:#696969; font-size:.9em; line-height:1.6em; margin:0;}
h2 a {}
h2 a:hover {}
ul {color:#696969; font-size:.8em; line-height:1.6em; margin:0;}
li {}
p {color:#696969; font-size:.8em; line-height:1.6em; margin:0 0 15px 0;}

.clear 					{font-size:1px; line-height:1px; margin:0; padding:0; border:none; clear:both;}

input.errorText					{border:1px solid #c70b05; background:#f0f0f0;}
textarea.errorText				{border:1px solid #c70b05; background:#f0f0f0;}
label.errorText					{display:block; color:#c70b05; font-weight:bold; float:none; padding:0; margin:1px 0;}

#outerWrap {
	width:981px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0 5px 5px 5px;
	position:relative;
	background-color:#fff;
	border-right:5px solid #1a2b00;
	border-left:5px solid #1a2b00;
	border-bottom:5px solid #1a2b00;
	}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Header Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#header							{padding:0; margin:0 0 5px 0; height:104px; background-image:url('imgs/headerbg.gif'); background-repeat:repeat-x; text-align:center;}
#headerbox						{width:950px; margin:0 auto;}

#header ul						{margin:0; padding:0;}
#header ul li					{margin:0; padding:39px 0 0 0; list-style-type:none; display:inline; float:left;}
#header ul li a					{color:#8a435f; text-decoration:none; margin:0 10px; font-weight:bold; font-size:1em;}
#header ul li a img				{border:none;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Footer Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#footer							{padding:11px; text-align:center; margin:0 auto; background-image:url('imgs/footerbg.gif'); background-repeat:repeat-x; height:139px;}
#footer img						{border:none;}
#footer h4						{color:#6e6e6e; font-size:.7em; font-weight:normal; margin:85px 0 0 0;}
#footer h4 a					{color:#610e2f; text-decoration:underline;}
#footer h4 a:hover				{color:#610e2f; text-decoration:none;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Index Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#slogan							{text-align:center; margin:10px 0 35px 0;}

#content						{padding:25px 0 0 0; margin:0; width:850px; margin:0 auto;}

#homebottom						{text-align:center; margin:35px 0 0 0;}
#homebottom a img				{border:none; margin:0; padding:0;}
#homebottom a img#services		{margin:30px 0 0 0;}
#homebottom a img#portfolio		{margin:30px 0 0 50px;}
#homebottom a img#contact		{margin:30px 0 0 50px;}

#leftcolm						{float:left; width:410px;}
#rightcolm						{float:right; width:420px;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Other Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#fulllist						{margin:15px 0 0 0; padding:0 0 0 15px;}
#fulllist li					{margin:5px 0 0 0; padding:0; list-style-type:none;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Gallery Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#gallerysub						{padding:0 0 20px 0; margin:0;;}
#gallerysub	p					{text-align:center;}

.overlay {
	width:500px;
	display:none;
}

.overlay div.close { 
    background:url(imgs/closebox.png) no-repeat;
    position:absolute; 
    top:15px; 
    right:10px; 
    width:25px; 
    height:25px; 
    cursor:pointer;     
}

#scrollable 					{padding:90px 8px 50px 0; width:850px; height:240px;}

/* container for the scrollable items */
div.items {
	height:250px;	
	margin:0 10px 0 13px;
	float:left;
	width:738px !important;
}

/* single item */
div.items a {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:220px;
	height:165px;
	text-align:center;
	cursor:pointer;
	border:1px solid #b7b8b7;
	padding:8px;
	background:#d3d4d3;
}

div.items a img {border:none;}

div.items a:hover {}
div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}

/* next / prev buttons */
a.prev, a.next {
	background:url(imgs/arrowleft.jpg) no-repeat 0 0;
	display:block;
	width:37px;
	height:37px;
	float:left;	
	margin:70px 0 0 0;
	cursor:pointer;
}

a.next {
	background-image:url(/imgs/arrowright.jpg)		
}

a.prev:hover {
	background-position:0 -37px;		
}

a.next:hover {
	background-position:0 -37px;		
}

/* navigator */
div.navi {
	display:none;
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}

/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/imgs/dots.gif) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	


/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Email Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#email							{text-align:left; margin:0; width:550px; float:left;}
#email span.row					{padding:0 0 0 20px; display:block; height:25px;}
#email span.label				{width:100px; margin:3px 0 0 0; text-align:right; height:20px; padding:0; float:left; font-size:.7em; color:#696969;}
#email span.labelbig			{width:100px; margin:3px 0 0 0; text-align:right; height:220px; padding:0; float:left; font-size:.7em; color:#696969;}
#email span.formw				{width:340px; height:20px; text-align:left; margin:0; padding:0 70px 0 0; float:right;}
#email span.formwbig			{width:340px; height:220px; text-align:left; margin:0; padding:0 70px 0 0; float:right;}
#email span.formw input			{width:340px;}
#email span.formw .input		{width:340px; height:65px;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' End Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/